[TUTORIAL] Personalizar links do menu
Página 1 de 1 • Compartilhe
[TUTORIAL] Personalizar links do menu
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
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;
}
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 |
Tópicos semelhantes
» [TUTORIAL] Criar um menu lateral com links rápidos
» [TUTORIAL] Mudar posição e personalizar menu de navegação
» Personalizar Links
» Personalizar links inferiores
» Personalizar links dos sub-fóruns
» [TUTORIAL] Mudar posição e personalizar menu de navegação
» Personalizar Links
» Personalizar links inferiores
» Personalizar links dos sub-fóruns
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos