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

<link href='http://fonts.googleapis.com/css?family=Muli' rel='stylesheet' type='text/css'>

<center>
<div style="margin: 0px; width: 560px; height: 174px;">
<div style="height: 180px; background: #34623d;">
<div style="padding-top: 20px; font-family: georgia; text-transform: uppercase; font-size: 12px; letter-spacing: 4px; color: #f8f8f8;">
<span style="letter-spacing: -2px;">--------------------</span> имена и фамилии<span style="letter-spacing: -2px;">--------------------</span></div><br>

<div  class="forma1">

<b>★</b> шаблон для имени, и не забудьте убрать две звездочки; <br>
<*a href="ссылка на профиль">имя на англ. (в скобочках можете указать одно сокращение, которое так же нельзя регистрировать повторно) » имя на русс. (если вы указали сокращение на англ., то так же в скобочках и на русс.) <*/a> <br><br>

<b>★</b> шаблон для фамилии, и не забудьте убрать две звездочки; если ваш родственник внес фамилию - заполнять код не нужно, просто укажите свое право на нее, и мы в скобках укажем количество ее носителей; <br>
<*a href="ссылка на профиль">фамилия на англ. » фамилия на русс. <*/a>
 
</div> 
 
</center>
Код:
<!--HTML-->

<link href='http://fonts.googleapis.com/css?family=Nixie+One' rel='stylesheet' type='text/css'>
 <link href='http://fonts.googleapis.com/css?family=Signika+Negative' rel='stylesheet' type='text/css'>
 
<center> <div class="ifkz"><table cellpadding="1" cellspacing="1"><td><div class="ifyz">имена</div></td><td><div class="ifyz">фамилии</div></td></table></div>

<div class="iftabs">

<div class="iftab">
<input type="radio" id="iftab-1" name="iftab-group-1" checked>
<label for="iftab-1">A B C</label>
<div class="iflcon">
<table cellpadding="0" cellspacing="1">
<tr>
  <td><div class="ifkg">

<div align="center">
<div class="ifwrap">
<div class="ifsin1">
<div class="ifsin2">

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> A </div>
<a href="https://ucornell.rusff.me/profile.php?id=74">Allen » Аллен </a>
<a href="https://ucornell.rusff.me/profile.php?section=essentials&id=100">Alexander» Александр</a
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> B </div>
 <a href="https://ucornell.rusff.me/profile.php?id=83">Blair » Блэр</a>

</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> C </div>
<a href="https://ucornell.rusff.me/profile.php?id=82">Crystal (Christy) » Кристал (Кристи) </a>
<a href="https://ucornell.rusff.me/profile.php?id=102">Cooper » Купер </a>

</div>

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


</div></td>
  <td><div class="ifkg">

<div align="center">
<div class="ifwrap">
<div class="ifsin1">
<div class="ifsin2">

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> A </div>
<a href="https://ucornell.rusff.me/profile.php?id=32">Armstrong » Армстронг </a>
<a href="https://ucornell.rusff.me/profile.php?id=9">Avery » Эйвери </a>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> B </div>
<a href="https://ucornell.rusff.me/profile.php?id=10">Baizen »  Бейзен </a>
<a href="https://ucornell.rusff.me/profile.php?id=83">Barrington » Баррингтон</a>
<a href="https://ucornell.rusff.me/profile.php?id=72">Bosini » Босини </a>
<a href="https://ucornell.rusff.me/profile.php?id=80">Butler » Батлер </a>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> C </div>
<a href="https://ucornell.rusff.me/profile.php?id=21">Campbell» Кэмпбелл</a>
</div>

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

</div></td>
</tr>
</table>

</div> 
</div>
 
<div class="iftab">
<input type="radio" id="iftab-2" name="iftab-group-1">
<label for="iftab-2">D E F</label>
<div class="iflcon">
<table cellpadding="0" cellspacing="1">
<tr>
 <td><div class="ifkg">

