Modificação das Estatísitcas

[IsmaelS.]

• Descrição:

Olá,

Se repararem neste fórum que estou a adaptar vejam como estão as estatísticas:
http://ismaelsd.forumeiros.com.pt/forum

Seria possível colocar desta forma sem danificar nada?

---

• Informações:

Fórum:	www.SuporteDesign.forumeiros.com	Versão:	PUNBB
Tipo:	Pedido de código	Tags:	Modificação,Estatísitcas

---

[Lima 3005]

Você quer as cores e o design igual? é isso?

[IsmaelS.]

Olá,

Apenas quero colocar dentro da parte das Estatísticas como mostra essa print!

[Lima 3005]

Código:

#stats {
background-color: #FFFFFF;
line-height: 150%;
padding: .6em 1em;
}


#onlinelist {
background-color: #FFFFFF;
border-top: 1px solid #ccc;
padding: .6em 1em;
}

só consigo meter o bg branco e a linha sólida o resto acho que tem de ser com JS

[IsmaelS.]

Olá,

Então irei aguardar por alguém que saiba mas obrigado da mesma!

[Lima 3005]

o problema é que você não tem o título a dizer estatísticas... se tiver é fácil

[Kyo Panda]

Opa, Ismael, há como passar o index_body dos dois fóruns do fórum?

[IsmaelS.]

Olá,

Sem problema amigo aqui está deste http://suportedesign.forumeiros.com/forum:

Código:

