Satts as tabs ! Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
3 posters

    Satts as tabs !

    Richard.
    Richard.
    Forumember


    Male Posts : 249
    Reputation : 12
    Language : English,Romanian
    Location : Durham, NC - USA.

    Solved Satts as tabs !

    Post by Richard. June 16th 2013, 3:14 am

    Hi formotion..uhm.. i was trying the code from da forum csshelp, but i cant understand the explacation.. and i saw alot of poeple complain dat they dont get it, anywho as to resolte o that, i searched in this forum, i found something, but when i make after the tutorial, it doesnt come out right and the tabs dont switch.
    Satts as tabs ! Untitl17
    E-Mark
    E-Mark
    Active Poster


    Male Posts : 1411
    Reputation : 169
    Language : English
    Location : Bitcoin

    Solved Re: Satts as tabs !

    Post by E-Mark June 16th 2013, 5:41 am

    Can you provide your index_body? Without the statistic tabs yet. Smile
    Richard.
    Richard.
    Forumember


    Male Posts : 249
    Reputation : 12
    Language : English,Romanian
    Location : Durham, NC - USA.

    Solved Re: Satts as tabs !

    Post by Richard. June 16th 2013, 5:49 am

    Code:
    {JAVASCRIPT}
    <!-- BEGIN message_admin_index -->
    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
        <!-- BEGIN message_admin_titre -->
        <tr>
            <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
        </tr>
        <!-- END message_admin_titre -->
        <!-- BEGIN message_admin_txt -->
        <tr>
            <td class="row1" rowspan="3" align="center" valign="middle">
            <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
            </td>
        </tr>
        <!-- END message_admin_txt -->
    </table>
    <!-- END message_admin_index -->

    <!-- BEGIN switch_user_login_form_header -->
    <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
        <!-- BEGIN switch_fb_connect_no -->
        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
            <tr>
                <td class="row1" align="center">
                    <table border="0" cellspacing="0" cellpadding="0">
                        <tr>
                            <td><span class="genmed">{L_USERNAME}:</span> </td>
                            <td><input class="post" type="text" size="10" name="username"/> </td>
                            <td>
                                <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                                <span class="gensmall">{L_AUTO_LOGIN}</span> 
                            </td>
                        </tr>

                        <tr>
                            <td><span class="genmed">{L_PASSWORD}:</span> </td>
                            <td><input class="post" type="password" size="10" name="password"/> </td>
                            <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
        <!-- END switch_fb_connect_no -->

        <!-- BEGIN switch_fb_connect -->
        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
            <tr>
                <td valign="top" width="100%" class="row1" align="center">
                    <table width="100%">
                        <tr>
                            <td width="55%" valign="middle" align="right">
                                <table class="right">
                                    <tr>
                                        <td><span class="genmed">{L_USERNAME}:</span> </td>
                                        <td><input class="post" type="text" size="10" name="username"/> </td>
                                        <td>
                                            <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                                            <span class="gensmall">{L_AUTO_LOGIN}</span> 
                                        </td>
                                    </tr>

                                    <tr>
                                        <td><span class="genmed">{L_PASSWORD}:</span> </td>
                                        <td><input class="post" type="password" size="10" name="password"/> </td>
                                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                                    </tr>
                                </table>
                            </td>
                            <td width="10%" align="center" valign="middle">
                                <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                            </td>
                            <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
        <!-- END switch_fb_connect -->
    </form>
    <!-- END switch_user_login_form_header -->

    {CHATBOX_TOP}
    {BOARD_INDEX}
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td width="50%" valign="top">
                <!-- BEGIN switch_user_logged_in -->
                <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span>
                <!-- END switch_user_logged_in -->
                <!-- BEGIN switch_delete_cookies -->
                <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
                <!-- END switch_delete_cookies -->
            </td>
            <td width="50%" align="right">
                <span class="gensmall">
                    <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
                    <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
                    <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
                    <!-- BEGIN switch_on_index -->
                        <!-- BEGIN switch_delete_cookies -->
                        <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
                        <!-- END switch_delete_cookies -->
                    <!-- END switch_on_index -->
                </span>
            </td>
        </tr>
    </table>

    <!-- BEGIN switch_user_login_form_footer -->
    <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
        <!-- BEGIN switch_fb_connect_no -->
        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
            <tr>
                <td class="row1" align="center">
                    <table border="0" cellspacing="0" cellpadding="0">
                        <tr>
                            <td><span class="genmed">{L_USERNAME}:</span> </td>
                            <td><input class="post" type="text" size="10" name="username"/> </td>
                            <td>
                                <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                                <span class="gensmall">{L_AUTO_LOGIN}</span> 
                            </td>
                        </tr>

                        <tr>
                            <td><span class="genmed">{L_PASSWORD}:</span> </td>
                            <td><input class="post" type="password" size="10" name="password"/> </td>
                            <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
        <!-- END switch_fb_connect_no -->

        <!-- BEGIN switch_fb_connect -->
        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
            <tr>
                <td valign="top" width="100%" class="row1" align="center">
                    <table width="100%">
                        <tr>
                            <td width="55%" valign="middle">
                                <table class="right">
                                    <tr>
                                        <td><span class="genmed">{L_USERNAME}:</span> </td>
                                        <td><input class="post" type="text" size="10" name="username"/> </td>
                                        <td>
                                            <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                                            <span class="gensmall">{L_AUTO_LOGIN}</span> 
                                        </td>
                                    </tr>

                                    <tr>
                                        <td><span class="genmed">{L_PASSWORD}:</span> </td>
                                        <td><input class="post" type="password" size="10" name="password"/> </td>
                                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                                    </tr>
                                </table>
                            </td>
                            <td width="10%" align="center" valign="middle">
                                <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                            </td>
                            <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
        <!-- END switch_fb_connect -->
    </form>
    <!-- END switch_user_login_form_footer -->

    <!-- BEGIN disable_viewonline -->
    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
        <tr>
            <td class="catHead" colspan="2" height="28">
            <!-- BEGIN switch_viewonline_link -->
            <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
            <!-- END switch_viewonline_link -->

            <!-- BEGIN switch_viewonline_nolink -->
            <span class="cattitle">{L_WHO_IS_ONLINE}</span>
            <!-- END switch_viewonline_nolink -->
            </td>
        </tr>
        <tr>
            <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
            <td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
            {TOTAL_USERS}<br />
            {NEWEST_USER}</span></td>
        </tr>
        <tr>
            <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
            {RECORD_USERS}<br />
            <br />
            {LOGGED_IN_USER_LIST}</span></td>
        </tr>
        {L_CONNECTED_MEMBERS}
        {L_WHOSBIRTHDAY_TODAY}
        {L_WHOSBIRTHDAY_WEEK}
        <tr>
            <td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
        </tr>
        <!-- BEGIN switch_chatbox_activate -->
        <tr>
            <td class="row1">
                <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br />
                    <!-- BEGIN switch_chatbox_popup -->
                    <div id="chatbox_popup"></div>
                    <script type="text/javascript">
                    //<![CDATA[
                    insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
                    //]]>
                    </script>
                    <!-- END switch_chatbox_popup -->
                </span>
            </td>
        </tr>
        <!-- END switch_chatbox_activate -->
    </table>
    <!-- END disable_viewonline -->
    {CHATBOX_BOTTOM}
    <br clear="all" />
    <!-- BEGIN switch_legend -->
    <table border="0" cellspacing="3" cellpadding="0" align="center">
        <tr>
            <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
            <td><span class="gensmall">{L_NEW_POSTS}</span></td>
            <td></td>
            <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
            <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
            <td>  </td>
            <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
            <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
        </tr>
    </table>
    <!-- END switch_legend -->

    {AUTO_DST}

    <!-- BEGIN switch_fb_index_login -->
    <div id="fb-root"></div>
    <script type="text/javascript">
    //<![CDATA[
    FB.init({
        appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
         status: true,
         cookie: true,
         xfbml: true,
        oauth: true
    });
    //]]>
    </script>
    <!-- END switch_fb_index_login -->
    E-Mark
    E-Mark
    Active Poster


    Male Posts : 1411
    Reputation : 169
    Language : English
    Location : Bitcoin

    Solved Re: Satts as tabs !

    Post by E-Mark June 16th 2013, 5:53 am

    Here: (Replace your index_body with this one)
    Code:
    {JAVASCRIPT}
    <!-- BEGIN message_admin_index -->
    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
        <!-- BEGIN message_admin_titre -->
        <tr>
            <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
        </tr>
        <!-- END message_admin_titre -->
        <!-- BEGIN message_admin_txt -->
        <tr>
            <td class="row1" rowspan="3" align="center" valign="middle">
            <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
            </td>
        </tr>
        <!-- END message_admin_txt -->
    </table>
    <!-- END message_admin_index -->

    <!-- BEGIN switch_user_login_form_header -->
    <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
        <!-- BEGIN switch_fb_connect_no -->
        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
            <tr>
                <td class="row1" align="center">
                    <table border="0" cellspacing="0" cellpadding="0">
                        <tr>
                            <td><span class="genmed">{L_USERNAME}:</span> </td>
                            <td><input class="post" type="text" size="10" name="username"/> </td>
                            <td>
                                <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                                <span class="gensmall">{L_AUTO_LOGIN}</span> 
                            </td>
                        </tr>

                        <tr>
                            <td><span class="genmed">{L_PASSWORD}:</span> </td>
                            <td><input class="post" type="password" size="10" name="password"/> </td>
                            <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
        <!-- END switch_fb_connect_no -->

        <!-- BEGIN switch_fb_connect -->
        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
            <tr>
                <td valign="top" width="100%" class="row1" align="center">
                    <table width="100%">
                        <tr>
                            <td width="55%" valign="middle" align="right">
                                <table class="right">
                                    <tr>
                                        <td><span class="genmed">{L_USERNAME}:</span> </td>
                                        <td><input class="post" type="text" size="10" name="username"/> </td>
                                        <td>
                                            <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                                            <span class="gensmall">{L_AUTO_LOGIN}</span> 
                                        </td>
                                    </tr>

                                    <tr>
                                        <td><span class="genmed">{L_PASSWORD}:</span> </td>
                                        <td><input class="post" type="password" size="10" name="password"/> </td>
                                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                                    </tr>
                                </table>
                            </td>
                            <td width="10%" align="center" valign="middle">
                                <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                            </td>
                            <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
        <!-- END switch_fb_connect -->
    </form>
    <!-- END switch_user_login_form_header -->

    {CHATBOX_TOP}
    {BOARD_INDEX}
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td width="50%" valign="top">
                <!-- BEGIN switch_user_logged_in -->
                <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span>
                <!-- END switch_user_logged_in -->
                <!-- BEGIN switch_delete_cookies -->
                <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
                <!-- END switch_delete_cookies -->
            </td>
            <td width="50%" align="right">
                <span class="gensmall">
                    <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
                    <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
                    <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
                    <!-- BEGIN switch_on_index -->
                        <!-- BEGIN switch_delete_cookies -->
                        <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
                        <!-- END switch_delete_cookies -->
                    <!-- END switch_on_index -->
                </span>
            </td>
        </tr>
    </table>

    <!-- BEGIN switch_user_login_form_footer -->
    <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
        <!-- BEGIN switch_fb_connect_no -->
        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
            <tr>
                <td class="row1" align="center">
                    <table border="0" cellspacing="0" cellpadding="0">
                        <tr>
                            <td><span class="genmed">{L_USERNAME}:</span> </td>
                            <td><input class="post" type="text" size="10" name="username"/> </td>
                            <td>
                                <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                                <span class="gensmall">{L_AUTO_LOGIN}</span> 
                            </td>
                        </tr>

                        <tr>
                            <td><span class="genmed">{L_PASSWORD}:</span> </td>
                            <td><input class="post" type="password" size="10" name="password"/> </td>
                            <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
        <!-- END switch_fb_connect_no -->

        <!-- BEGIN switch_fb_connect -->
        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
            <tr>
                <td valign="top" width="100%" class="row1" align="center">
                    <table width="100%">
                        <tr>
                            <td width="55%" valign="middle">
                                <table class="right">
                                    <tr>
                                        <td><span class="genmed">{L_USERNAME}:</span> </td>
                                        <td><input class="post" type="text" size="10" name="username"/> </td>
                                        <td>
                                            <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                                            <span class="gensmall">{L_AUTO_LOGIN}</span> 
                                        </td>
                                    </tr>

                                    <tr>
                                        <td><span class="genmed">{L_PASSWORD}:</span> </td>
                                        <td><input class="post" type="password" size="10" name="password"/> </td>
                                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                                    </tr>
                                </table>
                            </td>
                            <td width="10%" align="center" valign="middle">
                                <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                            </td>
                            <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
        <!-- END switch_fb_connect -->
    </form>
    <!-- END switch_user_login_form_footer -->

    <div id="tabs_container">
        <ul id="stabs">
            <li class="active"><a href="#tab1">Tab 1</a></li>
            <li><a href="#tab2">Tab 2</a></li>
            <li><a href="#tab3">Tab 3</a></li>
        </ul>
    </div>

    <div id="tabs_content_container">
        <div id="tab1" class="tab_content" style="display: block;">

    <!-- BEGIN disable_viewonline -->
    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
        <tr>
            <td class="catHead" colspan="2" height="28">
            <!-- BEGIN switch_viewonline_link -->
            <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
            <!-- END switch_viewonline_link -->

            <!-- BEGIN switch_viewonline_nolink -->
            <span class="cattitle">{L_WHO_IS_ONLINE}</span>
            <!-- END switch_viewonline_nolink -->
            </td>
        </tr>
        <tr>
            <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
            <td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
            {TOTAL_USERS}<br />
            {NEWEST_USER}</span></td>
        </tr>
        <tr>
            <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
            {RECORD_USERS}<br />
            <br />
            {LOGGED_IN_USER_LIST}</span></td>
        </tr>
        {L_CONNECTED_MEMBERS}
        {L_WHOSBIRTHDAY_TODAY}
        {L_WHOSBIRTHDAY_WEEK}
        <tr>
            <td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
        </tr>
        <!-- BEGIN switch_chatbox_activate -->
        <tr>
            <td class="row1">
                <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br />
                    <!-- BEGIN switch_chatbox_popup -->
                    <div id="chatbox_popup"></div>
                    <script type="text/javascript">
                    //<![CDATA[
                    insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
                    //]]>
                    </script>
                    <!-- END switch_chatbox_popup -->
                </span>
            </td>
        </tr>
        <!-- END switch_chatbox_activate -->
    </table>
    <!-- END disable_viewonline -->

        </div>
        <div id="tab2" class="tab_content">
            <p>Content for the Second tabs goes here</p>
        </div>
        <div id="tab3" class="tab_content">
            <p>Content for the Third tabs goes here</p>
        </div>
    </div>


    {CHATBOX_BOTTOM}
    <br clear="all" />
    <!-- BEGIN switch_legend -->
    <table border="0" cellspacing="3" cellpadding="0" align="center">
        <tr>
            <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
            <td><span class="gensmall">{L_NEW_POSTS}</span></td>
            <td></td>
            <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
            <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
            <td>  </td>
            <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
            <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
        </tr>
    </table>
    <!-- END switch_legend -->

    {AUTO_DST}

    <!-- BEGIN switch_fb_index_login -->
    <div id="fb-root"></div>
    <script type="text/javascript">
    //<![CDATA[
    FB.init({
        appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
         status: true,
         cookie: true,
         xfbml: true,
        oauth: true
    });
    //]]>
    </script>
    <!-- END switch_fb_index_login -->

    Then just find this part to change the content of the 2nd and 3rd tab: 
    - (Content for second tab)
    Code:
    <p>Content for the Second tabs goes here</p>
    - (Content for third tab)
    Code:
    <p>Content for the Third tabs goes here</p>

    Then this one for the tab title:
    Code:
    <div id="tabs_container">
        <ul id="stabs">
            <li class="active"><a href="#tab1">Tab 1</a></li>
            <li><a href="#tab2">Tab 2</a></li>
            <li><a href="#tab3">Tab 3</a></li>
        </ul>
    </div>

    Then just put the JS and the CSS.
    Richard.
    Richard.
    Forumember


    Male Posts : 249
    Reputation : 12
    Language : English,Romanian
    Location : Durham, NC - USA.

    Solved Re: Satts as tabs !

    Post by Richard. June 16th 2013, 8:10 am

    the arangment works, but i cant switch between tabs, it rmains on first.
    E-Mark
    E-Mark
    Active Poster


    Male Posts : 1411
    Reputation : 169
    Language : English
    Location : Bitcoin

    Solved Re: Satts as tabs !

    Post by E-Mark June 16th 2013, 8:20 am

    Did you put the Javascript already? Check the In the homepage.
    Richard.
    Richard.
    Forumember


    Male Posts : 249
    Reputation : 12
    Language : English,Romanian
    Location : Durham, NC - USA.

    Solved Re: Satts as tabs !

    Post by Richard. June 16th 2013, 8:28 am

    I did everything
    E-Mark
    E-Mark
    Active Poster


    Male Posts : 1411
    Reputation : 169
    Language : English
    Location : Bitcoin

    Solved Re: Satts as tabs !

    Post by E-Mark June 16th 2013, 8:30 am

    Forum url?
    Richard.
    Richard.
    Forumember


    Male Posts : 249
    Reputation : 12
    Language : English,Romanian
    Location : Durham, NC - USA.

    Solved Re: Satts as tabs !

    Post by Richard. June 16th 2013, 8:31 am

    E-Mark
    E-Mark
    Active Poster


    Male Posts : 1411
    Reputation : 169
    Language : English
    Location : Bitcoin

    Solved Re: Satts as tabs !

    Post by E-Mark June 16th 2013, 8:42 am

    Here use this one instead as your Javascript:
    Code:
    jQuery(document).ready(function(){
        //  When user clicks on tab, this code will be executed
        jQuery("#stabs li").click(function() {
            //  First remove class "active" from currently active tab
            jQuery("#stabs li").removeClass('active');
     
            //  Now add class "active" to the selected/clicked tab
            jQuery(this).addClass("active");
     
            //  Hide all tab content
            jQuery(".tab_content").hide();
     
            //  Here we get the href value of the selected tab
            var selected_tab = jQuery(this).find("a").attr("href");
     
            //  Show the selected tab content
            jQuery(selected_tab).fadeIn();
     
            //  At the end, we add return false so that the click on the link is not executed
            return false;
        });
    });
    Richard.
    Richard.
    Forumember


    Male Posts : 249
    Reputation : 12
    Language : English,Romanian
    Location : Durham, NC - USA.

    Solved Re: Satts as tabs !

    Post by Richard. June 16th 2013, 8:54 am

    Same thing.... Look in my index_body.. i dont know.. i know alot of coding and stuff bout HTML .. dar i have no clue what could be rong.. here take  a look:

    Code:
        {JAVASCRIPT}
        <!-- BEGIN message_admin_index -->
        <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
            <!-- BEGIN message_admin_titre -->
            <tr>
                <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
            </tr>
            <!-- END message_admin_titre -->
            <!-- BEGIN message_admin_txt -->
            <tr>
                <td class="row1" rowspan="3" align="center" valign="middle">
                <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
                </td>
            </tr>
            <!-- END message_admin_txt -->
        </table>
        <!-- END message_admin_index -->

        <!-- BEGIN switch_user_login_form_header -->
        <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
            <!-- BEGIN switch_fb_connect_no -->
            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
                <tr>
                    <td class="row1" align="center">
                        <table border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td><span class="genmed">{L_USERNAME}:</span> </td>
                                <td><input class="post" type="text" size="10" name="username"/> </td>
                                <td>
                                    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                                    <span class="gensmall">{L_AUTO_LOGIN}</span>
                                </td>
                            </tr>

                            <tr>
                                <td><span class="genmed">{L_PASSWORD}:</span> </td>
                                <td><input class="post" type="password" size="10" name="password"/> </td>
                                <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
            <!-- END switch_fb_connect_no -->

            <!-- BEGIN switch_fb_connect -->
            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
                <tr>
                    <td valign="top" width="100%" class="row1" align="center">
                        <table width="100%">
                            <tr>
                                <td width="55%" valign="middle" align="right">
                                    <table class="right">
                                        <tr>
                                            <td><span class="genmed">{L_USERNAME}:</span> </td>
                                            <td><input class="post" type="text" size="10" name="username"/> </td>
                                            <td>
                                                <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                                                <span class="gensmall">{L_AUTO_LOGIN}</span>
                                            </td>
                                        </tr>

                                        <tr>
                                            <td><span class="genmed">{L_PASSWORD}:</span> </td>
                                            <td><input class="post" type="password" size="10" name="password"/> </td>
                                            <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                                        </tr>
                                    </table>
                                </td>
                                <td width="10%" align="center" valign="middle">
                                    <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                                </td>
                                <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
            <!-- END switch_fb_connect -->
        </form>
        <!-- END switch_user_login_form_header -->

        {CHATBOX_TOP}
        {BOARD_INDEX}
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td width="50%" valign="top">
                    <!-- BEGIN switch_user_logged_in -->
                    <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span>
                    <!-- END switch_user_logged_in -->
                    <!-- BEGIN switch_delete_cookies -->
                    <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
                    <!-- END switch_delete_cookies -->
                </td>
                <td width="50%" align="right">
                    <span class="gensmall">
                        <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
                        <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
                        <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
                        <!-- BEGIN switch_on_index -->
                            <!-- BEGIN switch_delete_cookies -->
                            <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
                            <!-- END switch_delete_cookies -->
                        <!-- END switch_on_index -->
                    </span>
                </td>
            </tr>
        </table>

        <!-- BEGIN switch_user_login_form_footer -->
        <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
            <!-- BEGIN switch_fb_connect_no -->
            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
                <tr>
                    <td class="row1" align="center">
                        <table border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td><span class="genmed">{L_USERNAME}:</span> </td>
                                <td><input class="post" type="text" size="10" name="username"/> </td>
                                <td>
                                    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                                    <span class="gensmall">{L_AUTO_LOGIN}</span>
                                </td>
                            </tr>

                            <tr>
                                <td><span class="genmed">{L_PASSWORD}:</span> </td>
                                <td><input class="post" type="password" size="10" name="password"/> </td>
                                <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
            <!-- END switch_fb_connect_no -->

            <!-- BEGIN switch_fb_connect -->
            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
                <tr>
                    <td valign="top" width="100%" class="row1" align="center">
                        <table width="100%">
                            <tr>
                                <td width="55%" valign="middle">
                                    <table class="right">
                                        <tr>
                                            <td><span class="genmed">{L_USERNAME}:</span> </td>
                                            <td><input class="post" type="text" size="10" name="username"/> </td>
                                            <td>
                                                <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                                                <span class="gensmall">{L_AUTO_LOGIN}</span>
                                            </td>
                                        </tr>

                                        <tr>
                                            <td><span class="genmed">{L_PASSWORD}:</span> </td>
                                            <td><input class="post" type="password" size="10" name="password"/> </td>
                                            <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                                        </tr>
                                    </table>
                                </td>
                                <td width="10%" align="center" valign="middle">
                                    <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                                </td>
                                <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
            <!-- END switch_fb_connect -->
        </form>
        <!-- END switch_user_login_form_footer -->

        <div id="tabs_container">
            <ul id="stabs">
                <li class="active">
                  <a href="#tab1">Cine este conectat</a>
                <li><a href="#tab2">Statistici</a></li>
                  <li><a href="#tab3">Informatii</a></li></li>
            </ul>
        </div>

        <div id="tabs_content_container">
            <div id="tab1" class="tab_content" style="display: block;">

          <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
         
            <tr>
                <td class="row1">
                  <span class="gensmall">{TOTAL_USERS_ONLINE}<br />
                   {LOGGED_IN_USER_LIST}
                  {L_CONNECTED_MEMBERS}
                 </span></td>
         
              <td class="row1"><span class="gensmall">
                {LEGEND} : <span style="font-size: 0px">{GROUP_LEGEND}</span></span></td>
            </tr>
          </div>
             
                <div id="tab2" class="tab_content">
            <p> 
                {TOTAL_POSTS}<br />
                {TOTAL_USERS}<br />
                {NEWEST_USER}
              </p>
               </div>
      
          
              <div id="tab3" class="tab_content">
                <p>Content for the Third tabs goes here</p>
            </div>
       </table> </div>

        {CHATBOX_BOTTOM}
        <br clear="all" />
     
        {AUTO_DST}

        <!-- BEGIN switch_fb_index_login -->
        <div id="fb-root"></div>
        <script type="text/javascript">
        //<![CDATA[
        FB.init({
            appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
             status: true,
             cookie: true,
             xfbml: true,
            oauth: true
        });
        //]]>
        </script>
        <!-- END switch_fb_index_login -->
    <style>
              #tabs_container {
                border-bottom: 1px solid #ccc;
            }
            #stabs {
                list-style: none;
                padding: 5px 0 4px 0;
                margin: 0 0 0 10px;
                font-family: Verdana,Arial,Helvetica,sans-serif;
                font-size: 13px;
            }
            #stabs li {
                display: inline;
            }
            #stabs li a {
                border: 1px solid #ccc;
                padding: 4px 6px;
                text-decoration: none;
                background-color: #eeeeee;
                border-bottom: none;
                outline: none;
                border-radius: 5px 5px 0 0;
                -moz-border-radius: 5px 5px 0 0;
                -webkit-border-top-left-radius: 5px;
                -webkit-border-top-right-radius: 5px;
            }
            #stabs li a:hover {
                background-color: #dddddd;
                padding: 4px 6px;
            }
            #stabs li.active a {
                border-bottom: 1px solid #fff;
                background-color: #fff;
                padding: 4px 6px 5px 6px;
                border-bottom: none;
            }
            #stabs li.active a:hover {
                background-color: #eeeeee;
                padding: 4px 6px 5px 6px;
                border-bottom: none;
            }
            
            #tabs_content_container {
                border: 1px solid #ccc;
                border-top: none;
                padding: 10px;
            }
            .tab_content {
                display: none;
      }</style>
    E-Mark
    E-Mark
    Active Poster


    Male Posts : 1411
    Reputation : 169
    Language : English
    Location : Bitcoin

    Solved Re: Satts as tabs !

    Post by E-Mark June 16th 2013, 9:35 am

    By any chance did you add anything on your JS? Nothing seems to be wrong.
    Richard.
    Richard.
    Forumember


    Male Posts : 249
    Reputation : 12
    Language : English,Romanian
    Location : Durham, NC - USA.

    Solved Re: Satts as tabs !

    Post by Richard. June 16th 2013, 9:38 am

    I got 2 java's dar has nothin to do with the index_body...

    Edit: Ahhh Nevermine, I had a java dat stoped it from wokring, thanks mark, i appreciate ur time Smile
    E-Mark
    E-Mark
    Active Poster


    Male Posts : 1411
    Reputation : 169
    Language : English
    Location : Bitcoin

    Solved Re: Satts as tabs !

    Post by E-Mark June 16th 2013, 9:42 am

    I know, that's why the Javascript seems to be wrong.
    On your Javascript Management, make sure you add this one:
    Code:
    jQuery(document).ready(function(){
        //  When user clicks on tab, this code will be executed
        jQuery("#stabs li").click(function() {
            //  First remove class "active" from currently active tab
            jQuery("#stabs li").removeClass('active');
     
            //  Now add class "active" to the selected/clicked tab
            jQuery(this).addClass("active");
     
            //  Hide all tab content
            jQuery(".tab_content").hide();
     
            //  Here we get the href value of the selected tab
            var selected_tab = jQuery(this).find("a").attr("href");
     
            //  Show the selected tab content
            jQuery(selected_tab).fadeIn();
     
            //  At the end, we add return false so that the click on the link is not executed
            return false;
        });
    });

    Use that one without adding anything (script tag, etc)
    Because i checked your forum and saw that you're using this one:
    Code:
    <script type="text/javascript"src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script><script type="text/javascript">function toggleDiv(divId){$("#"+divId).toggle()}</script>jQuery(document).ready(function(){jQuery("#stabs li").click(function(){jQuery("#stabs li").removeClass('active');jQuery(this).addClass("active");jQuery(".tab_content").hide();var selected_tab=jQuery(this).find("a").attr("href");jQuery(selected_tab).fadeIn();return false})});$(document).ready(function(){$("#stabs li").click(function(){$("#stabs li").removeClass('active');$(this).addClass("active");$(".tab_content").hide();var selected_tab=$(this).find("a").attr("href");$(selected_tab).fadeIn();return false})});
    Richard.
    Richard.
    Forumember


    Male Posts : 249
    Reputation : 12
    Language : English,Romanian
    Location : Durham, NC - USA.

    Solved Re: Satts as tabs !

    Post by Richard. June 16th 2013, 9:52 am

    One more problem .. look http://forum.phpbbonline.com/ , when i go on stats, it appears but first tabs remains there too, i want on 2nd tab to b shown only the stats.
    E-Mark
    E-Mark
    Active Poster


    Male Posts : 1411
    Reputation : 169
    Language : English
    Location : Bitcoin

    Solved Re: Satts as tabs !

    Post by E-Mark June 16th 2013, 10:02 am

    Here, use this one as your index_body, you misplaced the table ending tag:
    Code:
        {JAVASCRIPT}
        <!-- BEGIN message_admin_index -->
        <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
            <!-- BEGIN message_admin_titre -->
            <tr>
                <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
            </tr>
            <!-- END message_admin_titre -->
            <!-- BEGIN message_admin_txt -->
            <tr>
                <td class="row1" rowspan="3" align="center" valign="middle">
                <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
                </td>
            </tr>
            <!-- END message_admin_txt -->
        </table>
        <!-- END message_admin_index -->

        <!-- BEGIN switch_user_login_form_header -->
        <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
            <!-- BEGIN switch_fb_connect_no -->
            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
                <tr>
                    <td class="row1" align="center">
                        <table border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td><span class="genmed">{L_USERNAME}:</span> </td>
                                <td><input class="post" type="text" size="10" name="username"/> </td>
                                <td>
                                    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                                    <span class="gensmall">{L_AUTO_LOGIN}</span>
                                </td>
                            </tr>

                            <tr>
                                <td><span class="genmed">{L_PASSWORD}:</span> </td>
                                <td><input class="post" type="password" size="10" name="password"/> </td>
                                <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
            <!-- END switch_fb_connect_no -->

            <!-- BEGIN switch_fb_connect -->
            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
                <tr>
                    <td valign="top" width="100%" class="row1" align="center">
                        <table width="100%">
                            <tr>
                                <td width="55%" valign="middle" align="right">
                                    <table class="right">
                                        <tr>
                                            <td><span class="genmed">{L_USERNAME}:</span> </td>
                                            <td><input class="post" type="text" size="10" name="username"/> </td>
                                            <td>
                                                <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                                                <span class="gensmall">{L_AUTO_LOGIN}</span>
                                            </td>
                                        </tr>

                                        <tr>
                                            <td><span class="genmed">{L_PASSWORD}:</span> </td>
                                            <td><input class="post" type="password" size="10" name="password"/> </td>
                                            <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                                        </tr>
                                    </table>
                                </td>
                                <td width="10%" align="center" valign="middle">
                                    <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                                </td>
                                <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
            <!-- END switch_fb_connect -->
        </form>
        <!-- END switch_user_login_form_header -->

        {CHATBOX_TOP}
        {BOARD_INDEX}
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td width="50%" valign="top">
                    <!-- BEGIN switch_user_logged_in -->
                    <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span>
                    <!-- END switch_user_logged_in -->
                    <!-- BEGIN switch_delete_cookies -->
                    <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
                    <!-- END switch_delete_cookies -->
                </td>
                <td width="50%" align="right">
                    <span class="gensmall">
                        <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
                        <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
                        <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
                        <!-- BEGIN switch_on_index -->
                            <!-- BEGIN switch_delete_cookies -->
                            <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
                            <!-- END switch_delete_cookies -->
                        <!-- END switch_on_index -->
                    </span>
                </td>
            </tr>
        </table>

        <!-- BEGIN switch_user_login_form_footer -->
        <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
            <!-- BEGIN switch_fb_connect_no -->
            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
                <tr>
                    <td class="row1" align="center">
                        <table border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td><span class="genmed">{L_USERNAME}:</span> </td>
                                <td><input class="post" type="text" size="10" name="username"/> </td>
                                <td>
                                    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                                    <span class="gensmall">{L_AUTO_LOGIN}</span>
                                </td>
                            </tr>

                            <tr>
                                <td><span class="genmed">{L_PASSWORD}:</span> </td>
                                <td><input class="post" type="password" size="10" name="password"/> </td>
                                <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
            <!-- END switch_fb_connect_no -->

            <!-- BEGIN switch_fb_connect -->
            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
                <tr>
                    <td valign="top" width="100%" class="row1" align="center">
                        <table width="100%">
                            <tr>
                                <td width="55%" valign="middle">
                                    <table class="right">
                                        <tr>
                                            <td><span class="genmed">{L_USERNAME}:</span> </td>
                                            <td><input class="post" type="text" size="10" name="username"/> </td>
                                            <td>
                                                <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                                                <span class="gensmall">{L_AUTO_LOGIN}</span>
                                            </td>
                                        </tr>

                                        <tr>
                                            <td><span class="genmed">{L_PASSWORD}:</span> </td>
                                            <td><input class="post" type="password" size="10" name="password"/> </td>
                                            <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                                        </tr>
                                    </table>
                                </td>
                                <td width="10%" align="center" valign="middle">
                                    <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                                </td>
                                <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
            <!-- END switch_fb_connect -->
        </form>
        <!-- END switch_user_login_form_footer -->

        <div id="tabs_container">
            <ul id="stabs">
                <li class="active">
                  <a href="#tab1">Cine este conectat</a>
                <li><a href="#tab2">Statistici</a></li>
                  <li><a href="#tab3">Informatii</a></li></li>
            </ul>
        </div>

        <div id="tabs_content_container">
            <div id="tab1" class="tab_content" style="display: block;">

          <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
         
            <tr>
                <td class="row1">
                  <span class="gensmall">{TOTAL_USERS_ONLINE}<br />
                  {LOGGED_IN_USER_LIST}
                  {L_CONNECTED_MEMBERS}
                </span></td>
         
              <td class="row1"><span class="gensmall">
                {LEGEND} : <span style="font-size: 0px">{GROUP_LEGEND}</span></span></td>
            </tr>
    </table>
          </div>
             
                <div id="tab2" class="tab_content">
            <p> 
                {TOTAL_POSTS}<br />
                {TOTAL_USERS}<br />
                {NEWEST_USER}
              </p>
              </div>
     
         
              <div id="tab3" class="tab_content">
                <p>Content for the Third tabs goes here</p>
            </div>
      </div>

        {CHATBOX_BOTTOM}
        <br clear="all" />
     
        {AUTO_DST}

        <!-- BEGIN switch_fb_index_login -->
        <div id="fb-root"></div>
        <script type="text/javascript">
        //<![CDATA[
        FB.init({
            appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
            status: true,
            cookie: true,
            xfbml: true,
            oauth: true
        });
        //]]>
        </script>
        <!-- END switch_fb_index_login -->
    <style>
              #tabs_container {
                border-bottom: 1px solid #ccc;
            }
            #stabs {
                list-style: none;
                padding: 5px 0 4px 0;
                margin: 0 0 0 10px;
                font-family: Verdana,Arial,Helvetica,sans-serif;
                font-size: 13px;
            }
            #stabs li {
                display: inline;
            }
            #stabs li a {
                border: 1px solid #ccc;
                padding: 4px 6px;
                text-decoration: none;
                background-color: #eeeeee;
                border-bottom: none;
                outline: none;
                border-radius: 5px 5px 0 0;
                -moz-border-radius: 5px 5px 0 0;
                -webkit-border-top-left-radius: 5px;
                -webkit-border-top-right-radius: 5px;
            }
            #stabs li a:hover {
                background-color: #dddddd;
                padding: 4px 6px;
            }
            #stabs li.active a {
                border-bottom: 1px solid #fff;
                background-color: #fff;
                padding: 4px 6px 5px 6px;
                border-bottom: none;
            }
            #stabs li.active a:hover {
                background-color: #eeeeee;
                padding: 4px 6px 5px 6px;
                border-bottom: none;
            }
           
            #tabs_content_container {
                border: 1px solid #ccc;
                border-top: none;
                padding: 10px;
            }
            .tab_content {
                display: none;
      }</style>
    Richard.
    Richard.
    Forumember


    Male Posts : 249
    Reputation : 12
    Language : English,Romanian
    Location : Durham, NC - USA.

    Solved Re: Satts as tabs !

    Post by Richard. June 16th 2013, 10:04 am

    There you go.. Thanks mark "Smile.
    Sanket
    Sanket
    ForumGuru


    Male Posts : 48766
    Reputation : 2830
    Language : English
    Location : Mumbai

    Solved Re: Satts as tabs !

    Post by Sanket June 16th 2013, 11:32 am

    Topic Solved & Archived.