12 de set. de 2013

Menu Extra

Trago para vocês um menuzinho muito fofo, ele serve para colocar as postagens extras do blog,
Para ver o menu extra clique aqui

Para colocar em seu blog copie o código abaixo e cole antes da tag ]]></b:skin>

#menuextra {

display : block;

font-size: 14px;

font-family:Verdana ;
font-color:# COR DA FONTE;

letter-spacing : 1px;

border-bottom : 1px dashed # COR DA BORDA;

background-repeat : no-repeat;

text-indent : 5px;

vertical-align : middle;

text-decoration : none;

line-height : 14px;

margin-bottom : 1px;

background : url(' URL DO MINI GIF ') no-repeat left;

padding-left : 14px;
text-shadow:10x 10x 0px # c0c0c0;

}



#menuextra:hover {

display : block;

text-decoration : none;

vertical-align : middle;

line-height : 14px;

border-bottom : 1px dashed # COR DA BORDA EM HOVER;
font-color:# COR DA FONTE EM HOVER;

background : url(' URL DO MINI GIF EM HOVER ') no-repeat left;

padding-left : 14px;
}

Para o menu extra funcionar copie o código abaixo e cole no gadget html/java script

 <div id="menuextra">
<a href="Link">Nome do link</a></div>
<div id="menuextra">
<a href="Link">Nome do link</a></div>
<div id="menuextra">
<a href="Link">Nome do link</a></div>
<div id="menuextra">
<a href="Link">Nome do link</a></div>
<div id="menuextra">
<a href="Link">Nome do link</a></div>
<div id="menuextra">
<a href="Link">Nome do link</a></div>


2 comentários :

  1. Oi. Eu não sei o que é Tag

    ResponderExcluir
    Respostas
    1. Olá Makebela Blog,
      tags são estruturas de linguagem de marcação contendo instruções, tendo uma marca de início "<" e outra de fim "/>" para que o navegador possa renderizar uma página.
      Isso quer dizer que o nosso layout é formado por tags e são eles que através do html
      fazem todo o nosso blog funcionar.
      Espero ter ajudado. (:

      Excluir

Qualquer dúvida pergunte que
responderei com prazer.
Só peço que seu comentário
seja relacionado à postagem.

© Princess Tutoriais- Agradece sua visita
2014. Todos os direitos reservados
Pedidos? dúvidas? nos comentários ou na Ask.
imagem-logo