Код:
<!--HTML--> 

<center> 
<div class="body1">

<div class="naz1" >Занятые внешности</div>
<div class="text5"> 


В этой теме находится список занятых внешностей, придержанные же вы сможете найти в гостевой теме, так же здесь можно подглядеть имена и фамилии, уже используемые в игре, однако занятыми они не считаются. От себя мы лишь можем посоветовать избегать повторений фамилий, чтобы исключить путаницу с родством. <br>
● один персонаж - одна внешность, исключения составляют близнецы, но данный вопрос необходимо обсудить с администрацией заранее;<br>
● не забываем после принятия в игру отписываться в этой теме;<br>
● внешности по нужным не придерживаются, поэтому смело можете брать понравившуюся.<br>
● подчеркнутые имена и фамилии - выкуплены<br>
● для поиска необходимой внешности или имени воспользуйтесь сочетанием горячих клавиш ctrl+f

<div class="tabs">
    <input id="tab1" type="radio" name="tabs" checked>
    <label for="tab1" title="Вкладка 1">ABCD</label>
 
    <input id="tab2" type="radio" name="tabs">
    <label for="tab2" title="Вкладка 2">EFGH</label>

    <input id="tab3" type="radio" name="tabs">
    <label for="tab3" title="Вкладка 3">IJKL</label>

    <input id="tab4" type="radio" name="tabs">
    <label for="tab4" title="Вкладка 4">MNOP</label>

    <input id="tab5" type="radio" name="tabs">
    <label for="tab5" title="Вкладка 5">QRSTU</label>

    <input id="tab6" type="radio" name="tabs">
    <label for="tab6" title="Вкладка 6">VWXYZ</label>

   

 <section id="content-tab1">
        <p><table><tr><td valign=top><center>
<div class="bukva">A</div><br>
<div class="femname">Внешность на англ <p><a href=>имя персонажа на англ</a></div>
<div class="malname">ALEXANDER PETROV<p><a href="http://freaksaandgeeks.rusff.ru/profile.php?id=40">hugo dawson</a></div>
</center></td>
<td valign=top><center>
<div class="bukva">B</div><br>
<div class="femname">BARBARA PALVIN<p><a href="http://freaksaandgeeks.rusff.ru/profile.php?id=80">REBECCA SPARKS</a></div>
<div class="femname">Bel Powley<p><a href="http://freaksaandgeeks.rusff.ru/profile.php?id=61">Molly Burk</a></div>
<div class="malname">brandon flynn <p><a href="http://freaksaandgeeks.rusff.ru/profile.php?id=83">jerry foley</a></div>
<div class="malname">BRENDON URIE<p><a href="http://freaksaandgeeks.rusff.ru/profile.php?id=62">KAYN JEFFERSON</a></div>

</center></td></tr>
<tr><td valign=top><center>
<div class="bukva">C</div><br>
<div class="malname">Внешность на англ <p><a href=>имя персонажа на англ</a></div>
<div class="femname">Внешность на англ  <p><a href=>имя персонажа на англ</a></div>
</center></td>
<td valign=top><center>
<div class="bukva">D</div><br>
<div class="malname">Darce Montgomery<p><a href="http://freaksaandgeeks.rusff.ru/profile.php?id=14">jason scott</a></div>
<div class="femname">Danielle Campbell<p><a href="http://freaksaandgeeks.rusff.ru/profile.php?id=53">danielle marshall</a></div>
<div class="malname">Daniel Sharman<p><a href="http://freaksaandgeeks.rusff.ru/profile.php?id=49">chris rochester</a></div>
<div class="malname">Daren Kagasoff<p><a href="http://freaksaandgeeks.rusff.ru/profile.php?id=23">dean russo</a></div>


</center></td></tr></table>
        </p>
    </section>  
    <section id="content-tab2">
        <p><table><tr><td valign=top><center>
