15/08/2012

Tutorial: 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.

 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:

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

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.

  <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

Hi guys!!!!
Hey aqui é Wendy, blogueira desde 2010! Viciada em animes, amante de livros e adora ver séries! Criei esse cantinho na intenção de ajudar na criação e personalização de blogs e sites.
Wattpad Facebook Tumblr Instagram