18 julho, 2012

Menu com fundo colorido

Tumblr_m4zwyzi1hz1r7yff4o1_500_large

Oiiee ♥ Hoje vou ensinar a fazer um menu liindo :



Créditos : http://blog-sweetpoison.blogspot.com.br/

Clique em LEIA O RESTO > e não esqueça de curti o post.



Vá no HTML do seu blog > Aperte F3 e pesquise por :
]]></b:skin>

Acima desta tag cole :

#menu-linkie {
width: 160px;
padding: 0;
margin: 0;
font: 14px Century Gothic; /* Fonte do menu */
}
#menu-linkie ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu-linkie li {
border-bottom: 1px solid #FFDAB9; /* Cor e estilo do separador */margin: 0;
}
#menu-linkie li a {
display: block;
padding: 5px 5px 5px 0.5em;
background-color: transparent;
color: #696969; /* Cor da fonte do menu */
text-decoration: none;
}
#menu-linkie li a:hover {
background-color: #FFDAB9; /* Background do menu com o mouse por cima */
color: #000000; /* Cor do texto com o mouse por cima */
}

Edite de acordo com seu gosto.
Vá em elementos da página, Adicionar um gadget, HTML/JavaScript e dentro cole :

<div id="menu-linkie">
<ul class=menu-linkie;>
<li><a href="URL">Nome do link</a></li>
<li><a href="URL">Nome do link</a></li>
<li><a href="URL">Nome do link</a></li>
<li><a href="URL">Nome do link</a></li>
<li><a href="URL">Nome do link</a></li>
<li><a href="URL">Nome do link</a></li>
</ul></div>
</div>

Em URL coloque o link da página, em Nome do link coloque o nome da página, depois salve. Beijoos ♥

3 comentários:

  1. achei o menu uma graçinha,e é bem fácil de fazer *u*

    http://blogportalteen.blogspot.com

    ResponderExcluir
  2. Muitoo fofo Stela! Parabéns pelo seu blog, amg! Ele tá ficando cada vez mais famoso!!
    bjss
    www.blogdagiu1.blogspot.com
    SERÁ QUE VC PODE CURTIR A PAG DO MEU BLOG? ESTOU SEGUINDO A SUA JÁ ;)
    https://www.facebook.com/blogchamberry
    brigada!

    ResponderExcluir