Aconselho sempre, antes de qualquer mudança no seu template, que você salve uma cópia do mesmo antes de tudo. E mais, nunca salve antes de visualizar o resultado, por que se não estiver bom, basta clicar em Limpar Edições.
1º Parte:
Coloque antes de ]]>
#navigation{
height:30px;
width: 800px;
line-height:2.9em;
margin:0px auto 0px;
background: url(link da sua imagem) repeat-x;
}
#navigation li{
float:left;
list-style-type:none;
border-right:1px solid #787878;
white-space:nowrap;
}
#navigation li a{
display:block;
padding:0 10px;
font-size:0.8em;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
background-color:inherit;
color: #cc0000;
}
#navigation .selected,#navigation a:hover{
background:#808080;
color:#000000;
text-decoration:none;
}
Todos os valores que aí estão (width, margin, color, etc) podem e devem ser modificados conforme o layout do seu
segunda-feira, 17 de novembro de 2008
Criando um menu horizontal no blog
Postado por Felipe Colodiano às 21:09:00 0 comentários
Marcadores: Criando um menu horizontal no blog
Assinar:
Postagens (Atom)