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

<center>
<div class="topbody">
<br><br><br><br>
<div class="topicbox">
<div class="topictitle">

назови меня тихо по имени

</div><div class="topictext">

занятые имена и фамилии

</div>

Я хотел этого больше всего на свете, но прежде я должен был кое-что услышать от неё. Когда там внизу она произнесла моё имя, это пробудило во мне какое-то чувство. Я пока ещё не понял, значило ли оно что-то важное, к чему я пока не был готов, но я знал, что мне нужно, чтобы она сказала это, я хотел услышать, что именно меня она хочет. Мне нужно было знать, что этой ночью она моя.<br>
<br>
● напротив занятых имен и фамилий стоит [x];<br>
● мы верим в тезок и однофамильцев, но если вы не хотите повторений, то можете выкупить имя (5 реклам) и фамилию (5 реклам);<br>
● если не хотите тратить время на пиар, используйте свой рейтинг! вы можете заплатить 70 баллов за имя и столько же за фамилию (всего 140), но при условии, что у вас уже набрано 100 сообщений на форуме;<br>
● производные от имени, прозвища, клички, дополнительно указанные в анкете, не придерживаются и не выкупаются, если только они не являются частью вашего логина на форуме;<br>
● на имена, которые подходят и девушкам, и парням, могут претендовать два игрока (девушка и парень соответственно);<br>
● имена/фамилии одинаковые по звучанию, но отличные по написанию, считаются разными;<br>

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

ПОСЛЕДОВАТЕЛЬНО ЗАПОЛНЯЕМ И ВСТАВЛЯЕМ В ТЭГ "КОД" ПО ОТДЕЛЬНОСТИ

Код:
Имя персонажа на англ <br>
Код:
Фамилия персонажа на англ <br>
Код:
<!--HTML-->
<style type="text/css">

.tabs2 {
position: relative;  
width: 570px;
height: 620px;
margin: 0px 0;
clear: both;
}

.tab2 {
float: center;
}

.tab2 label {
width: 95px;
color: #ffffff; 
padding: 0px;   
position: absolute;
line-height: 100%;
left: 0px;
top: 0px; 
text-shadow: 1px 1px 0px #cd9234;
text-transform: lowercase;
text-align: center;
transition-duration: 0.3s;  -moz-transition-duration: .3s;  -webkit-transition-duration: .3s;  -o-transition-duration: .3s; }

.tab2 [type=radio] {
display: none;   
baseline-tab-shift: true, retrieve;
}

.content2 {
position: absolute;
padding: 0px;
top: 20px;
bottom: 0px;
left: 0px;
right: 0px;
background: #fff3e9; 
width: 570px;
height: 620px;}

[type=radio]:checked ~ label {
background: transparent;
z-index: 2;
}

[type=radio]:checked ~ label ~ .content2 {
z-index: 1;
}

.abcd1 { overflow: auto;  opacity: .95;  transition-duration: 0.9s;  -moz-transition-duration: .9s;  -webkit-transition-duration: .9s;  -o-transition-duration: .9s; }
.efgh1 { overflow: auto;  opacity: .95;  transition-duration: 0.9s;  -moz-transition-duration: .9s;  -webkit-transition-duration: .9s;  -o-transition-duration: .9s; }
.ijkl1 { overflow: auto;  opacity: .95;  transition-duration: 0.9s;  -moz-transition-duration: .9s;  -webkit-transition-duration: .9s;  -o-transition-duration: .9s; }
.mnop1 { overflow: auto;  opacity: .95;  transition-duration: 0.9s;  -moz-transition-duration: .9s;  -webkit-transition-duration: .9s;  -o-transition-duration: .9s; }
.qrst1 { overflow: auto;  opacity: .95;  transition-duration: 0.9s;  -moz-transition-duration: .9s;  -webkit-transition-duration: .9s;  -o-transition-duration: .9s; }
.u-z1 { overflow: auto;  opacity: .95;  transition-duration: 0.9s;  -moz-transition-duration: .9s;  -webkit-transition-duration: .9s;  -o-transition-duration: .9s; }
</style>
<center>
<div class="tabs2"> 

