Oii minhas jóias raras e preciosas ♥ Desculpe pelo sumiço, sabe, eu tenho vida para viver (Isto foi besta da minha parte, até parece que você não sabem kk) então, quem é vivo sempre aparece. Hoje vou ensinar a fazer um menu simples e fofo, veja :
]]></b:skin>
Antes de ]]></b:skin> cole o seguinte código :
#sweet-menu ul {
padding: 0px;
margin: 0px;
width: 100%;
list-style:none;
font-weight: bold;
height: 18px;
line-height: 18px;
vertical-align:middle;
}
#sweet-menu ul li {
display: block;
margin: 1px;
border:0px;
}
#sweet-menu ul li a {
display: block;
width: 150px;
font-size: 10px;
font-family : Verdana, Arial, sans-serif; */Fonte do menu */text-decoration: none;
text-transform: uppercase;
text-indent: 5px;
letter-spacing: 2px;
color: #C0C0C0; */ Cor da fonte */background-color: #CDE6FF; */ Cor do background */vertical-align:middle;
}
#sweet-menu ul li a:hover {
color: #000000; */Cor da fonte quando passa o mouse */background-color: #F8F8F8; */Cor do background quando passa o mouse */}
Edite de acordo com seu gosto.
Vá para Elementos da página, adicione um novo gadget de HTML/Javascript e nele cole o seguinte código:
<div id="sweet-menu">
<ul>
<li><a href="URL do link"> Nome do link</a></li>
<li><a href="URL do link"> Nome do link</a></li>
<li><a href="URL do link"> Nome do link</a></li>
<li><a href="URL do link"> Nome do link</a></li>
</ul>
</div>
Onde está Url do Link é o url da página, e onde está Nome do link, é o nome da página, depois salve, e prontinho espero que tenham gostado. Beijos!!!
QUE BOM QUE VOLTOU *-*
ResponderExcluiraa eu ja conhecia o tuto desse menu,
ResponderExcluiré bem bonito mesmo!
http://blogportalteen.blogspot.com
esse menu é fofo mesmo!! ainda não tinha visto!!
ResponderExcluiradorei!!
http://trashficando.blogspot.com.br/
Tayná Veras, queria tanto visitar seu blog, mas seu perfil não está disponivel e seu blog não está entrando.
ExcluirQ lindo seu blog *-* Passo pelaa primeira vez por aqi '
ResponderExcluircerejaretardada.blogspt.com
Cerejaretardada.blogspot.com ****'
ResponderExcluir