15/08/2012

Menu Size


Hayo cupcakes, hoje trago um menu muito bonitinho para vocês. Ele e bem sutil e achei uma graça para quem quer ter um blog bem mimoso.

1. Agora vamos lá, vá em HTML em seu blog e procure por ]]></b:skin>, assim que você achar cole o trexo a baixo em cima dele:

Códigos
.menusize {
display : block;
padding: 2px;
background: #BD9DDD;
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: #3F0777;
box-shadow: inset 350px 0 0px 0 #D976A3;
 -webkit-transition: all 0.30s;
}

2. Depois é só ir no modelo de seu blog, o corpo dele e colar isso dentro de um JavaScript/HMTL. Então você arruma da forma que desejar.

Códigos
  <div class="menusize"> <a href="URL">   Link 1 </a></div>
  <div class= "menusize"> <a href="URL">  Link 2 </a></div>
  <div class= "menusize"> <a href="URL">  Link 3 </a></div>
 <div class= "menusize"> <a href="URL">   Link 4 </a></div>
 <div class= "menusize"> <a href="URL">   Link 5 </a></div>
 <br />

Nenhum comentário:

Postar um comentário

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345