quinta-feira, abril 29, 2010

Como inserir um menu de site no cabeçalho do Blogspot

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

Um comentário:

Caminho,Verdade e Vida disse...

Obrigado pela dica, vou tentar fazer o mesmo.
Abraços,Fernando