top



I wanted to have this kind of statistic tab also.

And somehow if you could check out my forum and how to do this coding here's my forum also.

http://vimcreek.forumotion.com

Wait, I think that tutorial you've linked to me isn't for punbb.

its foe punbb and phpbb2

Gangstar15 wrote:its foe punbb and phpbb2

for*

It work for me and im using punbb

I got in now and I wanted to know how to do this kind of separation on the statistic part.


and also I wanted to know how to center the statistic tabs.
Check my forum http://vimcreek.forumotion.com

Just give the statistics tab a div and float it to left. Make another div for the stats and float it to right. Make sure you have the width adjusted to something like 60%(left) and 30%(right). Wink

Japorized wrote:Just give the statistics tab a div and float it to left. Make another div for the stats and float it to right. Make sure you have the width adjusted to something like 60%(left) and 30%(right). Wink

We'll it says here code is unwrap. lolwut?

Can you show me your how you coded?

Code:
{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
   <ul>
       <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
       <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
      <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
      <li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
   </ul>
   <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
   <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->

<!-- BEGIN message_admin_index -->
<div class="main">
   <!-- BEGIN message_admin_titre -->
   <div class="main-head">
      <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
   </div>
   <!-- END message_admin_titre -->

   <!-- BEGIN message_admin_txt -->
   <div id="pun-announcement">
      <p>{message_admin_index.message_admin_txt.MES_TXT}</p>
   </div>
   <!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<div class="main">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label>  
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label>  
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>  
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" perms="{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>
      <!-- END switch_fb_connect -->
   </div>
</form>
</div>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->
<div id="pun-info" class="main">
   <div class="main-content">
      <div id="hook-just-in-case" style="background: #2f2626 !important; text-align: center !important; color: white !important; font: 14px Georgia, Serif !important; position: relative; zoom: 1; width: 100% !important; z-index: 10000 !important;">

</div>
  <div id="page-wrap" style=" width: 850px; margin: 1px auto;"> 
      <div id="organic-tabs" style="background: transparent; padding: 2px; margin: 0 0 15px 0;">
       
          <ul id="explore-nav" style="list-style: none;">
                <li id="ex-featured"><a rel="featured" href="#" class="current">Tab1</a></li>

                <li id="ex-core"><a rel="core" href="#">Tab2</a></li>
                <li id="ex-jquery"><a rel="jquerytuts" href="#">Tab3</a></li>
                <li id="ex-classics" class="last"><a rel="classics" href="#">Tab4</a></li>
            </ul>
   
          <div id="stats_main">
  <div id="stats_left">
      <div id="stats_left_first">
{TOTAL_USERS_ONLINE}
<br/><br/>
{LOGGED_IN_USER_LIST}
      </div>
      <div id="stats_left_second">
{LEGEND} : {GROUP_LEGEND}
<br/><br/>
<a href="/viewonline">Who is online</a> | <a href="/?mode=delete_cookies">Delete all board cookies</a> | <a href="#">Return to Top</a>
      </div>
  </div>
  <div id="stats_right">
{TOTAL_POSTS}
<hr/>
{TOTAL_USERS}
<hr/>
{NEWEST_USER}
<hr/>
{RECORD_USERS}
  </div>
</div>
       
        <p> </p>
       
      </div>
      <!-- BEGIN switch_chatbox_activate -->
      <div id="onlinechat">
        <p class="page-bottom">
        {TOTAL_CHATTERS_ONLINE} :
        {CHATTERS_LIST}

        <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>
            <script type="text/javascript">
              insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            </script>
        <!-- END switch_chatbox_popup -->
        </p>
      </div>
      <!-- END switch_chatbox_activate --></li>

            </ul>
       
              <ul id="core" style="list-style: none;">
                    <li style="display: block; padding: 4px; color: #fff;">Your text here...</li>
<li style="display: block; padding: 4px; color: #fff;">Your text here 2.</li>
<li style="display: block; padding: 4px; color: #fff;">Your text here 3.</li>
         
              </ul>
       
              <ul id="jquerytuts" style="list-style: none;">
                  <li style="display: block; padding: 4px; color: #fff;">Your text here...</li>
<li style="display: block; padding: 4px; color: #fff;">Your text here 2.</li>
<li style="display: block; padding: 4px; color: #fff;">Your text here 3.</li>
              </ul>
       
              <ul id="classics" style="list-style: none;">
                    <li style="display: block; padding: 4px; color: #fff;">Your text here....</li>
<li style="display: block; padding: 4px; color: #fff;">Your text here 2.</li>
<li style="display: block; padding: 4px; color: #fff;">Your text here 3.</li>
              </ul>

                </div>
      </div>
 
  </div>
   </div>
</div>
<!-- END disable_viewonline -->

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label>  
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label>  
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>  
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" perms="{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>
      <!-- END switch_fb_connect -->
   </div>
</form>
<!-- END switch_user_login_form_footer -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_legend -->
<ul id="pun-legend">
   <li>
      <img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /> {L_NEW_POSTS}
      <img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /> {L_NO_NEW_POSTS}
      <img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /> {L_FORUM_LOCKED}
   </li>
</ul>
<!-- 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
});
//]]>
</script>
<!-- END switch_fb_index_login -->

This is how I coded it and look at what happened to my forum Don\'t Cry
I'm really so confuse on how to do it, been searching for some tips on how to do it.
look at what happened to my forum http://vimcreek.forumotion.com

U didnt add css

shadowz_au wrote:U didnt add css

I added now the css and look at what happened :(
seems like my tabs isn't working and the color is totally different.

The statistics tab Emilio made is only a modified version of the statistics tab I've given you. You have to have your own creativity to design it from there. Wink

I made my own now Happy
after all the testing I've done lol....

So is this done now?

Yup thanks a million.

Glad we helped. Happy
Solved & Locked