Side com descrição hover
Visualize aqui -xx-
Cole este código entre <style> e </style>
/*Design por Season-html [indesculpável]*/ .sidebar {width:320px;height:280px;/*season-html*/position:fixed;margin-left:100px;margin-top:170px;position:fixed;} .sidebar {width:240px;} .sidebarimage img { margin-left:40px;width:200px;/*season-html*/height:200px;margin-top:10px;border:1px; border-width:1px; /*season-html*/border-style:solid; border-color:#ddd;Padding:16px;}
.sidebar:hover #descri {opacity:0.9;margin-top:-140px;/*season-html*/-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
#descri {margin-left: 55px;margin-top: -120px;width: 200px;/*season-html*/line-height: 200%;text-transform:none;text-align:center;font-family:calibri;font-size:10px;font-style:none;padding:5px;letter-spacing:0px;background:#fff;opacity:0;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;/*season-html*/transition:all 0.5s ease-in-out;}
Após isso, cole esse depois de <body> ou <body onkeydown=”return false”>
<div class="sidebar">
<div class="sidebarimage"><img src="http://static.tumblr.com/zymxni2/XJbmre6xm/tumblr_mqfbh3yezy1rumkfpo1_500.png"/></div>
<div id="descri">SUA DESCRIÇÃO AQUI </div>
Estou utilizando essa side no meu theme número 15 então já aproveitei e postei essa mesmo.
Lembre-se de sempre creditar ao Season-html.
Não reblogue e nem repasse.
Se utilizar ou gostar dê like.
/Carolline
