Menu side


Boa noite people ヽ(^^*)/ Tudo na santa paz? Aqui chove chove chuva, chove sem parar e chove ♪♪ Chuvarada da porra mesmo aqui '-' Como se fosse alguma novidade em Joinville chover UHSUHSAUHSASHuhush u.u Na real eu to rindo aqui para não chorar, fui fazer prova hoje de comportamento organizacional e advinhem o que aconteceu? A anta nordestina aqui não sabia porra nenhuma!! Mas como isso Roh? Não estudou? O pior que eu sei sobre o assunto mas a professora acavacalhou com todo mundo da sala, uma porque ela nem foi faltou e colocou uma pata choca no lugar para ficar em cima da gente, como se eu quisesse colar dos outros mesmo pamonha ¬¬

A outra mancada é que todo mundo pensou que a prova iria ser gabarito, mas não, não foi! Foi prova que pedia para todos os fatos explicar com as suas próprias palavras ¬¬ Gente, eu quis sair correndo porque sou péssima para descrever as coisas. Mas enfim nem quero mais tocar neste assunto, só quero esquecer e fingir que irei tirar um 10 rsrs. Hoje o que eu trago para vocês é um menu simples manjado mas que mesmo assim fica legal em vários layouts, é bem útil, fácil de aplicar e eu acho que economiza muito espaço no tema, o que para alguns é uma mão na roda não é mesmo? É isso então meus amores, beijos a todos e espero que curtam!

LIVE PREVIEW (๑ↀᆺↀ๑)✧

Para o efeito do SHAKE funcionar coloque este código abaixo de <head>

 <link href='http://static.tumblr.com/5dbytsa/lpvme5z4x/shake.css' rel='stylesheet' type='text/css'/>

Vá até o seu modelo clique em editar e em seguida procure por: ]]skin; acima dele cole o seguinte código:

#side {width:10px;height:0px;}
#side a {width:10px;height: 10px;line-height:10px;
display: block; margin:1px;
background-color: #DEE4E1;
box-shadow: inset 0 0 10px #C5E2D3, 0 0 6px #E2E7E4;
padding: 8px;
border: 3px solid #fff;
font-family: 'Sniglet', Trebuchet MS;
font-size:11px;
text-shadow: 1px 1px 1px #C2D7CB;
text-decoration:none;
text-transform:uppercase;
text-align: center;
color: #fff;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-transition-duration: .50s;
}
#side a:hover {-webkit-animation: shake 1500ms alternate infinite linear;-moz-animation: shake 1500ms alternate infinite linear;-webkit-transition-duration: .50s;
}

Salve, adicione um gadget e dentro cole o seguinte código:

<div style="position: absolute; margin-top: -200px; left:-50px;">
<div id='side'>
<a href='/'title="nome">❤</a>
<a href='/'title="nome">❤</a>
<a href='/'title="nome">❤</a>
<a href='/'title="nome">❤</a>
<a href='/'title="nome">❤</a>
<a href='/'title="nome">❤</a>
</div></div>
<br /> 
Querem ver os perfis de quem posta aqui? cliquem na imagem᠉
Continue

4 comentários:

  1. Oi Roh, estou usando o menu e amei, mas como coloco o link nos corações? Porque todos estão direcionados à página principal do blog.

    ResponderExcluir
  2. Oi Roh, estou usando o menu e amei, mas como coloco o link nos corações? Porque todos estão direcionados à página principal do blog.

    ResponderExcluir
  3. Não, desculpa, eu achei onde colocar o link, ignora o último cometário por favor? Desculpa

    ResponderExcluir
  4. Adorei, procurava a muito tempo ele, vou usar no meu layout que estou montando, o layout do seu blog tá lindo u.u

    Kissu | Lerigou to Choco HTML

    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^)

Layout e codificação por Roh A.Ramos Os blogs que mais ajudaram com os tutoriais foram: CHIHDVCA Tecnologia do Blogger ♡ 2012 a 2017