16.4.15

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 /> 

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á! Se chegou até aqui é porque leu toda a postagem certo? Não? Poxa, comenta antes de sair e por favor, tente ler todo o conteúdo do post pois, por mais que a maioria do que eu escrevo seja sobre css e html, eu também comento sobre vários assuntos no mesmo post.

E abaixo, algumas regrinhas para seguir e fazer um comentário bem maroto:

1 - Comente apenas se sentir a vontade e queira.

2 - Seja educado, não use palavras inapropriadas, respeite os outros comentários e opiniões alheias.

3 - Se eu fico feliz quando comentam algo? Ô se fico, na verdade adoro!

4 - Antes de sair além de comentar deixe o link do seu bloguinho caso queira pois assim conseguirei lhe visitar e deixar um recadinho.

5 - Quer ser afiliado ao blog? Só pedir nos comentários ou na própria página direcionada a isto, estou precisando de afiliados mesmo rsrs.

Obrigada por tanto e obrigada por me acompanhar até aqui, fico muito feliz e grata pela sua companhia!

Roh ~

GNMH - LAYOUT E DESIGN POR RDS / CRIADOS EXCLUSIVAMENTE PARA ESTE BLOGUINHO ❤