[TUTORIAL] Personalizar links do menu

Através deste tutorial, poderemos manipular os links do menu de forma fácil, como tamanho da fonte, o espaço entre os links, cores e muito mais!

--> Tutoriais, dicas e astúcias <--
Personalizar links do menu

1º - Classes para cada área do menu:

a.mainmenu img {
PROPRIEDADES
}

O código é um CSS simples e que funciona em qualquer versão dos fóruns. Em vermelho, aplicaremos as propriedades que o menu terá.
O local de verde é opcional, a classe mainmenu abrange por completo, já, mainmenu img abrange somente a imagem.

2º - Propriedades:
O código pode ser modificado com propriedades CSS. Caso deseje utilizar outras propriedades CSS, utilize o tutorial sobre a montagem de códigos css.

Um exemplo de modificação de código, é a resolução do problema de espaçamento entre imagens do menu:

Código:

a.mainmenu img {
margin-right:-7px;
}

Entre outras modificações no link, como a utilização da propriedade font-family (escolha da fonte), color (alterar a cor), margin (Alterar espaçamento de um objeto referente a margem), padding (Alterar o espaçamento), text-align (Posição dos links), entre outras propriedades que podem ser utilizadas em relação a modificação de hiperlink e textos.


3º - Aplicando o código CSS:
Agora deverá seguir um esquema de onde o código deverá ser adicionado:
Painel de Controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

---

© Fórum dos Fóruns & Nncb

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Dúvida] Personalizar links do menu