#menucute

Visualize aqui -xx-

Cole isto entre <style> e </style>

/*Menu por Indesculpavel, se usar credita a mim ou ao season-html */

.menuzinho {position: fixed;font-family:calibri;font-size:10px;margin-left:210px;margin-top: 250px;width:250px;}

.menuzinho a {color: c0c0c0;text-transform: none;background-color:#ffffff;padding:3px;}

.menuzinho a:hover {box-shadow: inset 0px 43px #b7d6e7;} 

E cole isso após </body>

<div class="menuzinho">

<a href="{text:link1}">Home</a>

<a href="{text:link2}">Ask</a>

<a href="{text:link3}">Texts</a>

<a href="{text:link4}">Themx</a>

<a href="{text:link5}">Html</a>

 </div>

Se utilizar ou gostar dê like.

Não repasse e nem reblogue.

Lembre-se de sempre creditar.

 Live preview —> aqui.

Cole isso entre <style> e </style>.

/** MENU CUTE **/ @font-face {font-family: "04b03"; src: url('http://static.tumblr.com/qbzesex/2tSm7y7gy/04b_03_.ttf'); format("truetype"); } .menucute {width: 70px; letter-spacing: 2px; font: 8px "04b03", small fonts; background:#e297b7; color:#fff; float: left; padding: 4px; text-align: center; margin: 1px; transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s;-o-transition-duration: 1s; height:8px; border: 1.5px solid #e36ea0; padding-bottom: 5px; padding-top: 5px;} .menucute:hover {width: 70px; letter-spacing: 2px; font: 8px "04b03", small fonts; background:#e36ea0; color:#fff; float: left; padding: 4px; text-align: center; margin: 1px; transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s; height:8px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding-bottom: 5px; padding-top: 5px;}

Agora cole isso aonde quer que apareça.

<a href="LINK" class="menucute">LINK</a> <a href="LINK" class="menucute">LINK</a> <a href="LINK" class="menucute">LINK</a>

Gente, esse menu é o que está no meu tumblr pessoal atualmente, e se quiserem ver lá é até melhor, por que tem todo um theme, ai se vê mais ou menos como fica num theme [=

                                 Ver Demo

Olha, esse menu é bem simples e fofinho não é? Mas ele também é facinho!

Vamos ao tuto..

Oi gente! Esse é o menu que eu criei pra usar no 1o theme em grade, e finalmente estou disponibilizando... Pra quem não sabe qual é, veja aí em baixo (os links tão azuis pq é uma page, mas no teu theme fica da cor dos links):

Demo

Para fazer coloque isso no seu CSS:

.menu{width:20px; height:20px; color: #A0522D; background: #Fff; -webkit-transition:All 2s ease; -moz-transition:All 2s ease; -o-transition:All 2s ease; font-family: Arial; font-size: 25px; line-height:20px; padding:3px; margin:1px; float: right; } .menu:hover{ width:60px; height:20px; color: #A0522D; background: #fff; margin:1px; float:right;} .menu:a{color:#A0522D} .side1 {background: transparent; width: 70px; float: left; margin-top: 0px; position: absolute; margin-left: 100px;} .side2 {background: transparent; width: 200px; float: left; margin-top: 0px; position: absolute; margin-left: 170px}

Entendendo o código: O .side1 e o .side2 vão ficar dentro da sua sidebar, eles tem 270 px de largura no total, o ideal é que sua side tenha mais que isso... mas você ajusta como quiser. Eles também fazem o posicionamento, que ficou certinho no meu, mas depende de como ficará no seu theme, aí tu arruma os margins direitinho.

Pra usar coloca assim no body:

<div class='side1'> <div class='menu'><a href='/'>&#9829</a></div><br><br> <div class='menu'><a href='/'>&#9829</a></div><br><br><div class='menu'><a href='/'>&#9829</a></div><br><br> <div class='menu'><a href='/'>&#9829</a></div><br><br> <br> </div> div class='side2'> <img src='SUAFOTOAQUI' width='LARGURAAQUI'> </div>

Reponha as aspas tá?

É isso gente, espero que gostem *--*