[TUTORIAL] Adicionar cores nas mensagens (PunBB e phpBB2)

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

[TUTORIAL] Adicionar cores nas mensagens (PunBB e phpBB2)

Mensagem por Hancki em 22/02/10, 07:58 am

  Edição de templates
As versões PunBB e phpBB2, permitem uma personalização total do fórum, pela modificação dos templates. Já que temos possibilidades quase infinitas de personalização, veremos como podemos adicionar mais cores na hora de criar ou responder um tópico, em nossos fóruns. Veremos como adicionar cores variadas, todas a nosso gosto.


--> Tutoriais e astúcias <--
Adicionar cores nas mensagens (PunBB e phpBB2)




Para que possamos prosseguir com o tutorial, é preciso que tenha noção sobre a edição dos templates, que serão necessárias para a continuação deste tutorial. Para isso, veja: Modificar os templates do fórum

Atenção! Este é um tutorial de alto risco, terá de ter um cuidado extra na modificação, pois pode perder as cores na hora de criar tópicos/responder. Funciona apenas nas versões PunBB e phpBB2 !
- Acessar a template:
Terá de acessar a gestão dos templates para efetuar as mudanças. Aceda à:
Painel de Controle -> Visualização -> Templates -> Postar & Mensagens Privadas -> posting_body

(carregue na imagem para aumentar)


- Escolher as cores:
Primeiramente deve saber o nome ou o código hexadecimal das cores que deseja adicionar. Recomendamos que consulte a seguinte tabela para ver quais são os nomes disponíveis.
Tabela de Cores.



- Fazer as modificações nos templates:


  • Template posting_body
    Encontrar:
    Código:
    <div style="visibility:hidden" class="select" id="color">
    Verá em baixo, uma série de códigos. Esses, são as cores já instaladas em seu fórum. Pode inserir a sua cor onde desejar, mas somente se for um usuário avançado e souber diferenciar os códigos HTML de cada cor! Recomendamos caso não seja que adicione logo abaixo deste que encontrou.


  • Código para cada nova cor:
    Código:
    <button style="color: COR;" onclick="bbfontstyle('[color=COR]', '[/color]');selectWysiwyg(this, 'color');return false;" onmouseover="this.className='selectHover';" onmouseout="this.className='';">NOME DA COR NA LISTA</button><br />
    COR - Adicione o código que deseja, visto na tabela de cores. Por exemplo: #000000 ou chocolate.
    NOME DA COR NA LISTA - Neste campo, será o nome da cor, que aparecerá na lista de seleção das cores.



- Exemplo de uma cor pronta:
Exemplo da cor Chocolate:

Código:
<button style="color: Chocolate;" onclick="bbfontstyle('[color=Chocolate]', '[/color]');selectWysiwyg(this, 'color');return false;" onmouseover="this.className='selectHover';" onmouseout="this.className='';">Chocolate</button><br />

(carregue na imagem para aumentar)




© Fórum dos Fóruns



Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Adicionar cores nas mensagens (PunBB e phpBB2)
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8070
Pontos Ativos : 12062

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

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