<div class="bukva">E</div><br>
<div class="femname">Elizabeth Olsrn<p><a href="http://freaksaandgeeks.rusff.ru/profile.php?id=18">ursula corbett</a></div>
<div class="femname">Ella Purnell<p><a href="http://freaksaandgeeks.rusff.ru/profile.php?id=51">elizabeth jordan</a></div>
<div class="femname">EMMA ROBERTS<p><a href="http://freaksaandgeeks.rusff.ru/profile.php?id=75">joseline carter</a></div>
<div class="malname">Evan Peters<p><a href="http://freaksaandgeeks.rusff.ru/profile.php?id=28">ronald parker</a></div>
</center></td>
<td valign=top><center>
<div class="bukva">F</div><br>
<div class="femname">Внешность на англ  <p><a href=>имя персонажа на англ</a></div>
<div class="malname">Francisco Lachowski<p><a href="http://freaksaandgeeks.rusff.ru/profile.php?id=73">jason holt</a></div>

</center></td></tr>
<tr><td valign=top><center>
<div class="bukva">G</div><br>
<div class="malname">G-Eazy<p><a href="http://freaksaandgeeks.rusff.ru/profile.php?id=16">marshall applewhite</a></div>
<div class="femname">Gigi Hadid<p><a href="http://freaksaandgeeks.rusff.ru/profile.php?id=17">nora b. guinness</a></div>
<div class="malname">Gustav Ahr<p><a href="http://freaksaandgeeks.rusff.ru/profile.php?id=69">Adam Moore</a></div>
</center></td>
<td><center>
<div class="bukva">H</div><br>
<div class="malname">Внешность на англ <p><a href=>имя персонажа на англ</a></div>
</center></td></tr></table>
        </p>
    </section>
<section id="content-tab3">
        <p><table><tr><td valign=top><center>
<div class="bukva">I</div><br>
<div class="femname">Внешность на англ <p><a href=>имя персонажа на англ</a></div>
<div class="malname">Внешность на англ <p><a href=>имя персонажа на англ</a></div>
</center></td>
<td valign=top><center>
<div class="bukva">J</div><br>
<div class="femname">Внешность на англ <p><a href=>имя персонажа на англ</a></div>
<div class="malname">Внешность на англ <p><a href=>имя персонажа на англ</a></div>
</center></td></tr>
<tr><td valign=top><center>
<div class="bukva">K</div><br>
<div class="femname">Katherine McNamara<p><a href="http://freaksaandgeeks.rusff.ru/profile.php?id=67">eva moore</a></div>
<div class="malname">Внешность на англ <p><a href=>имя персонажа на англ</a></div>
</center></td>
<td valign=top><center>
<div class="bukva">L</div><br>
<div class="femname">LILY JAMES<p><a href="http://freaksaandgeeks.rusff.ru/profile.php?id=72">CHARLEY STONE</a></div>
<div class="malname">Внешность на англ <p><a href=>имя персонажа на англ</a></div>
</center></td></tr></table>
        </p>
    </section>  
<section id="content-tab4">
        <p><table><tr><td valign=top><center>
<div class="bukva">M</div><br>
<div class="femname">Magdalena Zalejska<p><a href="http://freaksaandgeeks.rusff.ru/profile.php?id=3">maxine burns</a></div>
<div class="femname">Marilyn Lima<p><a href="http://freaksaandgeeks.rusff.ru/profile.php?id=22">hayden danvers</a></div>
<div class="malname">Michael Fassbender<p><a href="http://freaksaandgeeks.rusff.ru/profile.php?id=86">Henry Wainwright</a></div>
<div class="malname">Miles Heizer<p><a href="http://freaksaandgeeks.rusff.ru/profile.php?id=34">oliver smith</a></div>
</center></td>
<td valign=top><center>
<div class="bukva">N</div><br>
<div class="femname">Naomi Scott<p><a href="http://freaksaandgeeks.rusff.ru/profile.php?id=52">lisabetta murphy</a></div>
<div class="malname">Nick j. Robinson<p><a href="http://freaksaandgeeks.rusff.ru/profile.php?id=46">dylan a. martin</a></div>
<div class="malname">Nico Tortorella<p><a href="http://freaksaandgeeks.rusff.ru/profile.php?id=12">dane zimmer</a></div>
<div class="femname">Nicola Peltz<p><a href="http://freaksaandgeeks.rusff.ru/profile.php?id=13">nina wainwright</a></div>
<div class="malname">Norman Reedus<p><a href="http://freaksaandgeeks.rusff.ru/profile.php?id=42">damon o'connell</a></div>

