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 />
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.
ResponderExcluirOi 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.
ResponderExcluirNão, desculpa, eu achei onde colocar o link, ignora o último cometário por favor? Desculpa
ResponderExcluirAdorei, procurava a muito tempo ele, vou usar no meu layout que estou montando, o layout do seu blog tá lindo u.u
ResponderExcluirKissu | Lerigou to Choco HTML