Rodapé Forum

[Taxy_InSaniTy]

Detalhes da questão

Endereço do fórum: https://sampbpcity.forumeiros.com/
Versão do fórum: PunBB

Descrição

Olá FDF, quero uma ajuda de voces pra mudar o Rodapé do meu forum e colocar um parecido com esse > https://imgur.com/a/lyG6a1a , forum onde eu vi > https://brasilplayultimate.forumeiros.com/forum

Atenciosamente Taxy

[while]

Saudações.

Faremos em passos, primeiro passo seu será procurar por: <div class="main-content"> , em seu template chamado index_body. Você vai encontrar tipo isso:

Código:

<div class="main-content">
 <div id="stats">
 <p class="right">{TOTAL_POSTS}</p>
 <p>{TOTAL_USERS}</p>
 <p>{NEWEST_USER}</p>
 </div>

Apague esse trecho que citei acima e cole esse no mesmo local:

Código:

<div id="stats">
    <br />
    <ul class="statsPers">
        <li class="statHide rdtOn">Teste1: {RECORD_USERS}</li>
        <li class="statHide lastUser">Teste2: {NEWEST_USER}</li>
        <li class="statHide totalUser">Teste3: {TOTAL_USERS}</li>
        <li class="statHide totalPost">Teste4: {TOTAL_POSTS}</li>
    </ul>
    <br />
 
</div>

Apenas salve e valide o template.

Segundo passo será criar um novo javascript  com investimento no indice com esse código:

Código:

$(document).ready(function(){
            var lastUser = $('.lastUser strong').html();
            var totalUser = $('.totalUser strong').html();
            var totalPost = $('.totalPost strong').html();
      
      
            $('ul.statsPers').prepend('
            <li> Total de posts <span>'+totalPost+'</span> </li>
            <li> Total de membros <span>'+totalUser+'</span> </li>
            <li> Membro mais novo  <span>'+lastUser+'</span> </li>          
            ');
      
      
            });

E o último passo será adicionar esse código em sua folha de estilo css:

Código:

#stats {
        text-align: center !important;
    display: table;
    background: none;
    }
    .statHide{display:none !important;}
    .statsPers li span a {text-decoration: none !important;}
    .statsPers li > span {
   display: block;
    color: #46494f;
    font-size: 21px;
    }
    .statsPers {
        list-style: none;
    width: 50%;
    margin-bottom:60px;  
        font-weight: 300;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;  
    color:#acafb5;
    }
    #stats > ul > li:nth-child(2) {position:absolute; width:25%;margin-left:35%;}
    #stats > ul > li:nth-child(1) {position:absolute; width:25%;margin-left:0%;}
     #stats > ul > li:nth-child(3) {position:absolute; width:25%;margin-left:68%;}
    .statsPers li {
                border: 1px solid;
                border-radius: 3px;
                float:left;
                padding: 19px 20px 15px;
                width: 100%;                    
                overflow: hidden;                
    }
  

[Taxy_InSaniTy]

Resultou e ficou perfeitoo, vlw @while pode fechar o topico

[tikky]

Tópico resolvido Movido para "Questões resolvidas".