Код:
<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Oswald:300' rel='stylesheet' type='text/css'>

<center><div class="b-facepad">
<section class="facetabl">
<div><input id="ac-22" name="accordion-1" type="radio" checked/>
<label for="ac-22"><div class="b-fctitle">ЗАНЯТЫЕ ВНЕШНОСТИ</div></label><article class="ac-face"><div class="b-fcpad"><table cellpadding="0" cellspacing="0"><TR><td>
<div class="b-smttl"> ЛЕДИ </div>
<div class="b-face01">

<!-- НАЧАЛО ЖЕНСКИХ ВНЕХ -->

<br><a href="http://diesirae.rusff.ru/profile.php?id=3">barbara meier</a> за <face>Lily C. Potter</face>
<br><a href="http://diesirae.rusff.ru/profile.php?id=40">freja beha</a> за <face>alice n. longbottom</face>
<br><a href="http://diesirae.rusff.ru/profile.php?id=7">kaya scodelario</a> за <face>Marlen E. Mckinnon</face>
<br><a href="http://diesirae.rusff.ru/profile.php?id=24">lily james</a> за <face>narcissa malfoy</face>
<br><a href="http://diesirae.rusff.ru/profile.php?id=14">lily collins</a> за <face>mary i. macdonald</face>
<br><a href="http://diesirae.rusff.ru/profile.php?id=42">holliday grainger</a> за <face>diane e. nott</face>
<br><a href="http://diesirae.rusff.ru/profile.php?id=26">michelle dockery</a> за <face>andromeda l. tonks</face>
<br><a href="http://diesirae.rusff.ru/profile.php?id=28">natalie portman</a> за <face>lettie s. hampstock</face>
<br><a href="http://diesirae.rusff.ru/profile.php?section=essentials&id=31">rooney mara</a> за <face> cassiopeia w. eden</face>
<br><a href="http://diesirae.rusff.ru/profile.php?id=33">laura berlin</a> за <face>glenda e. chittock</face>

<!-- КОНЕЦ ЖЕНСКИХ ВНЕХ -->

<br><br>
</div></td>
<td>
<div class="b-smttl"> ДЖЕНТЛЬМЕНЫ </div>
<div class="b-face02">

<!-- НАЧАЛО МУЖСКИХ ВНЕХ -->

<br><a href="http://diesirae.rusff.ru/profile.php?id=4">ben barnes</a> за <face>Sirius O. Black</face>
<br><a href="http://diesirae.rusff.ru/profile.php?id=2">bill skarsgard</a> за <face>Rabastan C. Lestrange</face>
<br><a href="http://diesirae.rusff.ru/profile.php?id=5">gaspard ulliel</a> за <face>Adrian Nott</face>
<br><a href="http://diesirae.rusff.ru/profile.php?id=21">harry lloyd</a> за <face>frederick g. mulciber</face>
<br><a href="http://diesirae.rusff.ru/profile.php?id=25">hugh dancy</a> за <face>frank h. longbottom</face>
<br><a href="http://diesirae.rusff.ru/profile.php?id=20">jamie dornan</a> за <face>evan a. rosier</face>
<br><a href="http://diesirae.rusff.ru/profile.php?id=6">matthew goode</a> за <face>Rodolphus D. Lestrange</face>
<br><a href="http://diesirae.rusff.ru/profile.php?id=32">mathias lauridsen</a> за <face>remus j. lupin</face>
<br><a href="http://diesirae.rusff.ru/profile.php?id=14">milo ventimiglia</a> за <face>augustus a. rookwood</face>
<br><a href="http://diesirae.rusff.ru/profile.php?id=10">sebastian stan</a> за <face>amycus m. carrow.</face>
<br><a href="http://diesirae.rusff.ru/profile.php?id=30">tom hughes</a> за <face>bartemius crouch jr.</face>

<!-- КОНЕЦ МУЖСКИХ ВНЕХ -->

<br><br>
</div></td></TR></table></div></article></div><div>
<input id="ac-21" name="accordion-1" type="radio" />
<article class="ac-face"><div class="b-fcpad"><table cellpadding="0" cellspacing="0"><TR><td>
<div class="b-smttl2"> придержанные леди </div>
<div class="b-face03">

<!-- ПРИДЕРЖАННЫЕ БАБЫ-->

<br><a href="http://diesirae.rusff.ru/viewtopic.php?id=22#p2551">deborah ann woll</a> по нужным
<br><a href="сhttp://diesirae.rusff.ru/viewtopic.php?id=22#p2183">melanie thierry</a> по нужным
<!-- КОНЕЦ -->

</div></td>
<td>
<div class="b-smttl2"> придержаные ДЖЕНТЛЬМЕНЫ</div>
<div class="b-face03">

<!-- ПРИДЕРЖАННЫЕ МУЖИКИ -->

<br><a href="http://diesirae.rusff.ru/viewtopic.php?id=22#p2551">caleb landry jones</a> по нужным
<br><a href="http://diesirae.rusff.ru/viewtopic.php?id=22#p1967">michael pitt</a> по нужным

