No HTML usamos o código "font" para atribuir tamanhos e cores a caracteres em texto específico ou geral. Outro elemento básico do HTML que permite aumentar o tamanho da fonte da letra é o h2, h3 ou h4. Vamos através deste tutorial compreender o seu funcionamento e como personalizá-lo de acordo com as cores do seu fórum.

--> Perguntas e respostas frequentes <--
Gerenciamento do BBcode H2, H3 e H4

1º - Modalidades do SCeditor:
Existe para nossa escolha dois tipos de caixa de resposta, cujos quais podemos alterar entre a simples e avançada (com mais funcionalidades aparentes) e para ambas podemos definir-se, por padrão, o modo WYSIWYG (em português: o que você vê é o que você obtém).

Caso precise de mais informações sobre as modalidades, códigos BBcodes e como usar o editor, acesse o nosso FAQ: https://ajuda.forumeiros.com/t384-


2º - Usar e personalizar o BBcode H2, H3 e H4:
Os novos BBcodes estão disponíveis no editor a partir do botão . Este quando acionado, permite escolher dentre 3 tipos de códigos:

Informações sobre a função

• A inserção do código está disponível pelo editor ao clicar no botão: ;
  
• Ela pode ser inserida em fóruns que usam o HTML nas mensagens, usando <h2></h2>;
  
• Para cada versão, há um CSS de personalização diferente.

Por que devo usar o BBcode de título?

Título tags têm várias vantagens para o seu fórum:

• Eles são usados ​​para estruturar o conteúdo de uma mensagem para facilitar a compreensão para a sua comunidade;
  
• Elas melhoram o SEO de seu fórum porque indicam aos motores de busca que o conteúdo é mais importante em uma mensagem/tópico.

Como usar o BBcode?

O uso de tags de título no conteúdo da mensagem atende às exigências dos motores de busca para melhorar o SEO de um Fórum, desde que você siga certas regras. É melhor usar estas tags com sabedoria, com moderação, em vez de abusar e fazer com que "seja de mais, acabe ficando feio" para os motores de busca.

O ideal é adicionar as tags numa ordem lógica. Por exemplo:

Código:

[h2]Meu título importante[/h2]
[h3]Meu título um pouco menos importante[/h3]
[h4]Meu título menos importante[/h4]

Vamos usar um exemplo pronto:

Código:

[h2]Novos BBcodes para fóruns Forumeiros[/h2]
As novas balizas BBcode facilitam a busca dos motores de busca, se colocados em ordem lógica de acordo com o assunto do tópico.

[h3]Algumas idéias[/h3]
As novas Balizas podem ser personalizadas com CSS e ainda tem uma cor diferente para cada versão usada no fórum.

[h4]Uso geral[/h4]
Todos os membros podem usar este recurso, mas, lembre-se que isso só é permitido com moderação.

Se você perceber, usamos o h2 para definir um título importante, seguido do h3 com um assunto de introdução não tão importante. No final, usamos o h4 para complementar e finalizar o assunto geral.

Personalizar com CSS

Como já citado, em cada versão as novas balizas já possuem um CSS específico para manter uma personalização diversificada. Você pode personalizar de acordo com suas necessidades. Poderá usar algumas dicas já mencionadas no FDF, como:

1. Elaborar um código CSS;
   
2. Estrutura duma página HTML;
   
3. [VÍDEO TUTORIAL] Elaborar um código CSS.

Personalizando com CSS:

h2.post-content, h3.post-content, h4.post-content {
text-align:initial; /* Alinhamento do texto */
text-decoration:none; /* Formato do texto */
text-transformation:none; /* Captalização do texto */
border:0; /* Borda no texto */
Propriedade adicional
}

CONFIGURAÇÕES DAS CORES
CSS	BBcode	Descrição
h2.post-content	[h2]	Personaliza o H2, que pode ser usado como título do tópico ou introdução do assunto do título.
h3.post-content	[h3]	Personaliza o H3, que pode ser usado como subtítulo ou pequenas citações do assunto principal do tópico.
h4.post-content	[h4]	Personaliza o H4, que pode ser usado para uma pequena descrição ou conclusão do assunto.

--> Perguntas e respostas frequentes <--
Gerenciamento do BBcode H2, H3 e H4

• Exemplos da baliza em versões diferentes:
  Você poderá perceber exemplos da baliza em ação quando acessar os diversos temas do Hitskin:
  1. FORUMEIROS ROXO;
     
  2. VERDE FORUMEIROS
     
  3. MEITIN PHPBB2
     
  4. BRASIL SCARY MOVIE
  
  
• Como mudar somente uma baliza?
  Conforme explicado no CSS acima, basta colocar o nome da baliza (h2, h3 ou h4) mais o seletor post-content e abrir as chaves do CSS aplicando a propriedade dentro:
  

  Código:

  h2.post-content {
/* Propriedades*/
}

---

© Fórum dos Fóruns

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Gerenciamento do BBcode h2, h3 e h4