Код:
<!--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="http:// ">name » имя</a>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> B </div>
<a href="http:// ">name » имя</a>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> C </div>
<a href="http:// ">name » имя</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="http:// ">surname » фамилия </a>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> B </div>
<a href="http:// ">surname » фамилия </a>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> C </div>
<a href="http:// ">surname » фамилия </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="http:// ">name » имя</a>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> E </div>
<a href="http:// ">name » имя</a>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> F </div>
<a href="http:// ">name » имя</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;"> D </div>
<a href="http:// ">surname » фамилия </a>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> E </div>
<a href="http:// ">surname » фамилия </a>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> F </div>
<a href="http:// ">surname » фамилия </a>
</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="http:// ">name » имя</a>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> H </div>
<a href="http:// ">name » имя</a>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> I </div>
<a href="http:// ">name » имя</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="http:// ">surname » фамилия </a>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> H </div>
<a href="http:// ">surname » фамилия </a>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> I </div>
<a href="http:// ">surname » фамилия </a>
</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="http:// ">name » имя</a>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> K </div>
<a href="http:// ">name » имя</a>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> L </div>
<a href="http:// ">name » имя</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>
<a href="http:// ">surname » фамилия </a>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> K </div>
<a href="http:// ">surname » фамилия </a>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> L </div>
<a href="http:// ">surname » фамилия </a>
</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="http:// ">name » имя</a>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> N </div>
<a href="http:// ">name » имя</a>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> O </div>
<a href="http:// ">name » имя</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="http:// ">surname » фамилия </a>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> N </div>
<a href="http:// ">surname » фамилия </a>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> O </div>
<a href="http:// ">surname » фамилия </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>
<a href="http:// ">name » имя</a>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> Q </div>
<a href="http:// ">name » имя</a>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> R </div>
<a href="http:// ">name » имя</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>
<a href="http:// ">surname » фамилия </a>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> Q </div>
<a href="http:// ">surname » фамилия </a>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> R </div>
<a href="http:// ">surname » фамилия </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="http:// ">name » имя</a>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> T </div>
<a href="http:// ">name » имя</a>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> U </div>
<a href="http:// ">name » имя</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;"> S </div>
<a href="http:// ">surname » фамилия </a>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> T </div>
<a href="http:// ">surname » фамилия </a>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> U </div>
<a href="http:// ">surname » фамилия </a>
</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>
<a href="http:// ">name » имя</a>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> W </div>
<a href="http:// ">name » имя</a>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> X </div>
<a href="http:// ">name » имя</a>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> Z </div>
<a href="http:// ">name » имя</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;"> V </div>
<a href="http:// ">surname » фамилия </a>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> W </div>
<a href="http:// ">surname » фамилия </a>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> X </div>
<a href="http:// ">surname » фамилия </a>
</div>

<div class="ifscontent">
<div style="width: 220px; height: 10px; margin-top: 0px; background-color: #8ea593;"> Z </div>
<a href="http:// ">surname » фамилия </a>
</div>

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

</div></td>

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

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