<!-- КОНЕЦ -->

</div></td></TR></table></div></article><label for="ac-21"><div class="b-fctitle">ПРИДЕРЖАННЫЕ ВНЕШНОСТИ</div></label></div> 



<div class="copy" style="padding-left: 380px; font-family: trebuchet ms; font-size: 8px;">
<a href="http://shine.b1.jcink.com/index.php?showuser=3621">исходный код</a></div></center>





<style type="text/css">
.copy a {color: #bead92 !important;}
.copy a:hover {color: #d8c6aa !important;}
.facetabl label{ position: relative; z-index: 20; display: block; cursor: pointer; color: black; }
.facetabl label:hover{ background: #bead92; }
.facetabl input:checked + label,.facetabl input:checked + label:hover{ background: #bead92;}
.facetabl label:hover:after,.facetabl input:checked + label:hover:after{ content: ''; position: absolute; width: 24px; height: 24px; right: 13px; top: 7px; }
.facetabl input:checked + label:hover:after{}
.facetabl input{ display: none; }

.facetabl article{ background: #bead92; margin: -0px; overflow: hidden; height: 0px; position: relative; z-index: 10;
-webkit-transition: height 0.5s ease-in-out, box-shadow 0.6s linear; -moz-transition: height 0.5s ease-in-out, box-shadow 0.6s linear; -o-transition: height 0.5s ease-in-out, box-shadow 0.6s linear; -ms-transition: height 0.5s ease-in-out, box-shadow 0.6s linear; transition: height 0.5s ease-in-out, box-shadow 0.6s linear; }

.facetabl input:checked ~ article{ -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; transition: height 0.5s ease-in-out, box-shadow 0.1s linear; }
.facetabl article p{ font-family: courier new; color: black; font-size: 14px; padding: 0px; }

.facetabl input:checked ~ article.ac-face{ height: 400px; }
.facetabl input:checked ~ article.ac-code{ height: 220px; }



.b-facepad { background: #58462c; width: 500px; padding: 10px; margin-top: 10px;}
.b-fctitle { background: #433521; width: 440px; height: 10px; padding: 10px 30px 30px 30px; color: #9c9075; text-shadow: 1px 1px 0 #1e1201; font-family: times new roman; text-transform: uppercase; font-size: 25px; letter-spacing: 2px; }
.b-fctitle:hover { background: #655235; }

.b-face01 face {color: #333; text-decoration: none; font-family: georgia; font-style: italic;}
.b-face02 face {color: #333; text-decoration: none; font-family: georgia; font-style: italic;}
.b-face03 a:link {color: #666; text-shadow: 1px 1px 0 (255,255,255,0.6) !important;}

.b-face01 { width:200px; height:300px; padding-left: 15px; overflow:auto; text-align: center; line-height:120%; overflow: auto; font-family: arial; font-size: 10px; border-top: 5px solid #bead92; text-transform: lowercase !important; padding-top: -5px; text-shadow: none;}
.b-face02 { width:200px; height:300px; padding-left: 15px; overflow:auto; text-align: center; line-height:120%; overflow: auto; font-family: trebuchet ms; font-size: 10px; border-top: 5px solid #bead92; text-transform: lowercase; text-shadow: none;}
.b-face03 { width:215px; height:300px; overflow:auto; text-align: center; line-height:120%; overflow: auto; font-family: trebuchet ms; font-size: 9px; border-top: 5px solid #bead92; text-transform: lowercase;}

.b-fcpad { width: 480px; height: 380px; padding: 0px 10px; background-color: #bead92; border-top: 15px solid #58462c;  overflow:auto; text-shadow: 1px 1px 0 rgba(255,255,255,0.5); }
.b-fcpad ::-webkit-scrollbar { background:#eaeaea; width: 3px; }
.b-fcpad ::-webkit-scrollbar-thumb { background: #800000; width: 3px; }
.b-fcpad ::-webkit-scrollbar-track { background:#eaeaea}


.b-smttl { width: 205px; height: 30px; font-family: times new roman; text-transform: uppercase; font-size: 20px; color: #000; border-bottom: 5px solid #402603; line-height: 100%; text-align: center; padding-left: 10px;}
.b-smttl2 { width: 205px; height: 50px; font-family: times new roman; text-transform: uppercase; font-size: 20px; color: #000; border-bottom: 5px solid #402603; line-height: 100%; text-align: center; padding-left: 10px;}

.b-smtitle2 { width: 400px;  font-family: times new roman;  text-transform: uppercase; font-size: 15px; color: #402603; font-weight: bolder; text-align: center; letter-spacing: 2px; padding-top: 10px;}


</style>

ЗАНЯТЬ ВНЕШНОСТЬ:

[code]<br><a href="ссылка на профиль">имя фамилия знаменитости</a> за <face>имя фамилия персонажа</face>[/code]

ПРИДЕРЖАТЬ ВНЕШНОСТЬ:

[code]<br><a href="ссылка на заявку в нужных">имя фамилия знаменитости</a> по нужным[/code]