Код:
<!--HTML--><div> <center><div style="position: absolute; margin-top: 30px; margin-left: 220px; color: #ffffff; font-size: 24px; font-family: 'Lobster', serif; text-shadow: 1px 0px 1px #a1a1a1;">ЗАНЯТЫЕ ВНЕШНОСТИ</div> <img src="http://funkyimg.com/i/22mad.png"> <div style="background-image: url(http://funkyimg.com/i/22mac.png); width: 600px"> <div style="width: 500px; padding-left: 18px; padding-right: 23px; text-align: justify;">Дорогой гость, если ты видишь, что желаемая внешность занята, но игрок давно не активен, ты можешь обратиться с вопросом об освобождении внешности в <a href="https://redcarpet.rusff.me/viewtopic.php?id=10#p10"><b>гостевую</b></a>.<br> ▲ Не забудь убрать звездочки в шаблоне.<br> ▲ Не забываем вставлять все в тег [ code ][/ code]. <hr> <b><*a href="ссылка на профиль"><*b>NAME SURNAME<*/b></a><*br></b></div> <img src="http://funkyimg.com/i/22mae.png"> </div></center></center></div>
Код:
<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
<style typ="text/css">
.cbback { border: #f3f3fc 15px solid; padding: 10px; width: 500px; }
.cbboxleft { width: 215x; height: 200px; padding: 5px; border: #f3f3fc 7px solid; background-color: #ffffff; }
.cbboxright { width: 215px; height: 200px; padding: 5px; border: #f3f3fc 7px solid; background-color: #ffffff;}
.cblabel {width: 215x; height: 200px; background-image: url(http://i60.tinypic.com/2qw0xkx.png); background-color: #f3f3fc; background-blend-mode: multiply; color: black; line-height: 100px; text-align: center; font-family: 'Oswald', sans-serif; font-size: 20px; letter-spacing: 2px; text-transform: uppercase; }
.cbtext {width: 215px; height: 200px; padding: 3px; font-family: 'Lato', sans-serif; font-size: 12px; overflow: auto; }
#heat {width: 215px; height: 200px; position: relative; overflow: hidden;}
#heat .cool { -webkit-transition: 1S all ease-in-out; -moz-transition: 0.7S all ease-in-out; o-transition: 0.7S all ease-in-out; position: absolute; left: 0px; top: 0px; width: 215px; height: 200px; background-color: #ffffff; }
#heat:hover .cool {-webkit-transition: 0.7S all ease-in-out; -moz-transition: 0.7S all ease-in-out; o-transition: 0.7S all ease-in-out; top: -210px;}
</style>
<center>
<div class="cbback">
<table><tr>
<td>
<div class="cbboxleft"><div id="heat"><div class="cool"><div class="cblabel">
GIRLS
</div></div><div class="cbtext">
<div class="scroll">
<div style="font-family: old standard tt; font-size: 20px; color: #b9cde2; text-align: center;>"><i>A-B-C-D;</i></div><p>
<center><a href="https://redcarpet.rusff.me/profile.php?id=9"><b>ADELAIDE KANE</b></a><br>
<a href="https://redcarpet.rusff.me/profile.php?section=essentials&id=22"><b>ALEXIS REN</b><br>
<a href="https://redcarpet.rusff.me/profile.php?id=3"><b>DIANNA AGRON</b></a><br>
</center><br>
<div style="font-family: old standard tt; font-size: 20px; color: #b9cde2; text-align: center;>"><i>E-F-G-H;</i></div><p>
<center><a href="https://redcarpet.rusff.me/profile.php?id=10"><b>EMILIA CLARKE</b></a><br>
<a href="https://redcarpet.rusff.me/profile.php?id=6"><b>HOLLAND RODEN</b></a><br>
</center><br>
<div style="font-family: old standard tt; font-size: 20px; color: #b9cde2; text-align: center;>"><i>I-J-K-L;</i></div><p>
<center><a href="https://redcarpet.rusff.me/profile.php?id=19"><b>KENDALL JENNER</b><br>
</center><br>
<div style="font-family: old standard tt; font-size: 20px; color: #b9cde2; text-align: center;>"><i>M-N-O-P;</i></div><p>
<center><a href="https://redcarpet.rusff.me/profile.php?id=16"><b>NINA DOBREV</b></a><br>
<a href="https://redcarpet.rusff.me/profile.php?id=12"><b>PHOEBE TONKIN</b></a><br>
</center><br>
<div style="font-family: old standard tt; font-size: 20px; color: #b9cde2; text-align: center;>"><i>E-F-G-H;</i></div><p>
<center><a href="http://areuready.rusff.me/"><b>NAME SURNAME</b></a><br>
</center><br>
<div style="font-family: old standard tt; font-size: 20px; color: #b9cde2; text-align: center;>"><i>Q-R-S-T;</i></div><p>
<center><a href="http://areuready.rusff.me/"><b>NAME SURNAME</b></a><br>
</center><br>
<div style="font-family: old standard tt; font-size: 20px; color: #b9cde2; text-align: center;>"><i>U-V-W-X;</i></div><p>
<center><a href="https://redcarpet.rusff.me/profile.php?id=4"><b>VICTORIA JUSTICE</b></a><br>
</center><br>
<div style="font-family: old standard tt; font-size: 20px; color: #b9cde2; text-align: center;>"><i>Y-Z;</i></div><p>
<center><a href="https://redcarpet.rusff.me/profile.php?id=26"><b>ZOEY DEUTCH</b><br>
</center>
</div>
</div></div></div></td><td><div class="cbboxright"><div id="heat"><div class="cool"><div class="cblabel">
BOYS
</div></div><div class="cbtext">
<div class="scroll">
<div style="font-family: old standard tt; font-size: 20px; color: #b9cde2; text-align: center;>"><i>A-B-C-D;</i></div><p>
<center><a href="https://redcarpet.rusff.me/profile.php?id=7"><b>AVAN JOGIA</b></a><br>
<a href="https://redcarpet.rusff.me/profile.php?id=18"><b>CHARLIE HUNNAM</b><br>
<a href="https://redcarpet.rusff.me/profile.php?id=11"><b>DYLAN O'BRIEN</b></a><br>
</center><br>
<div style="font-family: old standard tt; font-size: 20px; color: #b9cde2; text-align: center;>"><i>E-F-G-H;</i></div><p>
<center><a href="http://areuready.rusff.me/"><b>NAME SURNAME</b></a><br><br>
</center><br>
<div style="font-family: old standard tt; font-size: 20px; color: #b9cde2; text-align: center;>"><i>I-J-K-L;</i></div><p>
<center><a href="http://areuready.rusff.me/"><b>NAME SURNAME</b></a><br>
</center><br>
<div style="font-family: old standard tt; font-size: 20px; color: #b9cde2; text-align: center;>"><i>M-N-O-P;</i></div><p>
<center><a href="http://areuready.rusff.me/"><b>NAME SURNAME</b></a><br><br>
</center><br>
<div style="font-family: old standard tt; font-size: 20px; color: #b9cde2; text-align: center;>"><i>E-F-G-H;</i></div><p>
<center><a href="http://areuready.rusff.me/"><b>NAME SURNAME</b></a><br><br>
</center><br>
<div style="font-family: old standard tt; font-size: 20px; color: #b9cde2; text-align: center;>"><i>Q-R-S-T;</i></div><p>
<center><a href="https://redcarpet.rusff.me/profile.php?id=21"><b>SAM CLAFLIN</b><br>
<a href="https://redcarpet.rusff.me/profile.php?id=8"><b>SEBASTIAN STAN</b></a><br><br>
</center><br>
<div style="font-family: old standard tt; font-size: 20px; color: #b9cde2; text-align: center;>"><i>U-V-W-X;</i></div><p>
<center><a href="http://areuready.rusff.me/"><b>NAME SURNAME</b></a><br><br>
</center><br>
<div style="font-family: old standard tt; font-size: 20px; color: #b9cde2; text-align: center;>"><i>Y-Z;</i></div><p>
<center><a href="http://areuready.rusff.me/"><b>NAME SURNAME</b></a><br>
</center>
</div>
</div></div></div></td></tr>
</div></div></div></td></tr></table></div>
</center>
