Oi meninas, as pessoas que visualizaram meu blog "One Di meu tudo (IMAGINES)" perceberam que tinha um menu size hover, e me pediram para explicar, e então vamos lá! Pra quem não entendeu o que é Menu Size Hover, é isso:
São esses menuzinhos que se você clicar em cima ele fica de outra cor! A mudança de cor se chama HOVER
Então vamos a HTML para colocar esse menu.
Vamos ao tutorial:
1º Você vai em Layout, Editar HTML
2º Procure isso.. Lembre que se usa o (Ctrl+F) pra procurar, procure por:
]]></b:skin>
3º Em cima da tag que você procurar você cola:
.menusize {
display : block;
padding: 2px;
background: #e0e0e0;
text-indent : 5px;
padding-left: 6px;
vertical-align : middle;
margin-bottom: 2px;
-webkit-transition: all 0.60s;
}
.menusize:hover {
padding-left: 15px;
border-width: 1px;
border-style: left;
border-color: #f2bad2;
box-shadow: inset 350px 0 0px 0 #f2bad2;
-webkit-transition: all 0.30s;
}
Agora Salva.
Agora vai em Layout e adiciona um gadget "JavaScript/HTML" e cole nele:
<div class="menusize">
<a href="www.seublog.com"> Link 1 </a></div>
<div class= "menusize">
<a href="www.seublog.com"> Link 2 </a></div>
<div class= "menusize">
<a href="www.seublog.com"> Link 3 </a></div>
<div class= "menusize">
<a href="www.seublog.com"> Link 4 </a></div>
<div class= "menusize">
<a href="www.seublog.com"> Link 5 </a></div>
<br />
Agora é só mudar o "www.seublog.com" pelo link em que o menu levará e trocar o link 1 pelo item do menu!
Por Exemplo o meu é assim:
Não é difícil né?
Então é isso!
Beijos e até mais, coloquem ai nos comentários o que vocês querem para o próximo tuto.
FELIZ ANIVERSÁRIO LOUIS TOMLINSON NOSSO ETERNO BOO BEAR.
HAHA'
FELIZ NATAL A TODOS.
Beijos da Cah!
.gif)
.jpg)
