Personalização da legenda dos grupos

Neste tutorial, aprenderemos a retirar os famosos colchetes da legenda e a descrição "Legenda :" nas versões phpBB2, phpBB3, Invision e PunBB com uma pequena edição no template index_body, e um código CSS para concluir o efeito.





1º - Aceder ao template que iremos modificar:
Teremos de fazer a edição de uma página de template, para que possamos o fazer teremos de aceder à:


2º - Alterar o código(PunBB):
Procure por atenção por esta parte:

Código:

<p>{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</p>

Após encontra-la, substitua por este trecho:

Código:

<span class="legend"><p>{GROUP_LEGEND}</p></span>

Salve! Feito isto, volte à gestão dos templates e publique ele!

3º - Alterar código(phpBB2):
Procure por atenção por esta parte:

Código:

<td class="row1"><span class="gensmall">{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</span></td>

Após encontra-la, substitua por este trecho:

Código:

<td class="row1"><span class="legend"><p>{GROUP_LEGEND}</p></span></td>

Salve! Feito isto, volte à gestão dos templates e publique ele!


4º - Aceder ao CSS para a implementação de um código:

Teremos de adicionar um código CSS para retirarmos os colchetes de vez do fórum, para que possamos o fazer teremos de aceder à:


5º - Adicionar código(PunBB):
Adicionar o seguinte código no início da CSS(de preferência):

Código:

.main-content a.gensmall:before {content: "" !important;}
.main-content .legend:before {content: "Legenda :" !important;font-size: 10px !important;}
.main-content .legend p {font-size: 0 !important;margin-top: 0px !important;display: inline !important;}
.main-content .legend p a {font-size: 10px !important;padding: 3px !important;}

Salve! Feito isto, os colchetes já não estarão mais aparecendo!


6º - Adicionar código (phpBB2):
Adicionar o seguinte código no início da CSS(de preferência):

Código:

.forumline a.gensmall:before {content: "" !important;}
.forumline .legend:before {content: "Legenda :" !important;font-size: 10px !important;}
.forumline .legend p {font-size: 0 !important;margin-top: 0px !important;display: inline !important;}
.forumline .legend p a {font-size: 10px !important;padding: 3px !important;}

Salve! Feito isto, os colchetes já não estarão mais aparecendo!


7º - Adicionar código (phpBB3 - Ao contrário das versões phpBB2 e PunBB, esta não precisa de edições no template, visto que não há nesta versão):
Adicionar o seguinte código no início da CSS(de preferência):

Código:

#main-content > p:nth-child(19) > em{font-size: 0}
#main-content > p:nth-child(19) > em > span {font-size: 14px;margin: 5px}

Salve! Feito isto, os colchetes já não estarão mais aparecendo!


8º - Adicionar código (Invision - Ao contrário das versões phpBB2 e PunBB, esta não precisa de edições no template, visto que não há nesta versão):
Adicionar o seguinte código no início da CSS(de preferência):

Código:

#s0 > tr:nth-child(2) > td.row2 > div:nth-child(3) {font-size: 0}
 #s0 > tr:nth-child(2) > td.row2 > div:nth-child(3) > span {font-size: 14px;margin: 5px}

Salve! Feito isto, os colchetes já não estarão mais aparecendo!

• Se meu template for editado ou IPB, é possível retirar os colchetes?
  Com um template editado fica mais complexo, dependendo das edições no mesmo. Todavia, é possível sim, basta criar um tópico na seção de atendimento aos usuários!
  

• É possível substituir os colchetes por outro separador?
  Sim! Basta procurar por:
  

  Código:

  content: "" !important;

  Nos códigos acima e adicionar no meio das aspas o que deseja adicionar como separador!
  

---

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Retirar/Substituir colchetes da legendado fórum