widget estatisticas

Detalhes da questão

Endereço do fórum: http://familiawarning.forumeiros.com
Versão do fórum: PunBB

Descrição

Eu queria fazer uma alteração nesse widget de estatisticas
no meu fórum está dessa forma http://prntscr.com/ho6tvh
eu gostaria de deixar assim http://prntscr.com/ho6txo
fórum em que vi http://site.brasilplayshox.com.br/

agradeço desde já

Crie um novo widget e use este código

Código:

<style>
#stats_sidebar {
margin: -3px;
}
#stats_sidebar li {
    border-bottom: 1px solid #263137;
    border-bottom-style: dashed;
}
.List_data li {
padding: 6px;
line-height: 1.3;
}
.srl {
color: #fff;
}
#stats_sidebar .srr {
    float: right;
    font-weight: 300;
    color: #fdfdfd;
}
.pun .main-content ol, .pun .main-content ul {
padding-left: 0px;
}
.module ol, .module ul {
padding-left: 0px;
}
</style>
<ul class="List_data" id="stats_sidebar">
                                                  
   <li>
                              <span class="srl">Tópicos: </span><span class="srr">{FORUMCOUNTOPIC}</span>                       
   </li>
                                                  
   <li>
                              <span class="srl">Posts: </span><span class="srr">{FORUMCOUNTPOST}</span>                       
   </li>
                                                  
   <li>
                              <span class="srl">Membros: </span><span class="srr">{FORUMCOUNTUSER}</span>                       
   </li>
                    
   <!--                                   
   <li>
                        <span class="srl">Membro Mais Recente: </span><span class="srr">{FORUMLASTUSERLINK}</span>               
   </li>      -->
</ul><br /><br /><br /><script>
jQuery(document).ready(function() {
 var joined = sessionStorage.getItem('joined');
 if(joined) {
  jQuery('#joined').html(joined);
 } else {
 jQuery.get('/memberlist?mode=joined&order=DESC&submit=Ok&username', function(j) {
  jQuery('#joined').html(jQuery('.table a[href^="/u"]:lt(1)', j));
  jQuery('#joined').find('a[href^="/u"]').each(function() {
    jQuery(this).wrap('<div class="m_b_j"></div>');
    var join = jQuery(this).attr('href');
    jQuery(this).after('<span class="date"></span>');
    jQuery(this).next().load(join+' .main #field_id-4 dd div', function() {
    jQuery(this).text(jQuery(this).text());
    sessionStorage.setItem('joined', jQuery('#joined').html());
    });
  });
 });
 }
});
</script>
<div id="joined">
</div><style>
#joined .m_b_j {
margin: 4px 0;
}
#joined .m_b_j:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#joined a span {text-decoration: none;}
#joined .m_b_j img {
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
background: #fff;
border: 1px solid #D5D5D5!important;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
float: left;
height: 32px;
margin: 0 3px;
padding: 1px;
width: 32px;
}
#joined .m_b_j img:hover {
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.5);
border-color: #666;
box-shadow: 0 2px 2px rgba(0,0,0,0.5);
}
#joined .date {
display: block;
margin-top: 5px;
margin-left: 45px;
font: 11px helvetica, arial, sans-serif;
color: #777777;
}
#joined .date:before {
content: 'Cadastro: ';
}
</style>


Resultou de certa forma, está branco, tentei alterar mas buga o script todo, poderia me ajudar? Grato!
http://prntscr.com/hobzjx

Localize

Código:

.srl {
color: #fff;
}
#stats_sidebar .srr {
    float: right;
    font-weight: 300;
    color: #fdfdfd;
}


e mude para

Código:

.srl {
color: black
}
#stats_sidebar .srr {
    float: right;
    font-weight: 300;
    color: black;
}


resultou, pode fechar, obrigado novamente!