Код:
<link href='http://fonts.googleapis.com/css?family=La+Belle+Aurore' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
<center><style type='text/css'>
a:link a:visited: a:active {color:#000;}
a:hover {color:#444}
#slideys {width:450px; height:450px;position:relative; overflow: hidden;}
#slideys .left{width:225px; height:450px; -webkit-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; -o-transition: 1s all ease-in-out; position: absolute; left: 0px; bottom: 0px;}
#slideys:hover .left {-webkit-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; -o-transition: 1s all ease-in-out;left:-225px}
#slideys .right{width:225px; height:450px; -webkit-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; -o-transition: 1s all ease-in-out; position: absolute; right: 0px; bottom: 0px;}
#slideys:hover .right{-webkit-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; -o-transition: 1s all ease-in-out;right:-225px;}
.small {width:128px; height:8px; padding:30px; -webkit-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; -o-transition: 1s all ease-in-out; font-family: Droid Sans; font-size:15px; border: 1px solid #eee; padding:35px; opacity:0; background:#fff; color:#000;}
.small:hover{opacity:0.9}
.bg {width:190px; height: 70px; padding:5px; background: #000; font-family: La Belle Aurore; color:#aabbcc; text-align:center;}</style>
<div id="slideys">
<div class="left"><img src="http://i.imgur.com/ZHah89m.png"></div>
<div class="right"><img src="http://i.imgur.com/V3V0pih.png"></div>
<div style="width: 410px; height:430px; padding: 10px 20px 10px 20px; background-image:url(http://25.media.tumblr.com/c3260ff250e5a6315b1cf7f9ebee8487/tumblr_mpd863Z8Qi1spa6e8o8_500.jpg)"><div style="margin-top:9px;width:388px; height:58px; border:1px solid #eee; padding:5px;">
<div style="width: 378px; height: 48px; background:#fff; border: 1px solid #eee; padding: 5px; font-family: Droid Sans; text-align: justify;font-size:10px;">
hello! my name is rora, i'm turning fifteen on the seventeenth, and i've been coding for about five months, give or take a few weeks. i generally make codes on request and/or when i feel like it. (i'm also stingy idk i don't like sharing my codes for public use i'm sorry.) after hours of coding this gallery template, i've finally given my gallery a better look, and i hope you like my codes! <3</div></div>
<table><td><div class="bg" style="font-size:49px;">thread<div class="small" style="margin-top:-96px; margin-left:-5px;"><a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=43084">un.</a> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=42346">deux.</a> <a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=43081">trois.</a></div></div><p>
<div class="bg" style="font-size:40px;">necessities.<div class="small" style="margin-top:-79px; margin-left:-5px;"><a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=43082&hl=">un.</a> </div></div><p>
<div class="bg" style="font-size:49px;">tech<div class="small" style="margin-top:-96px; margin-left:-5px;">none lol</div></div><p>
<div class="bg" style="font-size:49px;">skins<div class="small" style="margin-top:-96px; margin-left:-5px;">none lol</div></div></td> <td><div class="bg" style="font-size:49px;">plotters<div class="small" style="margin-top:-96px; margin-left:-5px;"><a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=43703">un.</a></div></div><p>
<div class="bg" style="font-size:40px;">signatures<div class="small" style="margin-top:-79px; margin-left:-5px;">none lol</div></div><p>
<div class="bg" style="font-size:49px;">misc.<div class="small" style="margin-top:-96px; margin-left:-5px;"><a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=43083">un.</a></div></div><p>
<div class="bg" style="font-size:49px;">challenges<div class="small" style="margin-top:-96px; margin-left:-5px;"><a href="http://z10.invisionfree.com/Shadowplay/index.php?showtopic=42404&view=findpost&p=22289725">un</a></div></div></td></table>
</div>
</center>
