Код:
<!--HTML-->
<div class="postcolor"><br><br><link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css">

<link href="http://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet" type="text/css">
<style type="text/css">

.cronoviccontainer {
 margin: 15px auto; 
 height: auto;
 width:auto;
 text-align:justify;
 }

.cronovictabs {
 margin: 0px auto; 
 position: relative;
 width: 500px; 
 height:550px;
 padding:10px;
}

.cronovictab {
display:block; 
}

/* position your tab labels in here - also use margins to space your labels - you kind of have to eye until it's centered bc the math with tabs gets confusing */
.cronovictab label {
 display: block; /* this lets you fix the label dimensions */
 width: 50px;
 padding:4px;
 background: #f7e1e4;
 text-align:center;
 border: 0px solid #ccc;
 margin:5px;
 color:#1e1e1e;
 position: relative;
 font-size:10px;
 text-transform:uppercase;
 border-bottom:1px solid #601004;
 font-family:oswald;
 text-align:center;
 left:-80px;
 top: 145px;
 z-index:5;
  
 }

.cronovictab input[type=radio]:checked ~ label{
 background: #75151e;
 text-shadow: 0px 1px 0px #9fcfdd;
 z-index: 2;
}

.cronovictab input[type=radio] {
 display: none; /* DON'T EDIT */
}

/* if you want tab transitions they go here */
.cronoviccontent {
   position: absolute;
 top: 0px;
 bottom: 0px;
 left: 0px;
 right: 0px;
background: #d8d8d8;
 padding:20px;
 font-family:times new roman;
 font-size:13px;
 letter-spacing:1px;
 text-align:justify;
 overflow:auto;
 border-bottom:5px solid #601004;
 
 }

/* if you want tab transitions they also go here */
.cronovictab input[type=radio]:checked ~ label~.cronoviccontent {
 z-index: 1;
}

.cronoviccontent h1{
 margin:0;
 text-transform:uppercase;
 font-family:oswald;
 font-size:30px;
 color:#601004;
 text-shadow: 2px 2px 0px #dbd8d8;
 background-color:#f3f3f3;
 padding:25px;
  
}

.cronoviccontent h2{
 margin:0;
  font-family:oswald;
 font-size:10px;
font-weight:500;
line-height:180%;
}

.cronoviccontent h3{
 margin:0;
 text-transform:uppercase;
 font-family:oswald;
 font-size:15px; 
 color:#1e1e1e;
 border-bottom: 1px solid #1e1e1e;
padding:6px;
}

.loveinitself {
  font-size:9px;
 font-family:oswald;
  letter-spacing:1px;
}

.loveinitself a {
 text-decoration:none;
 font-weight:500;
 font-family:oswald;
 font-size:10px;
 color:#601004;
 text-shadow: 0px 1px 0px #eaeaea;
  -moz-transition:all 0.4s ease-in-out; 
  -webkit-transition:all 0.4s ease-in-out;
  
}


.loveinitself a:hover{
   color:#601004;
  letter-spacing:2px;
}


