[TUTORIAL] Personalizar links do menu

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

Membro Entusiasta

[TUTORIAL] Personalizar links do menu Empty [TUTORIAL] Personalizar links do menu

Mensagem por Cream 03.12.12 19:45


[TUTORIAL] Personalizar links do menu Generale

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)
[TUTORIAL] Personalizar links do menu 1114




© Fórum dos Fóruns & Nncb


[TUTORIAL] Personalizar links do menu Act_bottom 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
Cream

Cream
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos