[Tutorial] Retirar/Substituir colchetes da legenda do fórum

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

Admin
Admin
Administrador
Tempo Online : 250d 6h 21m 59s
Mensagens : 693
Reputação : 4
https://bestweb.forumeiro.com

MensagemAdmin Dom Out 02, 2016 2:38 pm

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.


--> Tutoriais, dicas e astúcias <--
Retirar/substituir colchetes da legenda do fórum



- 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 à:
Vá em:
Painel de controle :setazul2: Visualização :setazul2: Templates :setazul2: Geral :setazul2: index_body

[Tutorial] Retirar/Substituir colchetes da legenda do fórum 111


- Alterar o código(PunBB):
Procure por atenção por esta parte:
Código:
<p>{LEGEND} : {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 :adicionar: publique ele!

- Alterar código(phpBB2):
Procure por atenção por esta parte:
Código:
<td class="row1"><span class="gensmall">{LEGEND} :&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 :adicionar: publique ele!


- 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 à:
Vá em:
Painel de controle :setazul2: Visualização :setazul2: Cores :setazul2: "Aba" Folha CSS.

[Tutorial] Retirar/Substituir colchetes da legenda do fórum Css11


- 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!


- 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!


- 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!


- 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!

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

Cria uma conta ou logue para postar uma mensagem.

Você precisa ser um membro, para poder postar uma resposta.

Criar conta

Participe de nossa comunidade, basta se registrar. É Fácil!


Criar uma conta

Logar

Já tem uma conta? Sem problemas, Logue agora.


Logar-se

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