<!--A B C D-->
<div class="tab2">
<input type="radio" id="tab-01" name="tab-group-0" checked>
<label for="tab-01" style="background-color: #ffcf77; height: 20px; width: 95px; font-family: 'Cuprum', serif; font-size: 16px;font-weight: bold;letter-spacing: -1px;">abcd</label>
<div class="content2"><div class="abcd">
<div style="background-image: url(http://funkyimg.com/i/YHty.png); height: 600px; width: 570px; padding-top: 20px;">
<div style="padding-top: 20px; height: 520px; width: 550px; line-height: 100%;overflow: auto;">
<div style="font-family: 'Cuprum', serif; font-size: 30px;font-weight: bold;letter-spacing: -2px;text-shadow: 1px 1px 0px #cd9234;
text-transform: lowercase; text-align: center;color: #ffffff;">a-b-c-d</div>
<div style="margin-top: 10px; margin-left: -10px; text-align: center; width: 450px;line-height: 140%;">
<table><tr>
<td style="padding: 0px;font-family: 'Cuprum', serif; font-size: 15px; background-color: #fee3a2;">женские</td>
<td style="font-family: 'Cuprum', serif; font-size: 15px; background-color: #fee3a2;">фамилии</td>
<td style="padding: 0px;font-family: 'Cuprum', serif; font-size: 15px; background-color: #fee3a2;">мужские</td></tr>
<tr><td style="padding: 0px;font-family: 'Cuprum', serif; font-size: 15px;">

<!--ЖЕНСКИЕ ИМЕНА A B C D-->
Abigail<br>
Aelita<br>
Aeon<br>
Alexis [x]<br>
Allyson [x]<br>
Alona<br>
Amaris [x]<br>
Amber<br>
Anais [x]<br>
Andrea [x]<br>
Aníta<br>
Arietta [x]<br>
Anna<br>
Ashley<br>
Ava<br>
Avery<br>
Aurora<br>
Beatrice [x]<br>
Brenda<br>
Christina<br>
Dany<br>

</td>
<!--ФАМИЛИИ A B C D-->
<td style="padding: 0px;font-family: 'Cuprum', serif; font-size: 15px;">
<br>
Allen<br>
Alvarez<br>
Anderson [x]<br>
Aymes<br>
Aubree <br>
Berrington<br>
Bennet<br>
Blake<br>
Callisto [x]<br>
Carnot<br>
Castro<br>
Carlisle<br>
Chamberlain<br> 
Clarke [x]<br>
Clark<br>
Cooper<br>
Cox<br>
Cross<br>
Sasha<br>
Daniels<br>
Davidson [x]<br>
Dea<br>
Derby<br>
Dickinson<br>

</td>
<td style="font-family: 'Cuprum', serif; font-size: 15px;">
<!--МУЖСКИЕ ИМЕНА A B C D-->
<br>
Abel [x]<br>
Adam<br>
Aiden<br>
Alexander<br>
Alfred<br>
Antonio<br>
Bastian<br>
Benjamin [x]<br>
Charles<br>
Charley<br>
Daren<br>
Drake [x]<br>


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

