Mudar cor das Estatísticas

Detalhes da questão

Endereço do fórum: http://findscavenge.forumeiros.com/
Versão do fórum: ModernBB

Descrição

Olá

Eu queria mudar a cor das Estatísticas do meu fórum para branco pois após eu alterar o código de templates-> index_body com o seguinte código, ficou preto.

Código:

<!-- Made and Optimizations by JScript - 2013/07/23 - http://jscript.forumeiros.com/forum -->
<div id="pun-info" class="main" style="display: none;">
 <div class="main-statistics">
 <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 id="total_users_online">{TOTAL_USERS_ONLINE}<br /></p>
            <p id="record_users">{RECORD_USERS}<br /></p>
            <p id="logged_in_user_list">{LOGGED_IN_USER_LIST}</p>
            <p id="l_online_users">{L_ONLINE_USERS}</p>
            <p id="l_connected_members">{L_CONNECTED_MEMBERS}<br /></p>
            <p id="l_whosbirthday_today">{L_WHOSBIRTHDAY_TODAY}</p>
            <p id="l_whosbirthday_week">{L_WHOSBIRTHDAY_WEEK}</p>
 <div class="clear"></div>
 <p id="group_legend">{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>
<!-- Ipboard stile -->
<div class="statistics clearfix" id="board_statistics">
    <ul class="ipsList_inline right ipsType_small" id="stat_links">
        <!-- Hook point -->
        <li><a title="Visualizar a equipe de moderação" href="/g2-">Equipe de moderação</a></li>
        <li><a title="Visualizar os maiores postadores de hoje" href="/memberlist?mode=today_posters">Top 20 posters de hoje</a></li>
        <li><a title="Visualizar os maiores postadores do fórum" href="/memberlist?mode=overall_posters">Top posters geral</a></li>
    </ul>
    <h4 class="statistics_head"></h4>
    <p class="statistics_brief desc">
    </p>
    <br>
    <p class="users_online">
    </p>
    <!-- BEGIN switch_chatbox_activate -->
    <div class="ipsSideBlock clearfix" id="active_users">
        <h3><a title="View Main Shoutbox" href="javascript:void(0);">Users in the shoutbox (<span id="shoutbox-active-total"></span>)</a></h3>
        <div>
            <span class="desc"><span id="shoutbox-active-member"></span> membros, <span id="shoutbox-active-anon">0</span> membro(s) anônimo(s)</span>
            <br><br>
            <p id="shoutbox-active-names">
                {CHATTERS_LIST}
            </p>
        </div>
    </div>
    <script type="text/javascript">
        //<![CDATA[
        var total_chatters = $('#onlinechat').find('p.page-bottom > strong').text();
        $('#shoutbox-active-member').text($('#shoutbox-active-total').text(total_chatters));
        //]]>
    </script>
    <!-- END switch_chatbox_activate -->
    <div class="statistics" style="padding: 5px 0 !important; margin: 0 !important"></div>
    <div id="new_group_legend" class=groups></div>
    <script type="text/javascript">
        //<![CDATA[
        /** START Personal forum values
        * Sample: Há 5 usuários online :: 1 usuário cadastrado, Nenhum Invisível e 4 Visitantes :: 1 Motor de busca
        ****/
        var reg_users      = 'Usuários registrados :';
        var search_bots    = 'Robôs (motores de busca) :';
        var nobody_text    = 'Nenhum';
        var and_text        = ' e ';
        var guests_text    = ' visitantes';
        var anonimous_txt  = ' membros anônimos';
        var full_list_txt  = '(lista completa)';
        var active_text    = ' usuários ativos (nos últimos 45 minutos)';
        /* END Personal forum values */
       
        var target = $('#total_users_online');
        var aSplit = target.text();
       
        /* Usuários online/ativos */
        var users_active = target.find('strong:first').text() + active_text;
        $('#board_statistics').find('h4.statistics_head').text(users_active);
       
        var membros = aSplit.split(' :: ')[1].split(' ')[0];
        if(isNaN(parseInt(membros))) {membros = 0;}
        membros += ' membros, ';
       
        var visitantes = aSplit.split(and_text)[1].split(' ')[0];
        if(isNaN(parseInt(visitantes))) {visitantes = 0;}
       
        var invisivel = aSplit.split(', ')[1].split(' ')[0];
        if(isNaN(parseInt(invisivel))) {invisivel = 0;}
       
        $('#board_statistics').find('h4.statistics_head').text(users_active);
        $('#board_statistics').find('p.statistics_brief.desc')
            .text(membros + visitantes + guests_text + ', ' + invisivel + anonimous_txt)
            .append('&nbsp;&nbsp;<a href="/viewonline">' + full_list_txt + '</a>');
        users_active = $('#logged_in_user_list').html();
        users_active = users_active.replace(reg_users, '');
        users_active = users_active.replace('<br>', '');
        if (users_active.indexOf(nobody_text) !== -1) {
            users_active = users_active.replace(search_bots, '');
        } else {
            users_active = users_active.replace(search_bots, ', ');
        }       
        users_active = users_active.replace(nobody_text,"");
     
        $('#board_statistics').find('p.users_online').html(users_active);
       
        var listHtml = '';
        var target = $('#group_legend').find('b');
        target.each(function(index, value){
            if (listHtml != '') {listHtml += '&nbsp<strong>·</strong>&nbsp';}
            listHtml += $(this).html();
        });
        $('#new_group_legend').html('<img src="http://punbb.informer.com/favicon.ico" alt="PunBB.Forumeiros.com">&nbsp' + listHtml);
       
        var total_chatters = $('#onlinechat').find('p.page-bottom > strong').text();
        $('#shoutbox-active-total').text(total_chatters);
        $('#shoutbox-active-member').text(total_chatters);
        //]]>
    </script>
</div>
<style type="text/css">
<!--
.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
.statistics {
  border-top: 3px solid #D8D8D8 !important;
  line-height: 1.3 !important;
  margin: 20px 0 0 !important;
  overflow: hidden !important;
  padding: 10px 0 !important;
}
.ipsType_small {
  font-size: 12px;
}
.right {
  float: right;
}
.ipsList_inline > li {
  display: inline-block;
}
.statistics_head {
  font-size: 14px !important;
  font-weight: 700 !important;
}
.desc, .desc.blend_links a, p.posted_info {
  color: #777777;
  font-size: 12px;
}
.ipsSideBlock {
  background: none repeat scroll 0 0 #F7FBFC;
  margin-bottom: 10px;
  padding: 10px;
}
.ipsSideBlock h3 {
  background: none repeat scroll 0 0 #DBE2EC;
  color: #204066;
  font-family: helvetica,arial,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin: -10px -10px 10px;
  padding: 5px 10px;
}
-->
</style>

http://prntscr.com/iscrhy

Boa noite. Adicione ao final de sua folha de estilo CSS

Código:


.statistics {
    background-color: #fff;
}


Ou pode usar este para arrumar o espaçamento caso seja um problema também.

Código:

.statistics {
    background-color: #fff;
    padding: 17px!important;
}

O template não é necessário já que não vi nenhuma modificação por parte da cor.

Até.

Adicionei o template para adicionar um novo widget, para esse widget funcionar precisa deste template e também porque eu gostei desse novo visual das estatísticas

Seu código funcionou pórem deixou oque está selecionado em azul, branco http://prntscr.com/isd671

se puder afastar um pouco oque está marcado em vermelho agradeço.

Troque o código anterior por este;

Código:


#main-content .statistics  {
      background-color: #fff;
      padding: 17px!important;
}
#stat_links li {
      margin-right: 12px;
}


Isso aconteceu por que ambos elementos tem o mesmo nome.

Até.

Obrigado denovo.

OK. @Luqui Atualizei o código acima, veja que resolverá o problema dos espaços.

Obrigado! ficou perfeito, mas só percebi agora a parte marcada em azul está em branco ainda http://prntscr.com/isdbh2

E caso queira me ajudar mais um pouquinho deixar os usuarios e cargos em negrito igual na imagem http://prntscr.com/isdbrq

Isso já estava se me engano por causa da mudança da cor para branco.
Adicione isto a sua folha de estilo css

Código:


#main-content .statistics_head {
        color: #3e464c;
}


Até.

Ok, funcionou se caso quiser fazer oque pedi na mensagem a cima ou fechar o tópico tudo bem.

Grato.

Só adicionar este código também.

Código:

.statistics#board_statistics p.users_online span strong, div#new_group_legend.groups {
    font-weight: bolder;
}


Até mais!
Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'.