Welcome back + Menu do lado da sidebar


Olá meus queridos. Tudo bem com voces? Espero que sim. Eu estou saltitando borboletas [não faz sentido mas ficou bonitinho, vai? =3] hoje eu consegui terminar o nosso novo layout e ficou um amor. Eu precisava mesmo de uma cor mais neutra, aqueles layouts passados estavam muito vibrantes e eu sentia que não me encaixava neles.  E sim, eu demorei pra voltar, e foram por motivos escolares, como sempre. Na verdade eu acho que bombei em Educação Física, até porque não sou muito fã de esportes.

Enfim, hoje o tutorial é simples e também vai ser bem rapidinho. Eu já tinha esse menu a muito tempo, eu só não sabia aonde ele se encontrava,rs. Então, vasculhando a minha extensa lista de blogs, o avistei e resolvi compartilha-lo com voces. Como o título diz, ele não é nada extraordinário. Eu apenas editei algumas coisas nele, já que ele é original do Kawaii World [aproveitando pra deixar os créditos]. Eu acho ele útil para blogs que são lotado de coisas, talvez ele deixe o blog mais leve e dar um tchan.
O menu é em hover e fica bem delicadinho. Provavelmente vou usar ele no meu próximo layout~hehe. Procure por ]]></b:skin> e acima dele cole:


Código do menu

#menu a{
display: block;
line-height: 4px;
padding-right:5px;
margin-left:0px;
padding:4px;
width:30px;
height: 6px;
text-align:right;
font-family: PF Arma Five;
font-size:8px;
text-transform: uppercase;
color:#d8cbd6;
text-shadow: 1px 1px 0px #fff;
background: #ece6eb;
border-right:4px #ffd0d0 solid;
margin-bottom:1px;
-webkit-transition:all .5s linear;
-moz-transition:all .5s linear;
-ms-transition:all .5s linear;
}
#menu a:hover{
border-right:0px #d7babf solid;
padding-right:6px;
color:#fff;
text-shadow: 1px 1px 0px #d8cbd6;
}
Depois de salvar, vá no layout do seu blog e adicione um novo gadget Java/Script e cole o seguinte código;

<div style="position: absolute; margin-top: -120px; right: -43px;"> 
<div id="menu">
<a href="http:">home</a>
<a href="http:">Ask</a>
<a href="http:">About</a>
<a href="http;">mais+</a>
</div></div>
O que está em negrito é aonde o seu menu irá ficar, você pode ajustá-lo para onde bem entender. Bom final de tarde pra vocês e não esqueçam dos devidos créditos.. Beijos

Nenhum comentário:

Postar um comentário