Links Wonder
Visualize aqui -xx- (mouse na side e depois nos links)
Cole isso entre <style> e </style>
/*Design por Indesculpavel exclusivo para Season-html, se utilizar credite */
#sidebar {position:fixed;width:150px;height:200px;margin-top:200px;margin-left:500px;background:transparent;-moz-transition-duration:.8s;-webkit-transition-duration:.8s;-o-transition-duration:.8s;-webkit-transition-duration:.8s;}
#sidebar img {width:150px;height:200px;margin-bottom:10px;margin-top:-30px;margin-left:180px;padding:0px; opacity:1;-moz-transition-duration:1s;-webkit-transition-duration:1s;-o-transition-duration:1s;border: solid 1px #c0c0c0;}
#sidebar:hover img{opacity:1;-moz-transition-duration:.8s;-webkit-transition-duration:.8s;-o-transition-duration:.8s;}
.slinks {margin-bottom:10px;margin-top:-10px;margin-left:110px;font-size:8px;text-transform:uppercase;background:transparent;text-align:center;letter-spacing:4px;line-height:100%;width:270px;height:16px;opacity:0;position:fixed;z-index:999;-moz-transition-duration:1s;-webkit-transition-duration:1s;-o-transition-duration:1s;}
.slinks a{padding:3px;color:#c0c0c0;margin-left:20px;margin-top:4px;width:11px;height:11px;display:inline-block;letter-spacing:0px;text-decoration:none;text-shadow:#c0c0c0 0px 1px 1px;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;-o-transition-duration:.5s;}
.slinks a:hover{color:#c0c0c0;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;text-shadow:-7px 0px 0 #c0c0c0, 7px 0px 0px #c0c0c0;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;-o-transition-duration:.5s;}
#sidebar:hover .slinks{opacity:1;margin-top:-160px-moz-transition-duration:.8s;-webkit-transition-duration:.8s;-o-transition-duration:.8s;}
Cole isso depois de </body>
<div id="sidebar"><img src="http://static.tumblr.com/a1c66f9d5fd4abb0301b3233026146cb/zymxni2/rgkmrj5rf/tumblr_static_tumblr_lylaivap3m1qzfm8go1_500.jpg">
<div class="slinks"><b>
<a href="{text:Link 1 url}" title="{text:Link 1}">I.</a>
<a href="{text:Link 2 url}" title="{text:Link 2}">II.</a>
<a href="{text:Link 3 url}" title="{text:Link 3}">III.</a>
<a href="{text:Link 4 url}" title="{text:Link 4}">IV.</a>
<a href="{text:Link 5 url}" title="{text:Link 5}">V.</a>
</b>
</div>
Se utilizar não se esqueça de creditar!
Não reblogue ou repasse.
Se gostar ou utilizar dê like.
/Carolline