<div align="center">
<div class="ifwrap">
<div class="ifsin1">
<div class="ifsin2">

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> D </div>
<a href="https://ucornell.rusff.me/profile.php?id=23">Dominic » Доминик </a>
<a href="https://ucornell.rusff.me/profile.php?id=99"> Douglas » Дуглас </a> 
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> E </div>
<a href="https://ucornell.rusff.me/profile.php?id=95">Erin » Эрин </a>
<a href="https://ucornell.rusff.me/profile.php?id=32">  Euphoria (Aphi) » Эйфория (Эйфи) </a>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> F </div>
</div>

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

</div></td>
  <td><div class="ifkg">

<div align="center">
<div class="ifwrap">
<div class="ifsin1">
<div class="ifsin2">

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> D </div>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> E </div>

</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> F </div>
</div>

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

</div></td>
</tr>
</table>
</div> 
</div>
 
<div class="iftab">
<input type="radio" id="iftab-3" name="iftab-group-1">
<label for="iftab-3">G H I</label>
<div class="iflcon">
<table cellpadding="0" cellspacing="1">
<tr>
 <td><div class="ifkg">

<div align="center">
<div class="ifwrap">
<div class="ifsin1">
<div class="ifsin2">

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> G </div>
 <a href="https://ucornell.rusff.me/profile.php?id=3"> Georgia » Джорджия </a>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> H </div>
<a href="https://ucornell.rusff.me/profile.php?id=21">Hanna» Ханна</a>
<a href="https://ucornell.rusff.me/profile.php?id=6"> Henry (Hank) » Генри (Хэнк) </a>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> I </div>
<a href="https://ucornell.rusff.me/profile.php?id=24">Iris » Айрис </a>
</div>

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

</div></td>
  <td><div class="ifkg">

<div align="center">
<div class="ifwrap">
<div class="ifsin1">
<div class="ifsin2">

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> G </div>
<a href="https://ucornell.rusff.me/profile.php?id=74">Goodman » Гудмен </a>
<a href="https://ucornell.rusff.me/profile.php?section=essentials&id=100">Grey» Грэй</a>
<a href="https://ucornell.rusff.me/profile.php?id=69">Greyson » Грейсон </a>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> H </div>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> I </div>

</div>

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

</div></td>
</tr>
</table>
</div>
</div>

<div class="iftab">
<input type="radio" id="iftab-4" name="iftab-group-1">
<label for="iftab-4">J K L</label>
<div class="iflcon">
<table cellpadding="0" cellspacing="1">
<tr>
  <td><div class="ifkg">

<div align="center">
<div class="ifwrap">
<div class="ifsin1">
<div class="ifsin2">

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> J </div>
<a href="https://ucornell.rusff.me/profile.php?id=89">Jane » Джейн </a>
<a href="https://ucornell.rusff.me/profile.php?id=86">James » Джеймс </a>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> K </div>
<a href="https://ucornell.rusff.me/profile.php?id=27">Kaiden (Kai) » Кайден (Кай) </a>
<a href="https://ucornell.rusff.me/profile.php?id=48">Kyle » Кайл</a>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> L </div>
<a href="https://ucornell.rusff.me/profile.php?id=98"> Lloyd » Ллойд </a> 
</div>
</div></div></div></div>

</div></td>
<td><div class="ifkg">

<div align="center">
<div class="ifwrap">
<div class="ifsin1">
<div class="ifsin2">

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> J </div>

</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> K </div>
 <a href="https://ucornell.rusff.me/profile.php?id=11">Kerrigan » Керриган </a>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> L </div>
</div>

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

</div></td>
</tr>
</table>
</div>
</div>

<div class="iftab">
<input type="radio" id="iftab-5" name="iftab-group-1">
<label for="iftab-5">M N O</label>
<div class="iflcon">
<table cellpadding="0" cellspacing="1">
<tr>
  <td><div class="ifkg">

<div align="center">
<div class="ifwrap">
<div class="ifsin1">
<div class="ifsin2">

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> M </div>
<a href="https://ucornell.rusff.me/profile.php?id=80"> Mortdecai» Мордекай </a>
<a href="https://ucornell.rusff.me/profile.php?id=101"> Madison (Mad) » Мэдисон (Мэд) </a>
<a href="https://ucornell.rusff.me/profile.php?id=102">Mia» Мия </a>