</center></td></tr>
<tr><td valign=top><center>
<div class="bukva">O</div><br>
<div class="femname">Внешность на англ <p><a href=>имя персонажа на англ</a></div>
<div class="malname">Внешность на англ <p><a href=>имя персонажа на англ</a></div>
</center></td>
<td valign=top><center>
<div class="bukva">P</div><br>
<div class="malname">Pablo Schreiber<p><a href="http://freaksaandgeeks.rusff.ru/profile.php?id=15">bill martinez</a></div>

</center></td></tr></table>
        </p>
    </section>
<section id="content-tab5">
        <p><table><tr><td valign=top><center>
<div class="bukva">Q</div><br>
<div class="femname">Внешность на англ <p><a href=>имя персонажа на англ</a></div>
<div class="malname">Внешность на англ <p><a href=>имя персонажа на англ</a></div>
</center></td>
<td valign=top><center>
<div class="bukva">R</div><br>
<div class="femname">Ruby Rose<p><a href="http://freaksaandgeeks.rusff.ru/profile.php?id=71">georgina mitchell</a></div>
<div class="malname">Внешность на англ <p><a href=>имя персонажа на англ</a></div>
</center></td></tr>
<tr><td valign=top><center>
<div class="bukva">S</div><br>
<div class="femname">Sophie Cookson<p><a href="http://freaksaandgeeks.rusff.ru/profile.php?id=74">Payton Pratt</a></div>
<div class="femname">Stefani Germanotta<p><a href="http://freaksaandgeeks.rusff.ru/profile.php?id=68">Vanessa Lane</a></div>  
</center></td>
<td valign=top><center>
<div class="bukva">T</div><br>
<div class="femname">Taissa Farmiga<p><a href="http://freaksaandgeeks.rusff.ru/profile.php?id=8">hecate u. hamilton</a></div>
<div class="malname">Timothy Granaderos<p><a href="http://freaksaandgeeks.rusff.ru/profile.php?id=24">tyler danvers</a></div>

</center></td></tr>
<tr><td valign=top><center>
<div class="bukva">U</div><br>
<div class="femname">Внешность на англ <p><a href=>имя персонажа на англ</a></div>
<div class="malname">Внешность на англ <p><a href=>имя персонажа на англ</a></div>
</center></td></tr></table>
        </p>
    </section> 
<section id="content-tab6">
        <p><table><tr><td valign=top><center>
<div class="bukva">V</div><br>
<div class="femname">Virginia Gardner<p><a href="http://freaksaandgeeks.rusff.ru/profile.php?id=4">BRENDA BURNS</a></div>
</center></td>
<td valign=top><center>
<div class="bukva">W</div><br>
<div class="femname">Внешность на англ <p><a href=>имя персонажа на англ</a></div>
<div class="malname">Внешность на англ <p><a href=>имя персонажа на англ</a></div>
</center></td></tr>
<tr><td valign=top><center>
<div class="bukva">X</div><br>
<div class="femname">Внешность на англ <p><a href=>имя персонажа на англ</a></div>
<div class="malname">Внешность на англ <p><a href=>имя персонажа на англ</a></div>
</center></td>
<td valign=top><center>
<div class="bukva">Y</div><br>
<div class="femname">Внешность на англ <p><a href=>имя персонажа на англ</a></div>
<div class="malname">Внешность на англ <p><a href=>имя персонажа на англ</a></div>
</center></td></tr>
<tr><td valign=top><center>
<div class="bukva">Z</div><br>
<div class="femname">....<p><a href="">....</a></div>
</center></td></tr></table>
        </p>
    </section>

