21/12/2012

Tutorial: Menu Closed

||

Nya, como vão? Trago hoje um tutu que achei no blog Birthday então ai esta os devidos créditos, ele e um menu bem fofo, querem ver? Aqui. E ai vamos tentar fazer?
Vá em seu HTML e lá procure por ]]></b:skin>, achou? Otimo agora acima dele adicione este codigo:

/*** MENU CLOSED POR BIRTHDAYCAKE ***/
.menuzinho {background: #eddcdc; color: #3e1010; font-family: 'ronda'; text-transform: uppercase; font-size: 8px; text-align: center; border-left: solid 6px #3e1010; width: 50%; padding: 3px; margin: 1px; spacing: 0px; display: inline-block; -webkit-transition-duration: .90s;}
.menuzinho:hover {background: #eddcdc; color: #3e1010; border-right: solid 6px #d83e76; border-left: solid 0px #d83e76; width: 50%; padding: 3px; margin: 1px; -webkit-transition-duration: .90s;} @font-face { font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }


Salve, e crie uma Gadget HTML/Javascript e cole:

<div class="menuzinho"><a href="URL_AQUI">Nome</a></div>
<div class="menuzinho"><a href="URL_AQUI">Nome</a></div>
<div class="menuzinho"><a href="URL_AQUI">Nome</a></div>
<div class="menuzinho"><a href="URL_AQUI">Nome</a></div>

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