8.11.12

Menu Explosion

Yoo~~
Trouxe um menu bem bonito e super simples de colocar
no seu blog e tipo esse[www
Achei ele super diferente! Acho que ele fica melhor no cabeçalho do blog.

Vamos Aprender ?
Vá no seu HTML >> aperte f3>>procure por /b:skin e acima dele cole isso:
/** MENU EXPLOSION **/
.explosion {float: left; margin: 3px; background-color: #f2521d; color: #fff; border: 3px solid #fff; display: block; width: 52px; font: 10px calibri; text-transform: uppercase; text-align: center;text-decoration: none; padding: 4px; opacity:0.8; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}
.explosion:hover {background-color: #fff; color: #f2521d; border: 3px solid #f2521d; opacity: 0.9; text-shadow: -2px  0px  #fff, 2px 0px #eeeeee; opacity: 0.8; -webkit-box-shadow: inset 0 0 50px 5px #fff, 0 0 50px 5px #fff; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; transition: all .5s ease-out;}
Agora vá em Layout>>Adicionar Gadget e cole isso onde você quer
que o menu apareça:
<a href="LINK" class="explosion">Home</a>
<a href="LINK" class="explosion">Goodies</a>
<a href="LINK" class="explosion">F.A.Q</a>
<a href="LINK" class="explosion">Afiliação</a>
<a href="LINK" class="explosion">Créditos</a> 

9 comentários:

  1. Gostei demais do menu!
    http://ladyalen.blogspot.com

    ResponderExcluir
  2. Que lindo, fica super perfeito, esse efeito faz diferença, as bolinhas girando ficaram muito legais. Seguindo aqui.

    rafasinha.blogspot.com.br/
    Beijos :3

    ResponderExcluir
  3. Nossa eu estava procurando esse menu! Adorei, ele é lindo.
    Beijos
    http://crazy-html.blogspot.com.br/

    ResponderExcluir
  4. Oi coisa linda >.< nao creio que vc gosta de Paramore o.o eu gosto o/ esse lay da Hay ficou lindo *u*
    Adorei o Menu >.<
    Aceita ser blog irmao do meu?
    Bjuuuu

    gostinhoporsuicidio.blogspot.com

    ResponderExcluir
  5. Esse menu é lindo, só agora percebi que não é feito em imagem. Seria bem mais fácil UISHAIUSIAUH' Seu blog tá muito lindo, adorei o esquema de cores c:

    @Kawaii World;

    ResponderExcluir

Antes de comentar siga essas regrinhas:
- Aceito segue,segue de volta
- Quando Pedir alguma coisa especifique
- Retribuo todos os comentários
- Pedidos de Afiliação só na Página de Afiliações
- Não use palavras ofensivas
- Não me peça para Divulgar porque não aceito Divulgações