20 fevereiro 2014

Menu Para Sidebar


Olá gente, eu essa semana esta fusando alguns blog, e achei um tutorial super bacana. de como colocar o menu na sidebar, eu achei esse tutorial nesse site Cherry Bomb. Achei bem interessante, então hoje vou mostra pra vocês esse tutorial, aqui no blog.
Créditos para: Cherry Bomb.

Vá em seu HTML, aperte ctrl+f  e procure por : ]]>

Depois cole esse código acima:

/*menu por Liah - Cherry Bomb - credite sempre*/#menucb { 
float: left; 
display: line; 
margin:1px; 
background:#f2eee8; /*Cor de fundo */ 
width: 87px; /*Largura de cada link do menu */ 
height: 25px; 
text-align:center; 
font-size: 16px; /*Tamanho da fonte*/ 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
border-radius: 10px; 
-moz-box-shadow: 1px 0px 9px #cccccc; 
-webkit-box-shadow: 1px 0px 9px #cccccc; 
box-shadow: 1px 0px 9px #cccccc; 
text-shadow: 0px 1px 5px #cccccc; 
-webkit-transition: color 0.7s ease-out;-moz-transition: 
color 0.7s ease-out;transition: color 0.7s ease-out; 

#menucb:hover { 
background: #cfd9f6; /* Cor de funo quando passa o mouse*/ 
color: #fff; /*Cor do texto quando passa o mouse*/ 
}

feito isso salve as alterações

vá em layout, adicione um gadget de HMTL/JavaScript e cole o seguinte código.

<a href='LINK' id='menucb'>TÍTULO DO LINK</a>
<a href='LINK' id='menucb'>TÍTULO DO LINK</a>
<a href='LINK' id='menucb'>TÍTULO DO LINK</a>
<a href='LINK' id='menucb'>TÍTULO DO LINK</a>
<a href='LINK' id='menucb'>TÍTULO DO LINK</a>
<a href='LINK' id='menucb'>TÍTULO DO LINK</a>

Aonde estra escrito Link Subistitua pelo lindo do menu que vc vai colocar. e em TITULO DO LINK, obviu que vc vão colocar o titulo do menu que vocês vão colocar. rsrsr
caso queira mais, e só você colocar mais um. <a href='LINK' id='menucb'>TÍTULO DO LINK</a> 
agora e só salva.
Prontinho!!!


Esse foi um tutorial que eu achei na internet no site Cherry Bomb. e  resolvi compartilhar com vocês, dê uma visitinha la site delas, e bem legal, se alguém tiver duvida e só deixa nos comentários aqui em baixo
Beijo Beijo Beijo Fuiii






Nenhum comentário:

Postar um comentário