Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'><style type='text/css'>
.letmeborder { width:450px; border:15px solid #222; position:relative; background-color:#eee; }
.letmehead { width:450px; height:200px; background-image:url(http://sh.uploads.ru/UqGzJ.jpg); border-bottom:15px solid #222; }
.letme { position:absolute; top:-15px; left:235px; width:200px; height:200px; border:15px solid #222; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); -moz-border-radius:200px; border-radius:200px; }
.letmewordsbg { position:absolute; left:0px; top:25px; width:200px; height:170px; opacity:0; transform: scale(.5); -webkit-transform: scale(.5); webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; }
.letme:hover .letmewordsbg { position:absolute; left:-235px; top:15px; opacity:1; transform: scale(1); -webkit-transform: scale(1); webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; }
.letmewords { width:200px; height:30px; background-color:#ffffff; font-family:arial; font-size:8px; letter-spacing:5px; color:#efefef; line-height:30px; text-align:center; margin-bottom:5px; }
.lavie { position: relative; width: 400px; height:450px; clear: both; }
.myageagain { width:350px; height:275px; position:relative; padding:25px; background-color:#fff; opacity:.85; overflow:auto; }
.abused { float:left; }
.abused label { position:relative; top:40px; left:10px; height: 20px; width: 120px; background-color:#eee; font-family:arial; font-size:8px; letter-spacing:5px; color:#222; line-height:20px; text-align:center; border:none; margin-right:10px; display:block; }
.abused [type=radio] { display: none; baseline-tab-shift: true, retrieve; }
.used { position:absolute; top:100px; left:0px; background-image:url(http://sg.uploads.ru/7Zqvx.jpg); width:400px; height:325px; overflow:auto; padding: 0px; text-align: justify; color: black; font-family: georgia; font-size: 10px; text-align:justify; line-height:100%; }
.abused [type=radio]:checked ~ label { z-index: 99; background-color:#a5172f; }
.abused [type=radio]:checked ~ label ~ .used { z-index: 98; }
</style><center><div class='letmeborder'><div class='letmehead'><div class='letme' style='background-image:url(http://sh.uploads.ru/jB9m4.jpg);'><div class='letmewordsbg'><div class='letmewords'>
<a target="_blank" href="http://intothehills.rusff.me/viewtopic.php?id=18"><b>ВНЕШНОСТИ</b></a>
</div><div class='letmewords'>
<a target="_blank" href="http://intothehills.rusff.me/viewtopic.php?id=9"><b>НУЖНЫЕ ПАРНИ</b></a>
</div><div class='letmewords'>
<a target="_blank" href="http://intothehills.rusff.me/viewtopic.php?id=36"><b>НУЖНЫЕ ДЕВУШКИ</b></a>
</div><div class='letmewords'>
<a target="_blank" href="http://intothehills.rusff.me/viewtopic.php?id=12"><b>ШАБЛОН АНКЕТЫ</b></a>
</div><div class='letmewords'>
</div></div></div></div><div class='lavie'><div style='width:400px; height:50px; background-color:#222; position:absolute; top:25px;'></div><div class="abused"><input type="radio" id="abused-1" name="abused-group-1" checked><label for="abused-1">саут хиллс</label><div class="used">
<br>
<br>
<p align="center"><font face="Book Antiqua, Regular"><font size="2">Добро пожаловать на ролевую <i><b>INTO THE HILLS</b></i> - свободную платформу для любой игры, любых сюжетов, любых фандомов. Отсутствие общего сюжета позволяет не загонять персонажей в рамки, а играть то, что душа пожелает.<br>
Мы рады открыть перед вами наши двери и с удовольствием ответим на все ваши вопросы.</font></font></p>
<div style='position:absolute; top:245px; left:50px; width:300px; height:50px; background-color:#222; font-family:great vibes; font-size:30px; color:#efefef; line-height:50px; text-align:center; '>
Into the Hills
</div></div> </div><div class="abused"><input type="radio" id="abused-2" name="abused-group-1"><label for="abused-2">о нас</label><div class="used"><div class='myageagain'>
<p align="center"><font face="Book Antiqua, Regular"><font size="1">❖ <b>жанр:</b> "домашняя" ролевая </font></font></p>
<p align="center"><font face="Georgia, serif"><font size="1">❖ <b>система игры:</b> эпизодическая </font></font></p>
<p align="center"><font face="Georgia, serif"><font size="1">❖ <b>рейтинг:</b> NC - 21</font></font></p>
<p align="center"><font face="Book Antiqua, Regular"><font size="1">по любым вопросам можете смело обращаться к администрации</font></p><br>
</div></div> </div><div class="abused"><input type="radio" id="abused-3" name="abused-group-1"><label for="abused-3">внешности</label><div class="used"><div class='myageagain'>
<p align="center"><font face="Book Antiqua, Regular"><b><font size="4">ПРИДЕРЖАННЫЕ ВНЕШНОСТИ</font></b></font></p>
<table layout=fixed width=100%>
<tr>
<td><p align="center"><b>женские:</b></p>
Jennifer Lawrence <b>></b> тая <br><br>
<td><p align="center"><b>мужские:</b></p>
d.j. cotrona <b>></b> tony leone
<br>
</td>
</tr>
</table>
<p align="center"><font face="Book Antiqua, Regular"><b><font size="4">ПРИДЕРЖАННЫЕ РОЛИ</font></b></font></p>
<table layout=fixed width=100%>
<tr>
<td><p align="center"><b>женские:</b></p>
<br>
</td>
<td><p align="center"><b>мужские:</b></p>
name<br>
</tr>
</table>
</div></div>
</div></div></div></center>Код:
имя знаменитости на англ. <b>></b> ваш ник <br>
Код:
имя персонажа на англ. <b>></b> ваш ник <br>
