Modificação de Estatísticas

Bem as estatisticas do meu fórum que estou a adaptar estão muito diferente dos normais:
http://kodactheme.criaforum.com/

O que queria era algo isto:


E o "x" a vermelho queria retirar aquilo e colocar as estatísticas normais, ou seja como padrão, mas colocar aquela barra preta em cima a dizer Estatísticas.

Será possível?

Olá,

Troque o seu template index_box por este:

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> &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 class="roundframe">
    <div class="innerframe">
      <div class="cat_bar">
        <h3 class="catbg">
          <a onClick="muestra('upshrinkHeaderIC')";><img class="icon" id="upshrink_ic" src="http://i.imgur.com/OjyhNTy.gif" alt="Shrink or expand the header." title="Shrink or expand the header." style="cursor: pointer;" name="upshrink_ic" onMousedown="cambiar()" /></a>
          <script> document.write(document.title); </script> - Info Center
        </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 -->


Olá,

Amigo ficou bom, agora queria aquela barra verde em cima das estatísicas como nas categorias por fora e em preto como a cor das barras das categorias e widgets.

Cara teste esse é que eu estou fazendo pelo seu fórum pelo fato do CSS estar incorporado no template me impede de usar um fórum de teste!

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> &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 class="cat_bar">
        <h3 class="catbg">
          <a onClick="muestra('upshrinkHeaderIC')";><img class="icon" id="upshrink_ic" src="http://i.imgur.com/OjyhNTy.gif" alt="Shrink or expand the header." title="Shrink or expand the header." style="cursor: pointer;" name="upshrink_ic" onMousedown="cambiar()" /></a>
          <script> document.write(document.title); </script> - Info Center
        </h3>
      </div>
  <div class="roundframe">
    <div class="innerframe">
            <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 -->


Adicione esse CSS:

Código:


.roundframe .cat_bar > .catbg {
background: #454545!important;
color: #fff!important;
}


Olá,

Isso mesmo agora queria era mais junta se possível!

Adicione em sua folha CSS:

Código:


.cat_bar {
margin-bottom: -12px;
}


Olá,

Ficou perfeito só mais um coisinha rápido, se reparar nas estatísticas tem um risco azulado mal se consegue ver, está logo em cima do "Quem está connectado" seria possível retirar?

Adicione em sua folha CSS:

Código:


#onlinelist {
border-top: none!important;
}


Exacto amigo perfeito, desculpe lá só mesmo uma coisinha entre "Nenhum membro festeja seu aniversário nos próximos 7 dias" e "
Legenda : [ Moderadores ]" seria possível dar o espaço?

Saudações!

Vá em: Painel de controle   Visualização   Cores "Aba" Folha CSS.

Adicione no conteúdo:

Código:

#onlinelist p {line-height: 153%;padding-bottom: 10px !important;}

Salve e Visualize seu fórum.
Melhores cumprimentos,
Sennior.

Perfeito amigos muito obrigado resolvido!!!