TUTORIAL: MENU SIZE

Awwn *-*

Oi pessoas! Tudo bom com vocês? 

Eu entrei no blog Cereja e vi um menu lindo, e ela me passou o nome. O tutorial é oficial do blog Kawaii World. 

Vamos ao tutorial então! 

Painel  Modelo  Editar HTML Prosseguir  Ctrl F. 

Na barrinha que apareceu, procure pela tag: 

]]></b:skin>

ACIMA dessa tag, cole esse código: 

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

}

Depois, adicione um gadget de HTML e cole:

<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 /> 

Ai é só isso, beijos <3