6 de jul de 2013

Tutorial Menu para tags


Oie flores. 

Denovo estou aqui hehe, trouxe um menu para tags,está sendo muito usado,ele é muito fofo mesmo,eu mesma adorei ele, enfim espero que curtem,e dou os totais créditos ao kw.


Vamos aprender?


Vá no seu editor de html >> Expanda a primeira setinha da caixa de códigos >> de crtl + f e procure por  ]]></b:skin> 

Acima deste cole:

.direita { float:right; width:49%; text-align:justify; }
.esquerda { float:left; width:49%; text-align:justify; }
#menutags{background-color: #ff92a4;
width: 100%height: 10px;float: left;font: 11px Verdana;color: #fff;padding: 2px 0 6px 0;text-align: center;margin: 1px;-moz-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;transition: all 0.5s ease-out;border-bottom: 1px solid #e18292;border-right: 1px solid #e18292;text-shadow: 0 1px 0 #e18292;}#menutags:hover {opacity: .50;}

Edite as cores,para usar ,adicione um html java script no seu layout e cole o seguinte código 

abaixo:

<center>
<div class="direita">
<a href="link" id="menutags">Nome</a>
<a href="link" id="menutags">Nome</a>
<a href="link" id="menutags">Nome</a>
</div>
<div class="esquerda">
<a href="link" id="menutags">Nome</a>
<a href="link" id="menutags">Nome</a>
<a href="link" id="menutags">Nome</a>
</div>
</center>
Curitam? espero que sim,comentem! Kiss.

3 comentários:

  1. Pfvr, esse menu é divo demais ~3 Adorei o tuto, bem explicadinho, u-u

    Beijos,

    Juu-Chan do Nescau com Nutella.

    ResponderExcluir
  2. Oii!Adorei seu blog!Me segue?http://garotaapaixon.blogspot.com.br/

    ResponderExcluir

Seja Educado
Comente sua opinião
Qualquer erro,reclame
Comente e seja feliz <3