Код:
<!--HTML--><style>.post
.facetopic {width: 550px; padding: 0; background: url(http://i.imgur.com/OjcHkZp.png) no-repeat; height: 620px; margin-top: 10px!important; margin-left: 40px;}
.facenote {position: absolute; text-align: justify; font-size: 15px; font-family: Tahoma; line-height: 92%; color:#00000; width: 485px; height: 125px; overflow: auto; margin-top: 55px!important; margin-left: 33px;}
.facehead {position: absolute; color: #8d672d!important; font-family: 'Airport'; font-size: 20px; text-align: center; margin-top: 10px; margin-bottom: 5px; margin-left: 220px; font-weight: 700; text-shadow: 1px 1px 0px #170800;}
.facecont {position: absolute; margin-top: 242px; margin-left: 32px;}
</style>

<style>
.post .container1 {width: 485px; margin: 0 auto; padding: 0;}
  ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 40px;
    width: 440px;
    width: 100%;
}
 ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 40px;
    line-height: 40px;
    border: 0px;
border-top: 0px dotted #000000;
    border-bottom: 0px dotted #000000;
        border-right: 0px dotted #000000;
        border-left: 0px dotted #000000;
    margin-bottom: -2px;
    background: url();
    overflow: hidden;
    position: relative;
}

 ul.tabs li a {
    text-decoration: none;
    color: transparent;
    display: block;
    padding: 0 5px;
    background: url();
    outline: none;


font-family: 'Airport';
font-size: 18px;
width: 150px;
text-align: center;
}

ul.tabs li a:hover {
       background: url();
    border-bottom: 0px solid #000000;
        border-top: 0px solid #000000;    
        border-left: 0px solid #000000;    
        border-right: 0px solid #000000;  
}    



.post html ul.tabs li.active  {
    background: url();    
    border-bottom: 0px solid #000000;
        border-top: 0px solid #000000;    
        border-left: 0px solid #000000;    
        border-right: 0px solid #000000;   
}  

.post html ul.tabs li.active a:hover  {
        background: url();
    border-bottom: 0px solid #160f0a;}

.post .tab_container1 {
    clear: both;
    float: left; 
    width: 485px;
    height: 290px;
   overflow: auto;
    background-image : url();   
    border-bottom: 0px solid #000000;
        border-top: 0px solid #000000;    
        border-left: 0px solid #000000;    
        border-right: 0px solid #000000;  

    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
}

.post .tab_content {
    padding: 5px;
}

.post .tab_content h2 {
    font-weight: normal;
    padding-bottom: 2px;
    border-bottom: 0px dashed #000000;
}
</style>

<div class="facetopic"> 
<div class="facehead">внешности, имена, фамилии</div>
<div class="facenote">
Код для заполнения занятой внешности - внешность (англ) | <*a href="ссылка на профиль">ваш ник<*/a*> (не забудьте убрать звёздочки и заключить всё в код (!) Имена и фамилии канонов автоматически вносятся в списки занятых, для неканонов предлагается выкупать их, если вы не хотите повторения. Повторения выкупленных имён и фамилий запрещены и в том случае, когда совпадает произношение, но не совпадает написание, например, у нас есть Katherine, значит Catherine уже быть не может.
</div>

<div class="facecont"> 
<div class="container">
    <div class="html-box">

<ul class="tabs">
    <li class="active"><a href="#tab1">Внешности</a></li>
    <li><a href="#tab2">Имена</a></li>
    <li><a href="#tab3">Фамилии</a></li>
</ul>

      <div class="tab_container1">

<div style="display: block; .post; " id="tab1" class="tab_content">
<table> <tr>
<td>
<center><b>A • B • C • D</b></center><br>
Adriana Lima | <a href="http://deliriumtvd.rusff.me/profile.php?id=240">Chrystelle Leroux</a>
<br>Anya Taylor-Joy  | <a href="http://deliriumtvd.rusff.me/profile.php?id=490">Joy Hunter</a>
<br>Candice Accola | <a href="http://deliriumtvd.rusff.me/profile.php?id=186">Caroline Forbes</a>
<br>Claire Holt | <a href="http://deliriumtvd.rusff.me/profile.php?id=9">Rebekah Mikaelson</a><br>
<br><br>
<center><b>E • F • G • H</b></center><br>
Eiza González | <a href="http://deliriumtvd.rusff.me/profile.php?id=35">Bianca Benefici</a>
<br>Elizabeth  Olsen | <a href="http://deliriumtvd.rusff.me/profile.php?id=316">Amyline Barns</a>
<br>Frida Gustavson | Vivien Space (погибла)
<br>Gal Gadot | <a href="http://deliriumtvd.rusff.me/profile.php?id=501">Nadia Petrova</a>
<br><br>
<center><b>I • J • K • L</b></center><br>
Katherine McNamara | <a href="http://deliriumtvd.rusff.me/profile.php?id=410">Mirela Huntington</a>
<br>Lara Pulver | Dahlia (убита)
<br>Laura Vandervoort | <a href="http://deliriumtvd.rusff.me/viewtopic.php?id=1486#p203917">Minna Schiller</a> 
<br>Lily Collins | <a href="http://deliriumtvd.rusff.me/profile.php?id=439">Cynthia Rivers</a>
<br>
<center><b>M • N • O • P</b></center><br>
Margot Robbie | <a href="http://deliriumtvd.rusff.me/profile.php?id=399">Frederica Neumann</a><br>
<br>Natalie Dormer | Freya Mikaelson (спит в гробу)
<br>Nina Dobrev | <a href="http://deliriumtvd.rusff.me/profile.php?id=5">Elena Gilbert</a>
<br>Nina Dobrev | <a href="http://deliriumtvd.rusff.me/profile.php?id=505">Katherine Pierce</a>
<br>Park Yong Hee | Mia Adler (убита)
<br><br>
<center><b>Q • R • S • T • U</b></center><br>
Taylor Swift | <a href="http://deliriumtvd.rusff.me/profile.php?id=478">Margaret Keenan</a><br>

<br><br>
<center><b>V • W • X • Y • Z</b></center><br>
-

<br><br>
</td>
<td>
<center><b>A • B • C • D</b></center><br>
Cole Sprouse | <a href="http://deliriumtvd.rusff.me/profile.php?id=491">Joachim Birch</a><br>
<br>
<br><br>
<center><b>E • F • G • H</b></center><br>
Eddie Redmayne| <a href="http://deliriumtvd.rusff.me/profile.php?id=488">Dorian Woodville </a><br>
Henry Cavill | Alec Crane (убит)
<br>
<br>
<br>
<br>
<br><br>
<center><b>I • J • K • L</b></center><br>
<br>
<br>
<br><br>
<center><b>M • N • O • P</b></center><br>
<br>Max Theriot | Jonathan Bishop (убит)
<br>Paul Wesley | <a href="http://deliriumtvd.rusff.me/profile.php?id=502">Stefan Salvatore</a>
<br>
<br>
<br>
<br><br>
<center><b>Q • R • S • T • U</b></center><br>
Theo James | <a href="http://deliriumtvd.rusff.me/profile.php?id=34">Richard Attwood</a><br>
Tom Ellis | <a href="http://deliriumtvd.rusff.me/profile.php?id=498">Alastor McDonald</a>
<br><br>
<center><b>V • W • X • Y • Z</b></center><br>
<br><br>
 </td>
</tr></table>
</div>

<div style="display: none;" id="tab2" class="tab_content">
<table> <tr>
<td>
<center><b>FEMALE</b></center><br>
<center><b>A - L</b><br>
Bianca
<br>Bonnie
<br>Caroline
<br>Chrystelle
<br>Dahlia
<br>Davina
<br>Elena
<br>Esther
<br>Freya
<br>Hayley
<br>Josette
<br>Katherine</center>
<br><center><b>M - Z</b><br>
Nadia
<br>Rebekah</center>
</td>
<td>
<center><b>MALE</b></center><br>
<center><b>A - L</b><br>
Alaric<br>
Damon
<br>Elijah
<br>Jeremy
<br>Kai
<br>Kol
<br>Lorenzo</center>
<br><center><b>M - Z</b><br>
Matt
<br>Niklaus
<br>Stefan
<br>Tyler
<br>Richard</center>
</td>
</tr>
</table>
</div>

<div style="display: none;" id="tab3" class="tab_content"> 
<table> <tr>
<td>
<center><b>A - L</b><br>
Attwood
<br> Benefici
<br>Bennett
<br>Claire
<br>Donovan
<br>Forbes
<br>Gilbert
<br>Laughlin
<br>Leroux
<br>Lockwood</center>
</td>
<td>
<center><b>M - Z</b><br>
Marshal
<br>Mikaelson
<br>Parker
<br>Petrova
<br>Pierce
Saltzman
<br>Salvatore
<br>St. John</center>
</td>
</tr>
</table>
</div>

      </div>
    </div>
</div>
</div>

</div>