• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

16 de julho de 2012

Menu cute #2


~Yooo Sakuras!!

Hoje trouxe um tutorial muito legal de um super menuzinho kawaii ~Vizualise-o aqui  então, vamos aprender?!

Você deverá ir em Design > Editar HTML > aperte Ctrl + F e procure por:


]]></b:skin>

ACIMA do código acima cole esse código abaixo fazendo as seguintes alterações:


/* Menu Miki Candy */
cute{
text-align:center;
font-size: 10px; /* Tamanho da fonte do menu */
background: #FFC0CB; /* Fundo do menu */
padding: 2px;
float: left;
margin: 2px;
cursor: crosshair; /* cursor, troque tb por: help, normal etc ...*/
width: 45%; /* tamanho do menu
-webkit-transition-duration: .80s; /* efeito fade */
border:1px dashed #87CEEB; /* bordas */
color: #fff; /* cor da fonte quando passa o mouse */
}
cute:hover{
font-size: 10px; /* Tamanho da fonte do menu */
background: #ADD8E6; /* fundo do menu quando passa o mouse */
border:1px solid #FF69B4; /* bordas quando passa o mouse */
color: #fff; /* cor da fonte quando passa o mouse */
-webkit-transition-duration: .80s;
letter-spacing: 3px; /* espaço das letras hover */
}
.post-footer-line-1{
border-bottom: 1px dotted #ADD8E6; /* Estilo da borda */
font-size:11px; /* Tamanho da fonte de letra */
}
.post-footer-line-1{
border-bottom: 1px dotted #ADD8E6; /* Estilo da borda */
font-size:11px; /* Tamanho da fonte de letra */
}
.post-footer-line-2{
border-bottom: 1px dotted #FFC0CB; /* Estilo da borda */
font-size:11px; /* Tamanho da fonte de letra */
}

Para modificar as cores ao seu gosto, clique akiie, no código está explicando as partes que você pode modificar, depois que fizer as alterações você visualiza tudo e se estiver tudo no nice você salva n_n

Agora você vai em Elementos da página e adiciona o famoso GadgetHTML/JavaScript. E cole o código:

<a href="URL DA PAGINA"><cute> NOME DA PAGINA</cute></a>
<a href=" URL DA PAGINA "><cute>  NOME DA PAGINA </cute></a>
<a href=" URL DA PAGINA "><cute>  NOME DA PAGINA </cute></a>
<a href=" URL DA PAGINA "><cute>  NOME DA PAGINA </cute></a></div></div>

Espero que tenham gostado {Créditos (x)}


5 comentários:

  1. oi linda, ja estou seguindo seu blog, segue de volta?
    bj
    sa
    lamourmonage.blogspot.com

    ResponderExcluir
  2. que lindo teu blog!Maravilhoso,menuzinho d+.Já tô usando.Se puder dá uma pasadinha no meu blog,mas só se puder e quiser ok?Bjs
    http://biacmenezes.blogspot.com.br/

    ResponderExcluir
  3. Já tentei mais realmente não sei mexer com isso,o que é uma pena ja que muita gente combra caro para arrumar o nosso blog....Vou continuar seguindo e tentando aquii..Beijuh
    Me segue de volta...
    http://curaleitura.blogspot.com.br/

    ResponderExcluir