</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> N </div>
<a href="https://ucornell.rusff.me/profile.php?id=69">Nathan(Nate) » Нейтан (Нейт) </a>
<a href="https://ucornell.rusff.me/profile.php?id=20">Nicole » Николь  </a>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> O </div>
<a href="https://ucornell.rusff.me/profile.php?id=9">Olivia (Liv) » Оливия (Лив) </a>

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

</div></td>
<td><div class="ifkg">

<div align="center">
<div class="ifwrap">
<div class="ifsin1">
<div class="ifsin2">

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> M </div>
 <a href="https://ucornell.rusff.me/profile.php?id=3"> Maxwell » Максвелл</a>
<a href="https://ucornell.rusff.me/profile.php?id=36">Marlow » Марлоу </a>
<a href="https://ucornell.rusff.me/profile.php?id=75">Mitchell » Митчелл </a>
<a href="https://ucornell.rusff.me/profile.php?id=101">Mycroft » Майкрофт </a>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> N </div>

</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> O </div>
<a href="https://ucornell.rusff.me/profile.php?id=6">ocean » оушен </a>
</div>

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

</div></td>
</tr>
</table>
</div>
</div>

<div class="iftab">
<input type="radio" id="iftab-6" name="iftab-group-1">
<label for="iftab-6">P Q R</label>
<div class="iflcon">
<table cellpadding="0" cellspacing="1">
<tr>
 <td><div class="ifkg">

<div align="center">
<div class="ifwrap">
<div class="ifsin1">
<div class="ifsin2">

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> P </div>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> Q </div>

</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> R </div>
<a href="https://ucornell.rusff.me/profile.php?id=78">Rain » Рэйн</a>
</div>

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

</div></td>
  <td><div class="ifkg">

<div align="center">
<div class="ifwrap">
<div class="ifsin1">
<div class="ifsin2">

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> P </div>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> Q </div>

</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> R </div>
<a href="https://ucornell.rusff.me/profile.php?id=82">Reeves » Ривс </a>
</div>

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

</div></td>

</tr>
</table>
</div>
</div>

<div class="iftab">
<input type="radio" id="iftab-7" name="iftab-group-1">
<label for="iftab-7">S T U</label>
<div class="iflcon">
<table cellpadding="0" cellspacing="1">
<tr>
  <td><div class="ifkg">

<div align="center">
<div class="ifwrap">
<div class="ifsin1">
<div class="ifsin2">

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> S </div>
 <a href="https://ucornell.rusff.me/profile.php?id=10"> Serena » Серена </a>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> T </div>
<a href="https://ucornell.rusff.me/profile.php?id=75">Tate » Тейт  </a> 
<a href="https://ucornell.rusff.me/profile.php?id=73">Tessa (Tes) » Тесса (Тес) </a>
<a href="https://ucornell.rusff.me/profile.php?id=72">Thomas » Томас </a>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> U </div>
</div>

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

</div></td>
<td><div class="ifkg">

<div align="center">
<div class="ifwrap">
<div class="ifsin1">
<div class="ifsin2">

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> S </div>
<a href="https://ucornell.rusff.me/profile.php?id=98">Spalding » Сполдинг </a>
<a href="https://ucornell.rusff.me/profile.php?id=20">Sutton » Саттон </a>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> T </div>

</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> U </div>

</div>

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

</div></td>

</tr>
</table>
</div>
</div>

<div class="iftab">
<input type="radio" id="iftab-8" name="iftab-group-1">
<label for="iftab-8">V W X Z</label>
<div class="iflcon">
<table cellpadding="0" cellspacing="1">
<tr>
  <td><div class="ifkg">

<div align="center">
<div class="ifwrap">
<div class="ifsin1">
<div class="ifsin2">

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> V </div> 
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> W </div>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> X </div>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> Z </div>
</div>

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

</div></td>
<td><div class="ifkg">

<div align="center">
<div class="ifwrap">
<div class="ifsin1">
<div class="ifsin2">

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> V </div>

</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> W </div>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> X </div>

</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> Z </div>

</div>

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

</div></td>

</tr>
</table>
</div>
</div>

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