.cronoviccontent::-webkit-scrollbar { width: 2px; background: #f3f3f3f; } 
.cronoviccontent::-webkit-scrollbar-thumb { background: #601004; } 
.cronoviccontent::-webkit-scrollbar-corner { background: #caa0aa; }


</style>

<div class='postcolor'> <center><div style="width: 550px; padding: 2px; background-color: #eeeeee; border: 20px solid #201e1f;">

<div style="width: 530px; font-family: georgia; font-size: 30px; text-transform: lowercase;  background-color: #601004; color: #ffffff; font-style: italic; line-height: 90%; text-shadow: 1px 1px 0px #1a1b26;">Занятые внешности</div>
<p>
<br>
<div style="width: 530px; color: #601004 ; text-align: center; text-transform: uppercase; font-size: 9px; font-family: verdana; height: 10px; border-top: 1px solid #8F4C5B; border-bottom: #8F4C5B 1px solid; margin-bottom: 13px; padding-top: 3px; padding-bottom: 5px;">the hunger games: resonance</div>



<div class="cronoviccontainer">

<div class="cronovictabs">


<div class="cronovictab">
<input type="radio" id="cronovictab-1" name="cronovictab-group-1" checked="">
<div class="cronoviccontent">

<table style="width: 450px; font-family: georgia; font-size: 12px; text-align: center; vertical-align: top !important">
      <tr>
        <td><fc1><b>Женские внешности </b> </fc1></td>
        <td><fc1><b>Мужские внешности </b> </fc1></td>
      </tr>
      <tr>
        <td><fc2><br>ABCD</fc2>
        <td><fc2><br>ABCD</fc2>
      </tr>
      <tr>
        <td><div id="facestd">

        <!--ЖЕНСКИЕ ВНЕШНОСТИ-->
  

          </div>
        </td>
        <td><div id="facestd">

        <!--МУЖСКИЕ ВНЕШНОСТИ-->
  <a href="http://thgresonance.rusff.ru/profile.php?id=13">  Bill Kaulitz</a>
 <br> <a href="http://thgresonance.rusff.ru/profile.php?id=22"> Alan Ritchson </a>
       <br> <a href="http://thgresonance.rusff.ru/profile.php?id=17"> Donald Sutherland </a> 
              

          </div>
        </td>
      </tr>
      <tr>
        <td><fc2>EFGH</fc2>
        <td><fc2>EFGH</fc2>
      </tr>
      <tr>
        <td><div id="facestd">

        <!--ЖЕНСКИЕ ВНЕШНОСТИ--> 


          </div>
        </td>
        <td><div id="facestd">

        <!--МУЖСКИЕ ВНЕШНОСТИ-->


          </div>
        </td>
      </tr>
            <tr>
        <td><fc2>IJKLM</fc2>
        <td><fc2>IJKLM</fc2>
      </tr>
      <tr>
        <td><div id="facestd">

        <!--ЖЕНСКИЕ ВНЕШНОСТИ-->
  <a href="http://thgresonance.rusff.ru/profile.php?id=40"> Julianne Moore  </a><br>
<a href="http://thgresonance.rusff.ru/profile.php?id=30">  Jena Malone </a><br>
<a href="http://thgresonance.rusff.ru/profile.php?id=35">  Jennifer Lawrence </a><br>
<a href="http://thgresonance.rusff.ru/profile.php?id=41">  Izabella Miko (Alexa Bravo)</a><br>
  <a href="http://thgresonance.rusff.ru/profile.php?id=47">  Jennifer Lawrence </a>



          </div>
        </td>
        <td><div id="facestd">

        

        <!--МУЖСКИЕ ВНЕШНОСТИ--> 
  <a href="http://thgresonance.rusff.ru/profile.php?id=8">Jeremy Sumpter</a><br>
  <a href="http://thgresonance.rusff.ru/profile.php?id=10">  Mahershalalhashbaz Ali </a><br>
  <a href="http://thgresonance.rusff.ru/viewtopic.php?id=142"> Josh Hutcherson</a><br>
<a href="http://thgresonance.rusff.ru/profile.php?id=42">  Jeffrey Wright </a>
<br> 

       
          </div>
        </td>
      </tr>
                 <tr>
        <td><fc2>NOPQ</fc2>
        <td><fc2>NOPQ</fc2>
      </tr>
      <tr>
        <td><div id="facestd">

        <!--ЖЕНСКИЕ ВНЕШНОСТИ-->

<a href="http://thgresonance.rusff.ru/profile.php?id=44">  Natalie Dormer </a>
        

          </div>
        </td>
        <td><div id="facestd">

        <!--МУЖСКИЕ ВНЕШНОСТИ--> 
 


          </div>
        </td>
      </tr>
       <tr>
        <td><fc2>RSTU</fc2>

        <td><fc2>RSTU</fc2>
      </tr>
      <tr>
        <td><div id="facestd">

        <!--ЖЕНСКИЕ ВНЕШНОСТИ-->
<a href="http://thgresonance.rusff.ru/profile.php?id=37">Teresa Palmer</a><br>
  <a href="http://thgresonance.rusff.ru/profile.php?id=20"> Rachel McAdams </a><br>
   <a href="http://thgresonance.rusff.ru/profile.php?id=7">  Stef Dawson </a><br>
  <a href="http://thgresonance.rusff.ru/profile.php?id=18">Stephanie Leigh Schlund</a>

        

          </div>
        </td>
        <td><div id="facestd">

        <!--МУЖСКИЕ ВНЕШНОСТИ--> 
  <a href="http://thgresonance.rusff.ru/profile.php?id=29">  Sam Claflin </a><br> 
<a href="http://thgresonance.rusff.ru/profile.php?id=14">  Tom Kaulitz</a><br> 
<a href="http://thgresonance.rusff.ru/profile.php?id=38">  Stanley Tucci </a>
          </div>
        </td>
      </tr>
       <tr>
        <td><fc2>VWXYZ</fc2>
        <td><fc2>VWXYZ</fc2>
      </tr>
      <tr>
        <td><div id="facestd">

        <!--ЖЕНСКИЕ ВНЕШНОСТИ--> 
   <a href="http://thgresonance.rusff.ru/profile.php?id=11">  Willow Shields </a>

          </div>
        </td>
        <td><div id="facestd">

        

        <!--МУЖСКИЕ ВНЕШНОСТИ--> 

<a href="http://thgresonance.rusff.ru/profile.php?id=6">  Woody Harrelson </a>
          </div>
        </td>
      </tr>
    </table>



</div>
</div>

</div>
<br>


</div>  </div>
Код:
  <a href="ссылка на профиль">  Внешность </a>