15.1.13

Menu Back to Black

Hello 'Peoples'
Antes de tudo, peço perdão de todos e porque o meu pc
tava cheio de vírus 'fail' e vieram consertar ele ontem, 
não me culpem, culpem meu irmão que fica baixando merdas 
na internet -qqq
 Enfim... Trouxe um menu bem diferente, peguei ele num tumblr 
desconhecido que nem me lembro o nome do menu, ai
pela minha falta de criatividade coloquei o nome de "Back to Black"
para os novatos e o nome é de uma música do AC/DC se quiserem
ouvir a música ~clica~ e se quiserem visualizar o menu
clica aqui [www]
Vá no seu HTML, aperte f3 e procure por:

</head>
Acima de </head> cole isso:
<script type="text/javascript" src="http://static.tumblr.com/wsigfn8/Z89mflocm/anninha_gata.js"></script>
Esse código fará com que voce instale o Jquery no seu blog.

Cole agora esse código também acima de </head>
<script type="text/javascript">
$(document).ready(function() {
$('.menua').hover(function() { //mouse in
    $(this).find('span').animate({ left: '-80px' }, 400);
$(this).find('em').animate({ right: '-80px' }, 400);
}, function() { //mouse out
$(this).find('span').animate({ left: '-180px' }, 400);
$(this).find('em').animate({ right: '-180px' }, 400);
});
});
</script>
Agora vá no famoso /b:skin e cole isso acima:
 .menua{
height:35px;border-radius:4px;
overflow:hidden;color:#696969;
width:180px;padding:3px;
display:inline-block;
position:relative;
background:#696969;
}
.menua a{
width:180px;color:#696969;
padding:7px 0 7px 0;
font-size:12px;border-radius:4px;
color:black;
position:relative;
display:block;
text-align:center;
z-index:6;
}
.menua span, .menua em{
position:absolute;border-radius:4px;
top:0px;
display:block;
width:180px;
height:60px;
z-index:2;
}
.menua span{border-radius:4px;
left:-180px;
background:url('http://static.tumblr.com/wch6kjp/9K9mc5kgq/2.png') top repeat-x;
}
.menua em{
right:-180px;border-radius:4px;
background:url('http://static.tumblr.com/wch6kjp/6Plmc5kh1/3.png') top repeat-x;
Agora cole isso onde você quer que ele apareça 
ou seja no HTML/Javascript: 
<span class="menua"><a href="/">Passe o mouse *0*</a><span></span><em></em></span><span class="menua"><a href="/">Passe o mouse *0*</a><span></span><em></em></span><span class="menua"><a href="/">Passe o mouse *0*</a><span></span><em></em></span>

4 comentários:

  1. Lindo esse menu.
    Gostei mais do nome haha do AC/DC *O*
    Beijos >.< Good Lollipop

    ResponderExcluir
  2. O menu é realmente lindo e diferente *o*

    ~ Wonderland Cherry --> Novo post <3
    Kissus ~

    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