[TUTORIAL] Personalizar links do menu

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

[TUTORIAL] Personalizar links do menu

Mensagem por Cream em 03/12/12, 05:45 pm



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


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

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


- 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

(carregue na imagem para aumentar)




© 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
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

Ver perfil do usuário http://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum