phpBB • Free and Open Source Forum Software

RSS Facebook Twitter
Menu
Warning: The author of this contribution does not provide support for it anymore.

Tabbed Profiles

Frequently Asked Questions

Adding Additional Tabs To Your Profiles

To add additional tabs to your members profiles, please follow and repeat the following steps for how many extra tabs you wish to add:

Open: styles/prosilver/template/memberlist_view.html

Find:

Code: Select all

var panels = new Array('profile-panel', 'contact-panel', 'statistics-panel');

In-Line Find:

Code: Select all

, 'statistics-panel'

In-Line Add After:

Code: Select all

, 'atab1-panel'

Find:

Code: Select all

        <li class="" id="statistics-panel-tab"><a name="statistics" href="#statistics" onclick="subPanels('statistics-panel'); return false;"><span>{L_STATISTICS}<!-- IF SIGNATURE --> &amp; {L_SIGNATURE}<!-- ENDIF --></span></a></li>

Add After:

Code: Select all

        <li class="" id="atab1-panel-tab"><a name="atab1" href="#atab1" onclick="subPanels('atab1-panel'); return false;"><span>Additional Tab 1</span></a></li>

Find:
Tip: This should be the very last find after the last tab contents you have on your profile.

Code: Select all

        <span class="corners-bottom"><span></span></span>
    </div>
</div>

Add Before:

Code: Select all

<div style="display: none;" class="panel<!-- IF S_ONLINE --> online<!-- ENDIF -->" id="atab1-panel">
    <div class="inner"><span class="corners-top"><span></span></span>

        <h5>Additional Tab 1</h5>

        <dl class="detailsprof">
        Additional Tab 1 Contents
        </dl>

    <span class="corners-bottom"><span></span></span></div>
</div>


If you are adding more than one tab to your members profiles, remember to change all of the atab1 names to the next number e.g. atab2 or to the tab contents name e.g. thanks, guestbook, friends, vistors, etc. for your next tab, ensuring that each tab has a different name, so each tab can open independently without clashing with your other tabs.
Top