29/10/2012

Menu cute

Hello amores, como vão? Bem hoje eu vou ensinar a fazer um menu muito cute que achei no tumblr então os créditos são de lá mais eu coloquei no modo blogger mais qualquer forma o corpo do menu são de lá! Vamos vê como ele é?

                                                         Preview do menu


Bem fofo não é mesmo, vamos aprende-lo?


Primeiro você vai em seu HTML aperte CTRL+F e procure por ]]></b:skin> a cima desta tag cole o codigo a seguir:

 

/*** Menu por Bruna Teixeira/Sincere—smile***/
.menub{background:#fd90d0;font-family: Tahoma; width: 60%;  float: right;  padding: 2px; text-align: center; margin: 1px; border-radius: 0px;font-size: 8pt; color: #BC8F8F
-webkit-transition-duration: .90s; 
-moz-transition-duration: .90s; 
transition-duration: .90s; }
.menub:hover {font-family: Tahoma; width:60%; float: right; background:#ebebeb; padding: 2px; text-align: center; margin: 1px; border-radius: 0px;font-size: 8pt; color: #696969;padding-left:0px;  
  box-shadow:7px 8px 16px #000 inset, -3px -8px 44px #000 inset;
    -moz-box-shadow:7px 8px 16px #000 inset, -3px -8px 44px #000 inset;
    -webkit-box-shadow:7px 8px 16px #fff inset, -3px -8px 4px #ebebeb inset;border-bottom:2px solid#eee; 
}
/**fim do menu**/
Edite como quiser agora para aprecer o menu adciona um gadget/javascrip e cole o seguinte codigo:


<div class="menub"><a href="link">T�tulo</a></div>
<div class="menub"><a href="link">T�tulo</a></div>
<div class="menub"><a href="link">T�tulo</a></div>
<div class="menub"><a href="link">T�tulo</a></div>
 
Link: URL da pagina
T�tulo:Nome da pagina 
 
 
Prontinho, facil né?
Bjus e até o proximo post
 
 
 

4 comentários:

  1. Amei o menu, quer fazer afiliação?
    Amantes de Moda |

    ResponderExcluir
    Respostas
    1. Obrigada fofa, eu aceito sim...eu acho que a Suzan- Chan tambem te colocarei, viu? Mais uma vez obrigada ^.^

      Excluir
  2. Esse menu é para tumblr ou blog? É que eu não tenho tumblr, mas acho legal.
    Seguindo
    Bjos

    http://camilaflowers.blogspot.com.br

    ResponderExcluir
    Respostas
    1. eu passei para o modo blogger flor
      brigada fofa >.<

      bjus

      Excluir