Menu Obli 17/12/2013
Gente como na postagem anterior voces ja sabem que tudo vai ficar sem acentos,e ainda nem estou usando meu pc esqueci de avisar que meu irmao quebro meu teclado e gracas a deus,tive uma ideia bem antes destas disgracas acontecer,de colocar algumas ilustracoes que ja tinha feito antes no meu celular,mas infelizmente ja estao acabando.
Este menu e super simples usado para redes sociais , ele fica fixo no lado esquerdo do seu blog, e contem imagens.Para visualizar continue lendo,e espero que tenham paciencia ate meu proximo post,por que talvez ate postarei sem ilustracoes.
Bem, primeiro vá em Modelo > Editar HTML > Clique na caixa de código e aperte Ctrl + F no seu teclado, procure por ]]></b:skin>, acima cole:
.caixamenu {Agora procure por <body> ou </header>, abaixo cole:
float: left;
margin-top: 50px; /*-- Distância do topo do blog e da caixa do menu --*/
width: 45px;
display: block;
background: url("http://static.tumblr.com/wkafvsi/RFKmvlxnw/35.png") repeat;
position: fixed;
z-index: 100;
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
}
#obli {
margin-top: 5px;
margin-bottom: 5px;
opacity: 0.5;
-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;
}
#obli:hover {
opacity: 1;
-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;
}
<div class='caixamenu'>Visualize, se ficou certo salve. Você pode adicionar mais abas, apenas cole este código antes de </div>
<a href='/' title='início'><img id='obli' src='http://static.tumblr.com/1ixsykm/MfImibil2/home.png'/></a>
<a href='LINK' title='pergunte'><img id='obli' src='http://static.tumblr.com/1ixsykm/NlZmibipu/ask.png'/></a>
<a href='LINK' title='marcadores'><img id='obli' src='http://static.tumblr.com/1ixsykm/gI1mibiti/tags.png'/></a>
<a href='LINK' title='Goodies'><img id='obli' src='http://static.tumblr.com/wkafvsi/odsmxwikj/goodies.png'/></a>
<a href='LINK' title='Layout Free'><img id='obli' src='http://static.tumblr.com/1ixsykm/Cpwmibiux/themes.png'/></a>
</div>
<a href='LINK' title='TÍTULO DO TOOLTIP'><img id='obli' src='LINK DA IMAGEM'/></a>Mais imagens: x x x x
Crédito das imagens: CH
Se quiser tirar alguma aba, apague de <a href até </a>.
Então gente, o menu é simples porem muito legal, se usar credite.Beijos da Dessa buxuda ashuahsua :3
Creditos We Heart html (esqueci de creditar,bem?)
12 Comment(s)