<!--E F G H-->
<div class="tab2">
<input type="radio" id="tab-02" name="tab-group-0" >
<label for="tab-02" style="background-color: #cdccf6; height: 20px; width: 95px; font-family: 'Cuprum', serif; font-size: 16px;font-weight: bold;letter-spacing: -1px; margin-left: 95px;">efgh</label>
<div class="content2"><div class="efgh">
<div style="background-image: url(http://funkyimg.com/i/YGkP.png); height: 600px; width: 570px; padding-top: 20px;">
<div style="padding-top: 20px; height: 520px; width: 550px; line-height: 100%;overflow: auto;">
<div style="font-family: 'Cuprum', serif; font-size: 30px;font-weight: bold;letter-spacing: -2px;text-shadow: 1px 1px 0px #cd9234;
text-transform: lowercase; text-align: center;color: #ffffff;">e-f-g-h</div>
<div style="margin-top: 10px; margin-left: -10px; text-align: center; width: 450px;line-height: 140%;">
<table><tr>
<td style="padding: 0px;font-family: 'Cuprum', serif; font-size: 15px; background-color: #cdccf6;">женские</td>
<td style="font-family: 'Cuprum', serif; font-size: 15px; background-color: #cdccf6;">фамилии</td>
<td style="padding: 0px;font-family: 'Cuprum', serif; font-size: 15px; background-color: #cdccf6;">мужские</td></tr>
<tr><td style="padding: 0px;font-family: 'Cuprum', serif; font-size: 15px;">

<!--ЖЕНСКИЕ ИМЕНА E F G H-->

<br>
Eva<br> 
Eyre [x]<br>
Hazel <br>

</td>
<!--ФАМИЛИИ E F G H-->
<td style="padding: 0px;font-family: 'Cuprum', serif; font-size: 15px;">

<br>
Fitz<br>
Floyd<br>
Fowler [x]<br>
Gallagher [x]<br>
Ghostner<br> 
Gold<br>
Goya [x]<br>
Grassi<br>
Grey [x]<br>
Grimes [x]<br>
Hardy [x]<br>
Hume<br>

</td>
<!--МУЖСКИЕ ИМЕНА E F G H-->
<td style="font-family: 'Cuprum', serif; font-size: 15px;">

<br>
Edward [x]<br>
François [x]<br>
Hayden<br>
Hector [х]<br>


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


<!--I J K L--> 
<div class="tab2">
<input type="radio" id="tab-03" name="tab-group-0">
<label for="tab-03" style="background-color: #d6e49e; height: 20px; width: 95px; font-family: 'Cuprum', serif; font-size: 16px;font-weight: bold;letter-spacing: -1px; margin-left: 190px;">ijkl</label>
<div class="content2"><div class="ijkl">
<div style="background-image: url(http://funkyimg.com/i/YHtB.png); height: 600px; width: 570px; padding-top: 20px;">
<div style="padding-top: 20px; height: 520px; width: 550px; line-height: 100%;overflow: auto;">
<div style="font-family: 'Cuprum', serif; font-size: 30px;font-weight: bold;letter-spacing: -2px;text-shadow: 1px 1px 0px #cd9234;
text-transform: lowercase; text-align: center;color: #ffffff;">i-j-k-l</div>
<div style="margin-top: 10px; margin-left: -10px; text-align: center; width: 450px;line-height: 140%;">
<table><tr>
<td style="padding: 0px;font-family: 'Cuprum', serif; font-size: 15px; background-color: #d6e49e;">женские</td>
<td style="font-family: 'Cuprum', serif; font-size: 15px; background-color: #d6e49e;">фамилии</td>
<td style="font-family: 'Cuprum', serif; font-size: 15px; background-color: #d6e49e;">мужские</td>
</tr><tr><td style="padding: 0px;font-family: 'Cuprum', serif; font-size: 15px;">

<!--ЖЕНСКИЕ ИМЕНА I J K L-->

<br>
Isabella [x]<br>
Isha<br>
Jaimie<br>
Jamie<br>
Jessabelle [x]<br>
Josie<br>
Joy<br>
Kat<br>
Kelly<br>
Kellyn<br>
Laurell<br>
Lenore[x]<br>
Lydia<br>


</td>
<!--ФАМИЛИИ-->
<td style="padding: 0px;font-family: 'Cuprum', serif; font-size: 15px;">
<br>
Janois [x]<br>
Jason<br>
Jensen [x]<br>
Jeremy<br>
Jones<br>
Jónsdóttir
Keller [x]<br>
Kleppe [x]<br>
Lane<br>
Lazcano<br>
Lesser<br>

</td>
<!--МУЖСКИЕ ИМЕНА I J K L-->
<td style="font-family: 'Cuprum', serif; font-size: 15px;">
<br>
Jack<br>
Lazare <br>
Leon<br>
Liam<br>

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

<!--M N O P -->
<div class="tab2">
<input type="radio" id="tab-04" name="tab-group-0">
<label for="tab-04" style="background-color: #f9c9ab; height: 20px; width: 95px; font-family: 'Cuprum', serif; font-size: 16px;font-weight: bold;letter-spacing: -1px; margin-left: 285px;">mnop</label>
<div class="content2"><div class="mnop">
<div style="background-image: url(http://funkyimg.com/i/YHtD.png); height: 600px; width: 570px; padding-top: 20px;">
<div style="padding-top: 20px; height: 520px; width: 550px; line-height: 100%;overflow: auto;">
<div style="font-family: 'Cuprum', serif; font-size: 30px;font-weight: bold;letter-spacing: -2px;text-shadow: 1px 1px 0px #cd9234;
text-transform: lowercase; text-align: center;color: #ffffff;">m-n-o-p</div>
<div style="margin-top: 10px; margin-left: -10px; text-align: center; width: 400px;line-height: 140%;">
<table><tr><td style="padding: 0px;font-family: 'Cuprum', serif; font-size: 15px; background-color: #f9c9ab;">женские </td>
<td style="padding: 0px;font-family: 'Cuprum', serif; font-size: 15px; background-color: #f9c9ab;">фамилии </td>
<td style="font-family: 'Cuprum', serif; font-size: 15px; background-color: #f9c9ab;">мужские</td>
</tr><tr><td style="padding: 0px;font-family: 'Cuprum', serif; font-size: 15px;">

<!--ЖЕНСКИЕ ИМЕНА M N O P -->

<br>
Malora<br>
Megan<br>
Melissa<br>
Mia<br>
Michelle<br>
Nieves<br>
Noel<br>
Olivia<br>  
Ophelia<br>  
Primrose <br>
Philippa<br>
Platisha<br>

</td>
<!--ФАМИЛИИ M N O P -->
<td style="padding: 0px;font-family: 'Cuprum', serif; font-size: 15px;">

<br>
Madsen<br>
Mayfield<br> 
Middleton<br>
Miller<br> 
Mitchell<br>
Montgomery [x]<br>
Murphy<br>
Murray<br>
Nightingale<br>
O'Connell<br>
O’Connor<br>
Orsini<br>
Palahniuk [x]<br>
Pearson<br>
Philips<br>
Preston [x]<br>

</td>
<!--МУЖСКИЕ ИМЕНА M N O P -->
<td style="font-family: 'Cuprum', serif; font-size: 15px;">

<br>
Marcus<br>
Matvey<br>
Maxim<br>
Nickolas (Nick) [x]<br>
Noah<br>
Philippe<br>

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

<!--Q R S T-->
<div class="tab2">
<input type="radio" id="tab-05" name="tab-group-0">
<label for="tab-05" style="background-color: #ecbacc; height: 20px; width: 95px; font-family: 'Cuprum', serif; font-size: 16px;font-weight: bold;letter-spacing: -1px; margin-left: 380px;">qrst</label>
<div class="content2"><div class="qrst">
<div style="background-image: url(http://funkyimg.com/i/YHtz.png); height: 600px; width: 570px; padding-top: 20px;">
<div style="padding-top: 20px; height: 520px; width: 550px; line-height: 100%;overflow: auto;">
<div style="font-family: 'Cuprum', serif; font-size: 30px;font-weight: bold;letter-spacing: -2px;text-shadow: 1px 1px 0px #cd9234;
text-transform: lowercase; text-align: center;color: #ffffff;">q-r-s-t</div>
<div style="margin-top: 10px; margin-left: -10px; text-align: center; width: 400px;line-height: 140%;">
<table><tr><td style="padding: 0px;font-family: 'Cuprum', serif; font-size: 15px; background-color: #ecbacc;">женские</td>
<td style="padding: 0px;font-family: 'Cuprum', serif; font-size: 15px; background-color: #ecbacc;">фамилии</td>
<td style="font-family: 'Cuprum', serif; font-size: 15px; background-color: #ecbacc;">мужские</td></tr><tr><td style="padding: 0px;font-family: 'Cuprum', serif; font-size: 15px;">

