Код:
<link href='http://fonts.googleapis.com/css?family=Lily+Script+One' rel='stylesheet' type='text/css'> <style type="text/css"> .scroll::-webkit-scrollbar { background: #494949; width: 10px; } .scroll::-webkit-scrollbar-thumb { background: #E08E79; width: 10px } .scroll::-webkit-scrollbar-corner { background: #494949; } </style> <style type="text/css">#cappy3 {width: 100px; height: 100px; border: 2px dashed #79cbe0; position: relative; overflow: hidden;} #cappy3 .page { transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; position: absolute; left: 0px; bottom: 0px; width: 100px; height: 100px;} #cappy3:hover .page {transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; left: -100px;}</style> <style type="text/css">#cappy1 {width: 100px; height: 100px; border: 2px dashed #E08E79; position: relative; overflow: hidden;} #cappy1 .page { transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; position: absolute; right: 0px; bottom: 0px; width: 100px; height: 100px;} #cappy1:hover .page {transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; right: -100px;}</style> <style type="text/css">#cappy2 {width: 100px; height: 100px; border: 2px dashed #79cbe0; position: relative; overflow: hidden;} #cappy2 .page {transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; position: absolute; left: 0px; bottom: 0px; width: 100px; height: 100px;} #cappy2:hover .page {transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; left: -100px;}</style> <center> <div style="width: 350px; height: 360px; background-color: #ECE5CE; background-image: url(http://funkyimg.com/i/HT9R.png); background-repeat: repeat; border: solid 10px #dfd7c7; padding: 25px;"><div style="width: 350px; height: 360px; background-color: #ECE5CE;"> <table><tr> <td style="width: 100px; height: 350px; padding: 5px;"> <div id="cappy3"> <div class="page"><img src="http://funkyimg.com/i/HUM7.png"></div> <div style="width: 100px; height: 100px; background-color: #F1D4AF; padding: 0px; font-family: georgia; font-size: 9px; color: #353535;"> <center><b><a href="https://snowpiercertest.rusff.me/">абрахам дж. нэш</a></b></center><img src="http://funkyimg.com/i/HTa6.png" alt="icq"> 672302892 <br><img src="http://funkyimg.com/i/HTa9.png" alt="skype"> charley schwarzkopf <br><img src="http://funkyimg.com/i/HTae.png" alt="e-mail"> charleyschwarz@ rambler.ru </div> </div> <br> <div id="cappy1"> <div class="page"><img src="http://funkyimg.com/i/HURU.png"></div> <div style="width: 100px; height: 100px; background-color: #C5E0DC; padding: 0px; font-family: georgia; font-size: 9px; color: #353535;"> <center><b><a href="https://snowpiercertest.rusff.me/">клементина картье</a></b></center><img src="http://funkyimg.com/i/HTa6.png" alt="icq"> 660018336 <br><img src="http://funkyimg.com/i/HTa9.png" alt="skype"> ab.baltimore <br><img src="http://funkyimg.com/i/HTae.png" alt="e-mail"> sashaschwarz6@ gmail.com </div> </div> <br> <div id="cappy2"> <div class="page"><img src="http://funkyimg.com/i/HT9J.png"></div> <div style="width: 100px; height: 100px; background-color: #F1D4AF; padding: 0px; font-family: georgia; font-size: 9px; color: #353535;"> <center><b><a href="https://snowpiercertest.rusff.me/">эрих к. вальдфогель</a></b></center><img src="http://funkyimg.com/i/HTa6.png" alt="icq"> 691384294 <br><img src="http://funkyimg.com/i/HTa9.png" alt="skype"> lidocainum <br><img src="http://funkyimg.com/i/HTae.png" alt="e-mail"> lidocainum@ ro.ru </div> </div> <br> </div></td> <td> <div style="width: 220px; height: 30px; text-align: center; font-family: Lily Script One; font-size: 30px; color: #b09b6b; padding-bottom: 5px; text-shadow: 2px 2px 0px #774f38;"> baltimore </div> <div style="width: 230px; height: 10px; background-color: #494949; padding-bottom: 5px; font-family: times new roman; font-size: 8px; color: white; text-transform: uppercase; text-align: center; padding-top: 2px; padding-bottom: 2px;"> придержанные внешности </div> <div style="width: 220px; height: 290px; background-color: #fff; font-family: georgia; font-size: 10px; line-height: 10px; color: #353535; text-align: justify; padding: 5px; overflow: auto;" class="scroll"> <table><tr><td><center><b>МУЖСКИЕ</b><br>-------------<br></center></center></td> <td><center><b>ЖЕНСКИЕ</b><br>-------------<br></center></center></td></tr> <tr><td><center><b>бессрочно</b></center> jeremy renner<br> nikolaj c.-waldau<br> <br><center><b>до 6.6.6</b></center> блаблабла<br></td> <td><center><b>бессрочно</b></center> ksenia solo<br> clémence poesy<br> <br><center><b>до 6.6.6</b></center> блаблабла<br></td></tr></table> <center><b>ВЫКУПЛЕНЫ ПО НУЖНЫМ</b><br> <b>james mcavoy</b> для к. картье<br> <b>scarlett johansson</b> для э. вальдфогеля<br> <b>lena headey</b> для а. нэша<br> <hr><br> <center><b>ПРИДЕРЖАТЬ ВНЕШНОСТЬ</b></center> name & surname < br > </div> </td> </tr></table> </div></div> <div style="width: 400px; font-family: georgia; font-size: 9px; color: white; text-align: right;"><a href="http://candylandcouture.b1.jcink.com/index.php?showuser=95">©</a> </center>