[TUTORIAL] Destacar tópicos fixos por cor

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

  • 0

[TUTORIAL] Destacar tópicos fixos por cor

Mensagem por Shek em 11/07/14, 05:11 pm


Destacar tópicos fixos por cor

Os tópicos fixos do seu fórum já chamam a atenção dos usuários por estarem dividido dos outros tópicos, porém, seria melhor destacá-los com uma cor pré-definida pelo Administrador. Os códigos estão disponíveis apenas para as versões PunBB e PhpBB2.


--> Tutoriais, dicas e Astúcias <--
Destacar tópicos fixos por cor


- Função dos templates:
Painel de controle -> Visualização -> Templates / Opção Geral



- Aplicação dos códigos:
Vamos usar o código abaixo para a versão PunBB. Acesse o seu template "topics_list_box" e procure por:
Código:
{topics_list_box.row.TOPIC_TYPE}
Em seguida, substitua por esse:
Código:
<span id="color_fixe">{topics_list_box.row.TOPIC_TYPE}</span>
Feito isso, basta salvar o template e publicá-lo.

- Aplicação do código CSS:
Aceda Painel de Controle > Visualização > Imagens e Cores > Cores > Folha de estilo CSS > e adicione o seguinte CSS:
#color_fixe {
background-image: url(http://i.imgur.com/EHGpChd.png);
background-color: COR_DE_FUNDO;
display: inline-block;
height: 16px;
line-height: 16px;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background-repeat: repeat-x;
background-position: 0 -1px;
color: COR;
}
COR_DE_FUNDO -> Cor de fundo do título desejada.
COR -> Cor da fonte desejada.



  • Resultado






© Fórum dos Fóruns & Hancki


Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Destacar tópicos fixos por cor
avatar

Shek
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17546
Pontos Ativos : 21778

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum