ShiftActif fórum

[TUTORIAL] Destacar quantidade de tópicos e mensagens Homepg10

Participe da melhor comunidade sobre fóruns!

Bem vindo [TUTORIAL] Destacar quantidade de tópicos e mensagens 405374159 ao fórum de suporte e de informações técnicas ShiftActif. Aqui, solucionamos suas dúvidas sobre os tutoriais exclusivos fornecidos pela nosso subfórum de tutoriais além de suporte opcional ao Forumeiros.com, Blogger e temas grátis do Criarumblog.com! Você encontrará FAQs, astúcias em códigos e efeitos especiais em CSS, Javascript e outros para complementar seu fórum ou Blog!
Venha participar desta grande comunidade!!! [TUTORIAL] Destacar quantidade de tópicos e mensagens 1660898911
ShiftActif fórum

[TUTORIAL] Destacar quantidade de tópicos e mensagens Homepg10

Participe da melhor comunidade sobre fóruns!

Bem vindo [TUTORIAL] Destacar quantidade de tópicos e mensagens 405374159 ao fórum de suporte e de informações técnicas ShiftActif. Aqui, solucionamos suas dúvidas sobre os tutoriais exclusivos fornecidos pela nosso subfórum de tutoriais além de suporte opcional ao Forumeiros.com, Blogger e temas grátis do Criarumblog.com! Você encontrará FAQs, astúcias em códigos e efeitos especiais em CSS, Javascript e outros para complementar seu fórum ou Blog!
Venha participar desta grande comunidade!!! [TUTORIAL] Destacar quantidade de tópicos e mensagens 1660898911

[TUTORIAL] Destacar quantidade de tópicos e mensagens

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

[TUTORIAL] Destacar quantidade de tópicos e mensagens Empty [TUTORIAL] Destacar quantidade de tópicos e mensagens

Mensagem por Shek Dom 13 maio - 12:22


[TUTORIAL] Destacar quantidade de tópicos e mensagens Theme

Destacar quantidade de tópicos e mensagens


Da mesma forma que fazemos na versão PhpBB3 em destacar a quantidade de mensagens e tópicos, podemos realizar na versão Phpbb2 e Punbb. Vamos editar os templates de seu fórum aplicando em uma variável novas classes.


- Edição de template
Para realizar a modificação, temos que ceder a Painel de controle > Visualização > Templates > Geral > index_body
(carregue na imagem para aumentar)
[TUTORIAL] Destacar quantidade de tópicos e mensagens Templa10

Vamos buscar duas variáveis com valores 'class=""' já atribuídos, ou seja, vamos encontrar uma variável chamada class="tc2" que é responsável pela personalização do da quantidade de tópicos que aparece na página principal nos fóruns.

No template Index_body, procure as seguintes varáveis:
Código:
                  <td class="tc2">{catrow.forumrow.TOPICS}</td>
                  <td class="tc3">{catrow.forumrow.POSTS}</td>
Ao encontrar, você vai adicionar mais uma tag HTML chamada "<div>", só que esta terá uma classe. Que classe é essa? Será uma classe que vamos criar que personalizará e resultará no efeito. Para mais informações, aconselhamos que leia o tutorial Elaborar um código CSS.
Vamos adicionar a tag "<div class=""></div>" no seu template, e entre as aspas vamos colocar a classe for_topics ou for_posts. Então o código será:
Código:
                  <td class="tc2"><div class="for_topics">{catrow.forumrow.TOPICS}</div></td>
                  <td class="tc3"><div class="for_posts">{catrow.forumrow.POSTS}</div></td>
Ao aplicar, salve seu template e publique.


- Código CSS:
Para finalizar o efeito, temos que aplicar um código CSS.

Código:
.for_topics {
    width: 74px;
    height: 33px;
    background: url("http://i43.servimg.com/u/f43/14/53/79/27/fp10.png") no-repeat left top;
    text-align: center;
    font-size: 12px;
    font-weight: bold; 
    line-height: normal;
    color: #0e2c3e;
    padding-top: 3px;
    margin-left: 13px;
}

.for_topics span {
    display: block;
    color: #105289;
    font-size: 10px;
}

.for_posts {
    width: 74px;
    height: 33px;
    background: url("http://i43.servimg.com/u/f43/14/53/79/27/fp10.png") no-repeat left top;
    text-align: center;
    font-size: 12px;
    font-weight: bold; 
    line-height: normal;
    color: #0e2c3e;
    padding-top: 3px;
    margin-left: 13px;
}

.for_posts span {
    display: block;
    color: #105289;
    font-size: 10px;
}

  • Resultado:
    [TUTORIAL] Destacar quantidade de tópicos e mensagens Result28





© Shiftactif


[TUTORIAL] Destacar quantidade de tópicos e mensagens Act_bottom Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Destacar quantidade de tópicos e mensagens
Shek

Shek
Administrador

Masculino
Idade : 30
PointActif's : 7411
ReputActifs : 97
Mensagens : 2777
Inscrição : 13/04/2011

Localização : Vilhena - RO
100%

https://shiftactive.blogspot.com/

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