Menu de clique com abas - exclusivo

Boua tarde galerosa, tudo certin?  (●♡∀♡) Sempre sumida, nenhuma novidade nisso, mas como vocês estão? Eu estou super bem, feliz e com medo. Medo Roh? Isso, mesmo porque na terça feira irei arrancar todos os meus dentes do siso, mas o meu medo não é por ter que arrancar eles e sim arrancar os 4 no mesmo dia. Cara, tomara que eu não morra haha, eu não aguento mais ficar com o aparelho na boca por isso irei arrancar os sisos para poder tirar o aparelho. Oremos now!

Já sei o que irão comentar, de novo trocou o lay Roh? Pois é, eu não consigo deixar um tema mais que dois meses ou quando fico sabendo de um novo comeback de algum grupo que amo, principalmente quando é do meu amorzinho do BTS. E claro tinha que ser com a nova música né? Nem sei qual será o novo conceito do novo álbum mas amei o MV de EUPHORIA  e decidi criar um pro blog. Hoje estou trazendo um menu que eu usei no tema anterior, creditem eu por favor.

LIVE PREVIEW .+:｡(ﾉ･ω･)ﾉﾞ

Para usar o menu, vá até o seu modelo clique em editar html, dentro procure por: ]]></b:skin> e acima dele cole o seguinte código:

@font-face{
font-family:"glowies3";
src: url('https://dl.dropboxusercontent.com/s/108jph3jeqb1zlb/ax.otf');
}
.wish4 {
float:center;
background:#e8dced;
border: solid 1px #dfcfe5;
display:block;
width:100px;
height: 18px;
line-height:18px;
margin:1px;
margin-bottom:px;
margin-left:px;
padding-left:2px;
padding-right:2px;
padding-top:2px;
padding-bottom:2px;
font-size:12px;
font-family:'glowies3';
font-weight:;
text-align: center;
text-transform:uppercase;
letter-spacing:0px;
word-spacing:0px;
-webkit-border-radius: 7px;
-webkit-border-top-left-radius: 1px;
-webkit-border-top-right-radius: 1px;
-moz-border-radius: 7px;
-moz-border-radius-topleft: 1px;
-moz-border-radius-topright: 1px;
border-radius: 7px;
border-top-left-radius: 1px;
border-top-right-radius: 1px;
-webkit-transition-duration: .80s;
}
.wish4 a{
color:#fff;
text-shadow: 1px 1px 1px #9d8aa5;
}
/*Menu topo by gnmh*/
@font-face{
font-family:"glowies3";
src: url('https://dl.dropboxusercontent.com/s/108jph3jeqb1zlb/ax.otf');
}
.topo1 a{
background:#e8dced;
border: solid 1px #dfcfe5;
width:95px;
height: 20px;
line-height:20px;
padding:2px 2px 2px 2px;
display: block;
opacity:1;
margin:-4px;
margin-top: 6px;
font-family:'glowies3';
font-weight: 0;
font-size: 12px;
color: #FFF;
letter-spacing: 0px;
text-transform: uppercase;
text-shadow: 1px 1px 1px #84969B;
-webkit-transition: all ease-out 0.99s;
}
.topo1 a:hover{
color:#fff;
text-shadow: 1px 1px 1px #9d8aa5;
}

Para usar os links, crie um gadget java script e dentro cole o seguinte código:

<div style="position: fixed; margin-left:65px; margin-top: -16px; z-index:999999999999999999999999999;">
<div class="wish4"><a href="javascript:animatedcollapse.toggle('cat')">navegue
</a>
<div id="cat" style="display: none; " groupname="pets" speed="400">
<div class="topo1">
<div class="back1">
<center>
<a href="/"target="_blank" title="título">nome</a>
<a href="/"target="_blank" title="título">nome</a>
<a href="/"target="_blank" title="título">nome</a>
<a href="/"target="_blank" title="título">nome</a>
<a href="/"target="_blank" title="título">nome</a>
<a href="/"target="_blank" title="título">nome</a>
</center>
</div>
</div></div></div>

E para funcionar o efeito do clique por favor não esqueça de por o código abaixo de </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://static.tumblr.com/enpbtf0/a8olor0ey/animatedcollapse.js' type='text/javascript'/>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js'>
</script>
<script>
function toggleSound() {
  var songfile = document.getElementById(&#39;audio&#39;);
  if (songfile.paused)
    songfile.play();
  else
    songfile.pause();}
$(document).ready(function(){
$(&quot;.pressplay&quot;).click(function() {
    $(&#39;.ongaku&#39;).toggleClass(&#39;lineschange&#39;);
    $(&#39;.ongaku&#39;).toggleClass(&#39;onionchange&#39;);
});
});
</script>
<link href='https://fonts.googleapis.com/css?family=Karla' rel='stylesheet'/>

Credite sempre por favor!