1.6.13

Menu Lovely



Olha a paçoca!
Tá mais pra um tutorial, mas tudo bem.
O tutorial que eu trouxe dou os créditos ao TTHY. Apenas tranformei pro blogger.
O preview do menu está aqui.
Gostou? Então siga os passos!

1) Vá a Editar HTML e procure por:

]]></b:skin>

2) Acima do código, cole:  *Não modifique nada alem de larguras e cores.

.lovely {
float: center;
width: 110px;
margin-left: 10px;
display: inline-block;
line-height: 18px;
color: #999;
font-family: 'Archivo Narrow', sans-serif;
font-size: 9px;
margin-bottom: 14px;
background: #000000;
overflow: hidden;
padding: 5px;
-webkit-box-shadow: 0px 0px 6px #463b51;
-moz-box-shadow: 0px 0px 6px #463b51;
box-shadow: 0px 0px 6px #463b51;
}
.lovely a {
text-transform: uppercase;
display: block;
background: #000000;
padding: 5px;
margin-bottom: 1px;
border-left: solid 4px  #47e9bd;
color: #fff;
webkit-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;}
.lovely a:hover {
margin-left: -5px;
margin-right: -5px;
webkit-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
color: #47e9bd;
border-left: solid 4px  #000000;}

3) Em um gadget de HTML, cole e modifique.

<div class="lovely">
<a href="LINK">POSTAGEM</a>
<a href="LINK">POSTAGEM</a>
<a href="LINK">POSTAGEM</a>
<a href="LINK">POSTAGEM</a>
<a href="LINK">POSTAGEM</a>
</div>


Pronto! É bem simples, não? Gostaram? Comentem!

Nenhum comentário:

Postar um comentário