{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> &nbsp;
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label> &nbsp;
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
      {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" 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>
      <!-- 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="stats">
         <p class="right">{TOTAL_POSTS}</p>
         <p>{TOTAL_USERS}</p>
         <p>{NEWEST_USER}</p>
      </div>
      <div id="onlinelist">
         <img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
         <p class="right">
            <!-- BEGIN switch_viewonline_link -->
            <a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
            <!-- END switch_viewonline_link -->
            <!-- BEGIN switch_viewonline_nolink -->
            {L_WHO_IS_ONLINE}
            <!-- END switch_viewonline_nolink -->
         </p>
         <p>{TOTAL_USERS_ONLINE}<br />
         {RECORD_USERS}

         <br />
         {LOGGED_IN_USER_LIST}

         {L_ONLINE_USERS}
         {L_CONNECTED_MEMBERS}<br />
         {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
         <div class="clear"></div>

         <p>{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</p>

      </div>
      <!-- BEGIN switch_chatbox_activate -->
      <div id="onlinechat">
         <p class="page-bottom">
         {TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp;
         {CHATTERS_LIST}<br />
         <!-- 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 -->
   </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> &nbsp;
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label> &nbsp;
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
      {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" 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>
      <!-- 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}" />&nbsp;{L_NEW_POSTS}
      <img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />&nbsp;{L_NO_NEW_POSTS}
      <img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" />&nbsp;{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,
   oauth: true
});
//]]>
 
</script>
<!-- END switch_fb_index_login -->

Aqui está do fórum de testes http://ismaelsd.forumeiros.com.pt/forum:

Código:

{JAVASCRIPT}
<!-- 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> &nbsp;
        {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" 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>
        <!-- END switch_fb_connect -->
      </div>
    </form>
  </div>
  <!-- END switch_user_login_form_header -->
  {CHATBOX_TOP}
  {BOARD_INDEX}
  <!-- BEGIN disable_viewonline -->
  <div class="roundframe">
    <div class="innerframe">
      <div class="cat_bar">
        <h3 class="catbg">
        Estatísticas Gerais do Suporte Design
        </h3>
      </div>
      <div id="upshrinkHeaderIC">
        <div class="title_barIC">
          <h4 class="titlebg">
            <span class="ie6_header floatleft">
              <a href="/statistics">
                <img class="icon" src="http://i.imgur.com/dYm0SSU.png" alt="Forum Stats" />
              </a>
              Forum Stats
            </span>
          </h4>
        </div>
        <p>
          {TOTAL_POSTS}. {NEWEST_USER}<br />
          {TOTAL_USERS}<br />
          <a href="/search?search_id=newposts">Ver los mensajes más recientes del foro.</a><br />
          <a href="/viewonline">[Usuarios conectados]</a>
        </p>
        <div class="title_barIC">
          <h4 class="titlebg">
            <span class="ie6_header floatleft">
              <a href="/viewonline">
                <img class="icon" src="http://i.imgur.com/K0tOEWN.png" alt="Users Online" />
              </a>
              Users Online
            </span>
          </h4>
        </div>
        <p class="inline stats">
          {TOTAL_USERS_ONLINE}
        </p>
        <p class="last smalltext">
          {RECORD_USERS}
          </p>
        </div>
    </div>
  </div>                 
  <!-- END disable_viewonline -->
  {CHATBOX_BOTTOM}
  {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 -->

[Kyo Panda]

Troque por esse:

Código:

{JAVASCRIPT}
<!-- 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> &nbsp;
        {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" 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>
        <!-- END switch_fb_connect -->
      </div>
    </form>
  </div>
  <!-- END switch_user_login_form_header -->
  {CHATBOX_TOP}
  {BOARD_INDEX}
 
  <!-- BEGIN disable_viewonline -->
  <div class="roundframe">
    <div class="innerframe">
      <div class="cat_bar">
        <h3 class="catbg">
        Estatísticas Gerais do Suporte Design
        </h3>
      </div>
        <div id="stats">
          <p class="right">{TOTAL_POSTS}</p>
          <p>{TOTAL_USERS}</p>
          <p>{NEWEST_USER}</p>
        </div>
        <div id="onlinelist">
          <img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
          <p class="right">
              <!-- BEGIN switch_viewonline_link -->
              <a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
              <!-- END switch_viewonline_link -->
              <!-- BEGIN switch_viewonline_nolink -->
              {L_WHO_IS_ONLINE}
              <!-- END switch_viewonline_nolink -->
          </p>
          <p>{TOTAL_USERS_ONLINE}<br />
          {RECORD_USERS}

          <br />
          {LOGGED_IN_USER_LIST}

          {L_ONLINE_USERS}
          {L_CONNECTED_MEMBERS}<br />
          {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
          <div class="clear"></div>

          <p>{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</p>

        </div>
        <!-- BEGIN switch_chatbox_activate -->
        <div id="onlinechat">
          <p class="page-bottom">
          {TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp;
          {CHATTERS_LIST}<br />
          <!-- 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 -->
    </div>
  </div>
  <!-- END disable_viewonline -->
 
  {CHATBOX_BOTTOM}
  {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 -->

[IsmaelS.]

Olá,

Mas veja esta print:



Desejava manter aquela barra cinzentada a dizer "Estatísticas Gerais do Suporte Design" e aquela borda arredonda a volta das estatísticas, será possível colocar isso ?

[Kyo Panda]

Eu acabei percebendo isso logo depois que postei. TT-TT

Atualizei o código lá em cima.

[IsmaelS.]

Olá,

Seria possível agora retirar aquela parte que está em cinza e o tracejado ou seja retirar a parte de ir para o Chatbox? E se possível esticar as estatísticas ou seja colocar +/- à margem da borda

[Kyo Panda]

Troque por esse:

Código:

{JAVASCRIPT}
<!-- 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> &nbsp;
        {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" 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>
        <!-- END switch_fb_connect -->
      </div>
    </form>
  </div>
  <!-- END switch_user_login_form_header -->
  {CHATBOX_TOP}
  {BOARD_INDEX}
 
  <!-- BEGIN disable_viewonline -->
  <div class="roundframe">
    <div class="innerframe">
      <div class="cat_bar">
        <h3 class="catbg">
        Estatísticas Gerais do Suporte Design
        </h3>
      </div>
        <div id="stats">
          <p class="right">{TOTAL_POSTS}</p>
          <p>{TOTAL_USERS}</p>
          <p>{NEWEST_USER}</p>
        </div>
        <div id="onlinelist">
          <img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
          <p class="right">
              <!-- BEGIN switch_viewonline_link -->
              <a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
              <!-- END switch_viewonline_link -->
              <!-- BEGIN switch_viewonline_nolink -->
              {L_WHO_IS_ONLINE}
              <!-- END switch_viewonline_nolink -->
          </p>
          <p>{TOTAL_USERS_ONLINE}<br />
          {RECORD_USERS}

          <br />
          {LOGGED_IN_USER_LIST}

          {L_ONLINE_USERS}
          {L_CONNECTED_MEMBERS}<br />
          {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
          <div class="clear"></div>

          <p>{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</p>

        </div>       
    </div>
  </div>
  <!-- END disable_viewonline -->
 
  {CHATBOX_BOTTOM}
  {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 -->

[IsmaelS.]

Olá,

Está perfeito, apenas queria saber se era possível utilizar o mesmo risco e forma que está à volta das estatísticas para dividir como mostra a print:

[Lima 3005]

Código:

#onlinelist {
border-top: 1px solid black;
padding: .6em 1em;
}

adicione ao css e diga se funcionou

[Kyo Panda]

Adicione:

Código:

#stats {
  border-bottom: 2px solid #eee;
  margin: 0 -10px;
  padding: .6em 24px;
}

[IsmaelS.]

Olá,

Perfeito amigo e obrigado! Resolvido!