Por: João Cruzué
Por muito tempo desejei inserir um menu, do tipo "site" abaixo do cabeçalho (Header) do meu blog. Recentemente investi em um livro de "CSS" e acertei a mão. O primeiro passo, de três, para conseguir isso, está abaixo. A outra parte, por ser em HTML não é possível colocar, a não ser em jpeg. Desde já, os que se interessarem por este avanço, a dica é de graça na Associação de Blogueiros Cristãos com o irmão João.
Linhas em CSS
abaixo de Header e antes de Posts.
/*nav
--------------------------------------------------*/
ul.topnav {
list-style:none;
padding:0px 0px 0px 5px;
margin:0;
float:left;
width:700px;
font-size:08px;
height:22px;
}
ul.topnav li {
float:left;
margin:0;
padding:0 18px 0 0;
}
ul.topnav li a {
padding:6px 5px 6px 5px;
color:#ff6600;
display:block;
text-decoration:none;
float:left;
font-size:15px;
font-weight:700;
height:20px;
text-transform:uppercase;
text-shadow:0 1px 0 #000000;
}
ul.topnav li a:hover {
background-color:#3da6a7;
}
Segundo passo - oito a dez linhas em "HTML".