JUNGKOOK
EUPHORIA - Wonder
[Welcome]
to garota no mundo html

olá xuxuzinhos, tudo bem? sintam-se a vontade e sejam bem vindos ao meu cantinho, este bloguinho foi criado em julho de 2012 e até hoje é direcionado a área de html e css. Tento ser criativa com códigos, sempre tento criar algo diferente. e se desejarem algo, por favor, não exitem e peçam pela minha ask ok? beijinhos bem doces..

domingo, 22 de abril de 2018

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.



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!

7 comentários:

  1. ¡Hola!

    4 muelas el mismo día (°△°|||), espero que todo vaya bien y no te duela nada.

    ¡Me encanta la plantilla! y más con Taehyung al lado ♡♡

    El menú es lindo, gracias por el tutorial. Saludos~

    ResponderExcluir
    Respostas
    1. Hola, tudo bien?
      Si, voy a arrancar los 4 el mismo día, tengo mucho miedo T_T
      ¡Qué bueno que le gustó el diseño, amo BTS y el Tae.
      Me siento feliz que tenga gusto del tutorial, besos!

      Excluir
  2. Estou eufórica com esse layout, mds! Eu ia pedir para vc parar de me surpreender, mas pensando melhor não kkk

    os meus sisos ainda não nasceram, dizem ser horríveis e não espero tê-los tão cedo! Mas já retirei dois dentes no mesmo dia devido problemas na arcada dentarias (com direito a 2 pontos em cada um) e doeu pelo que me lembro, só tinha a sensação de coceira na gengiva kkk vai entender. ─ Tbm usa aparelho? uuu tbm, e confesso que já são 3 anos intermináveis.

    ♥♥♥

    ResponderExcluir
    Respostas
    1. Ai meu Dels eu também mona hahaha Amei o resultado, e olha que fiquei boiando nele um mês ou mais.. Pois então, cada piscada é uma idéia diferente haha eu amo inventar e criar coisas diferentes, amo modelos parecidos com os dos tumblrs, por isso estou mudando agora e fazendo layouts super diferentes..

      Ai guria nem fala, eu tô ansiosa e ao mesmo tempo com muito medo O.O To rezando para não doer T_T
      Sim, eu uso aparelho, infelizmente haha mas já estou tirando, mês que vem eu tiro, alivio!

      Beijos <3

      Excluir
  3. Olá querida Roh!
    Boa sorte, espero que dê tudo certo!
    Os sisos, são muito ruins mesmo!

    Sobre o novo layout, muito divo amei!
    Você arrasa nos lays sempre!
    Amei o menu, muito fofo!

    Tenha uma semana ainda mais abençoada!
    xoxo, Pam!

    https://palomari.blogspot.com/

    ResponderExcluir
    Respostas
    1. Olá Paloma tudo bem?
      Obrigada, vai dar sim em nome de Chessus haha

      Gostou? Ficou simples mas bem bunitin né? Obrigada <3

      Obrigada igualmente linda =)

      Excluir
  4. Muito bonitinho. Pena que já finalizei o layout que eu quero usar, inclusive é um seu, no futuro farei 100% eu, então veremos. Mas está lindo, como sempre.

    ResponderExcluir

Olá meus amores, os comentários devem ser direcionados somente ao blog e não a vida pessoal de ninguém! Qualquer dúvida peça pela Ask que responderei o mais rápido possível. Anônimo não adianta vir xingar pelos comentários que antes de mesmo de pensar em me ofender eles serão excluídos! Não gosto de tags, se quiser fazer fique a vontade mas não irei retribuir, não curto seguindo segue de volta =/ mas posso seguir se gostar realmente do blog, não julgo por layout ou por seguidores, avalio o blog e como disse se eu curtir é claro que sigo, afiliações? Peça nos comentários pois se pedir em outro lugar no caso páginas é bem provável que eu não veja! Então meus lindos espero que curtam cada cantinho do meu bloguinho e voltem sempre! kissus (*^3^)