Rodapé Forum

3 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Rodapé Forum

Mensagem por Taxy_InSaniTy 15.05.21 5:34

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 Piscada
Taxy_InSaniTy

Taxy_InSaniTy
***

Membro desde : 28/08/2016
Mensagens : 132
Pontos : 215

http://blgsamp.forumais.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Rodapé Forum

Mensagem por while 15.05.21 16:53

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;                
    }
  
while

while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Rodapé Forum

Mensagem por Taxy_InSaniTy 16.05.21 1:55

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

Taxy_InSaniTy
***

Membro desde : 28/08/2016
Mensagens : 132
Pontos : 215

http://blgsamp.forumais.com/forum

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Rodapé Forum

Mensagem por tikky 16.05.21 9:02

Tópico resolvido


Movido para "Questões resolvidas".
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7806
Pontos : 9052

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos