Para você editar bastante e criar o menu com sua cara.
Visualize (xx)
Agora vamos aos códigos:
Adicione esse código entre no seu CSS(são os códigos que você deve editar para deixar o menu a sua cara. Cores, fontes, tamanho, estilo, etc):
/******* menu por gallyack ~ learn-html.tumblr.com ****/ #menu { height: auto; width: 110px; } #menu a { font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #fff; display: block; height: 30px; background-color: #333; line-height: 30px; padding-left: 5px;
decoration: none; } #menu a:hover { font-size: 14px; color: #333; background-color: #fff; padding-left: 20px; }
Ai você edita ao seu gosto, lembrando o display permite escolher como o menu vai aparecer. O block visualiza os botões, um abaixo do outro.
Depois, onde você quer que apareça o menu, acrescente esse:
<div id ="menu"> <a href="urldolink"> Link1</a> <a href="urldolink"> Link2</a> <a href="urldolink"> Link3</a> <a href="urldolink"> Link4</a></div>
Daí é só colocar o link do seu menu e editar os nomes.
E estará pronto.
Qualquer dúvida ou ajuda só deixar nos comentários.
0 comentários :
Postar um comentário