</div>

</div> 

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




<style>
.bukva {
    text-align: center;
    width: 86px;
    background: #905300;
    color: #fff;
    font-weight: bold;
    font-family: cuprum;
    font-size: 14px;
}
 
.femname {
line-height: 10%;
    margin: 11px;
    text-align: center;
    color: #975800;
    font-family: arial;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 12px;
    text-shadow: 0px 0px 1px #c7b6b6;
}

.femname a {
    color: #ddd79d!important;
    font-family: Oswald!important;
    font-size: 13px;
    text-transform: lowercase;
    letter-spacing: 0px;
    text-shadow: 1px 0px 1px #ffffff;
    line-height: 20px;
}


.malname {
      line-height: 10%;
    margin: 11px;
    text-align: center;
    color: #1f0400;
    font-family: arial;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0px;
    font-size: 12px;
    text-shadow: 0px 0px 1px #dcd1d1;
}

.malname a {
color: #ddd79d!important;
    font-family: Oswald!important;
    font-size: 13px;
    text-transform: lowercase;
    letter-spacing: 0px;
    line-height: 23px;
    text-shadow: 1px 0px 1px #ffffff;
}


/* Базовый контейнер табов */
    
.tabs {
    text-align: center;
    min-width: 320px;
    max-width: 800px;
    padding: 0px;
    margin: 0 auto;
}

section {
 height: 250px;
    overflow-y: scroll;
      border-top: 2px solid #390b00;
    border-bottom: 2px solid #aa9814;
    box-shadow: inset 0px 1px 28px #330900;
    border-radius: 20px;
    background: #e9e3a6;
    padding: 5px;
}

[type=radio]:checked ~ label {
    color: #9f8b00;
    background-color: #eeeeee;
    font-family: bebas neue;
}

/* Стили секций с содержанием */
.tabs>section {
    display: none;
}

	/* прикрутим анимацию */
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
/* Описываем анимацию свойства opacity */
 
@-webkit-keyframes fadeIn {
	from {
    opacity: 0;
	}
	to {
    opacity: 1;
	}
}
@keyframes fadeIn {
	from {
    opacity: 0;
	}
	to {
    opacity: 1;
	}
}
/* Прячем чекбоксы */
.tabs>input {
	display: none;
	position: absolute;
}

/* Стили переключателей вкладок (табов) */
.tabs>label {
    display: inline-block;
    margin: 0 0 -1px;
    padding: 1px 10px 1px 10px;
    font-weight: bold;
    font-family: bebas neue;
    letter-spacing: 2px;
    font-size: 12px;
    text-align: center;
    color: #cbb975;
    background: #f1f1f1;
    border-top: 2px solid #955500;
    border-radius: 10px;
}

/* Изменения стиля переключателей вкладок при наведении */
 .tabs>label:hover {
	color: #e3dfba;
	cursor: pointer;
}

/* Стили для активной вкладки */
.tabs>input:checked+label {
    margin: 5px;
      color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.42);
    font-family: bebas neue;
    letter-spacing: 2px;
    font-size: 14px;
   border-top: 2px solid #3f0c00;
    background: #e8e2a5;
}

/* Активация секций с помощью псевдокласса :checked */
#tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3, #tab4:checked~#content-tab4, #tab5:checked~#content-tab5, #tab6:checked~#content-tab6 {
	display: block;
}
</style>


для парней
Код:
<div class="malname">ВНЕШНОСТЬ_НА_АНГЛ<p><a href="ССЫЛКА_НА_ПРОФИЛЬ">ИМЯ_ПЕРСОНАЖА_НА_АНГЛ</a></div>
для девушек
Код:
<div class="femname">ВНЕШНОСТЬ_НА_АНГЛ<p><a href="ССЫЛКА_НА_ПРОФИЛЬ">ИМЯ_ПЕРСОНАЖА_НА_АНГЛ</a></div>