<!--ЖЕНСКИЕ ИМЕНА Q R S T-->

<br>
Reina [x]<br>
Rochelle<br>
Rory<br>
Saoirse<br>
Sasha<br>
Scotty<br>
Serena<br>
Shannon[x]<br>
Silver<br>
Sonya<br>
Taylor<br>
Tinashae<br>

</td>
<!--ФАМИЛИИ Q R S T-->
<td style="padding: 0px;font-family: 'Cuprum', serif; font-size: 15px;">

Raven<br>
Richardson<br>
Ritson [x]<br>
Rochester [x]<br>
Rostova<br> 
Selwyn<br>
Scott [x]<br>
Soleto<br>
Stantan
Steele [x]<br>
Smith<br>
Thorpe [х]<br>

</td>
<!--МУЖСКИЕ ИМЕНА Q R S T-->
<td style="font-family: 'Cuprum', serif; font-size: 15px;">

<br>
Sidney<br>
Simon<br>
Stan<br>
Reordan<br>
Rhaegal<br>
Richard [x]<br>
Thomas<br>
Thorfred<br>
Trevor<br>

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

<!--U V W X Y Z-->
<div class="tab2">
<input type="radio" id="tab-07" name="tab-group-0">
<label for="tab-07" style="background-color: #c9ddf6; height: 20px; width: 95px; font-family: 'Cuprum', serif; font-size: 16px;font-weight: bold;letter-spacing: -1px; margin-left: 475px;">uvwxwz</label>
<div class="content2"><div class="uvwxwz">
<div style="background-image: url(http://funkyimg.com/i/YHtA.png); height: 600px; width: 570px; padding-top: 20px;">
<div style="padding-top: 20px; height: 520px; width: 550px; line-height: 100%;overflow: auto;">
<div style="font-family: 'Cuprum', serif; font-size: 30px;font-weight: bold;letter-spacing: -2px;text-shadow: 1px 1px 0px #cd9234;
text-transform: lowercase; text-align: center;color: #ffffff;">u-v-w-x-w-z</div>
<div style="margin-top: 10px; margin-left: -10px; text-align: center; width: 400px;line-height: 140%;">
<table><tr><td style="padding: 0px;font-family: 'Cuprum', serif; font-size: 15px; background-color: #c9ddf6;">женские</td>
<td style="padding: 0px;font-family: 'Cuprum', serif; font-size: 15px; background-color: #c9ddf6;">фамилии</td>
<td style="font-family: 'Cuprum', serif; font-size: 15px; background-color: #c9ddf6;">мужские</td>
</tr><tr><td style="padding: 0px;font-family: 'Cuprum', serif; font-size: 15px;">

<!--ЖЕНСКИЕ ИМЕНА U V W X Y Z-->

<br>
Ultana [х]<br>
Virginia<br>
Yolandi [x]<br>

</td>
<!--ФАМИЛИИ  U V W X Y Z-->
<td style="padding: 0px;font-family: 'Cuprum', serif; font-size: 15px;">

<br>
Ushakov<br>
Vader [х]<br>
Valentine<br> 
Voorhees<br>
Waaktaar-Savoy<br>
Walsh<br>
Weiss<br>
Wright<br>
Young<br>


</td>
<!--МУЖСКИЕ ИМЕНА U V W X Y Z-->
<td style="font-family: 'Cuprum', serif; font-size: 15px;">

<br>
Vincent<br>
Walter [x]<br>
Watkin [х]<br>
William<br>
Wilton<br>
Xavier<br>

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