Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>

<center>

<div class="gostev">
<div style="width: 495px; height: 1100px; margin-top: 0px;">
<br><br>
<div class="gostev2" style="font-size: 30px; margin-bottom: 20px; margin-top: 25px;">Занятые внешности и имена</div>
<div class="gostev3" style="margin-top: -15px; font-size: 9px; ">проверь, выбери, отметься</div>
<br><br><br><br>



<style>


.korpus > div, .korpus > input { display: none; }

.korpus {text-align: center;}

.korpus label {
width: 200px;
padding: 5px 5px;
display: inline-block;
letter-spacing: 2px;
background: rgba(224, 231, 208, 0.18);;
color: #4CAF50;
text-transform: uppercase;
}

.korpus label:hover {
background:  rgba(224, 231, 208, 0.18);;
color: #4CAF50;
text-transform: uppercase;
}

.korpus input[type="radio"]:checked + label {
font-weight: bold;
text-transform: uppercase;
}

.korpus > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.korpus > input:nth-of-type(2):checked ~ div:nth-of-type(2)

{ display: block;  margin-top: 10px; text-align: justify;} </style>


<div class="korpus">
<input type="radio" name="odin" checked="checked" id="1"><label for="1">внешности</label>
<input type="radio" name="odin" id="2"><label for="2">имена</label>

<div class="box">
<center><i>Наша Аллея славы, где вы можете познакомиться с полным кастом проекта  O S C A R. Придержанные и выкупленные внешности выносятся в тему действующей гостевой. Кандидаты на удаление выделены красным цветом. Напоминаем, что если внешность не внесена в список занятых, она считается свободной и администрация не несет ответственности за появление близнецов, если вы вовремя не отметились здесь.</i></center><br><hr>

<table><tbody><tr><td><div style="padding: 5px; text-align: center; font-family: 'arial'; font-size: 27px; text-transform: lowercase;  color: #4CAF50; text-shadow: 1px 1px 0px #ceda7d;">девушки</div></td> <td><div style="padding: 5px; text-align: center; font-family: 'arial'; font-size: 27px; text-transform: lowercase;  color: #4CAF50; text-shadow: 1px 1px 0px #ceda7d;">парни</div></td></tr></tbody></table>
<table><tbody>

<tr><td colspan="2"><center><div style="padding: 2px; text-align: center; text-transform: lowercase; font-family: 'arial'; font-size: 18px; color: #4CAF50; text-shadow: 1px 1px 0px #ceda7d;">A - B - C - D - E</div></center></td></tr>

<tr><td>
<div style="padding: 10px; text-align: justify; color: #000; font-size: 10px;"><div style="font-size: 8px; font-family: verdana, sans-serif; text-transform: uppercase;"><div style="overflow: auto; height: 80px; padding-right: 5px;">
внешность » <a href="ссылка">имя персонажа </a><br>
внешность » <a href="ссылка">имя персонажа </a><br>
внешность » <a href="ссылка">имя персонажа </a><br>
внешность » <a href="ссылка">имя персонажа </a><br>
внешность » <a href="ссылка">имя персонажа </a><br>

</div></div>

</div>
</td>


<td><div style="padding: 10px; text-align: justify; color: #000; font-size: 10px;"><div style="font-size: 8px; font-family: verdana, sans-serif; text-transform: uppercase;"><div style="overflow: auto; height: 80px; padding-right: 5px;">
внешность » <a href="ссылка">имя персонажа </a><br>
внешность » <a href="ссылка">имя персонажа </a><br>
внешность » <a href="ссылка">имя персонажа </a><br>
внешность » <a href="ссылка">имя персонажа </a><br>
внешность » <a href="ссылка">имя персонажа </a><br>

</div></div>

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


<tr><td colspan="2"><center><div style="padding: 2px; text-align: center; text-transform: lowercase; font-family: 'arial'; font-size: 18px; color: #4CAF50; text-shadow: 1px 1px 0px #ceda7d;">F - G - H - I - J</div></center></td></tr>

<tr><td><div style="padding: 10px; text-align: justify; color: #000; font-size: 10px;"><div style="font-size: 8px; font-family: verdana, sans-serif; text-transform: uppercase;"><div style="overflow: auto; height: 80px; padding-right: 5px;">
внешность » <a href="ссылка">имя персонажа </a><br>
внешность » <a href="ссылка">имя персонажа </a><br>
внешность » <a href="ссылка">имя персонажа </a><br>
внешность » <a href="ссылка">имя персонажа </a><br>
внешность » <a href="ссылка">имя персонажа </a><br>


</div></div>

</div>
</td>


<td><div style="padding: 10px; text-align: justify; color: #000; font-size: 10px;"><div style="font-size: 8px; font-family: verdana, sans-serif; text-transform: uppercase;"><div style="overflow: auto; height: 80px; padding-right: 5px;">
внешность » <a href="ссылка">имя персонажа </a><br>
внешность » <a href="ссылка">имя персонажа </a><br>
внешность » <a href="ссылка">имя персонажа </a><br>
внешность » <a href="ссылка">имя персонажа </a><br>
внешность » <a href="ссылка">имя персонажа </a><br>

</div></div>

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

<tr><td colspan="2"><center><div style="padding: 2px; text-align: center; text-transform: lowercase; font-family: 'arial'; font-size: 18px; color: #4CAF50; text-shadow: 1px 1px 0px #ceda7d;">K - L - M - N - O</div></center></td></tr>

<tr><td><div style="padding: 10px; text-align: justify; color: #000; font-size: 10px;"><div style="font-size: 8px; font-family: verdana, sans-serif; text-transform: uppercase;"><div style="overflow: auto; height: 80px; padding-right: 5px;">
внешность » <a href="ссылка">имя персонажа </a><br>
внешность » <a href="ссылка">имя персонажа </a><br>
внешность » <a href="ссылка">имя персонажа </a><br>
внешность » <a href="ссылка">имя персонажа </a><br>
внешность » <a href="ссылка">имя персонажа </a><br>


</div></div>

</div>
</td>


<td><div style="padding: 10px; text-align: justify; color: #000; font-size: 10px;"><div style="font-size: 8px; font-family: verdana, sans-serif; text-transform: uppercase;"><div style="overflow: auto; height: 80px; padding-right: 5px;">
внешность » <a href="ссылка">имя персонажа </a><br>
внешность » <a href="ссылка">имя персонажа </a><br>
внешность » <a href="ссылка">имя персонажа </a><br>
внешность » <a href="ссылка">имя персонажа </a><br>
внешность » <a href="ссылка">имя персонажа </a><br>

</div></div>

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

<tr><td colspan="2"><center><div style="padding: 2px; text-align: center; text-transform: lowercase; font-family: 'arial'; font-size: 18px; color: #4CAF50; text-shadow: 1px 1px 0px #ceda7d;">P - Q - R - S - T</div></center></td></tr>

<tr><td><div style="padding: 10px; text-align: justify; color: #000; font-size: 10px;"><div style="font-size: 8px; font-family: verdana, sans-serif; text-transform: uppercase;"><div style="overflow: auto; height: 80px; padding-right: 5px;">
внешность » <a href="ссылка">имя персонажа </a><br>
внешность » <a href="ссылка">имя персонажа </a><br>
внешность » <a href="ссылка">имя персонажа </a><br>
внешность » <a href="ссылка">имя персонажа </a><br>
внешность » <a href="ссылка">имя персонажа </a><br>

</div></div>

</div>
</td>


<td><div style="padding: 10px; text-align: justify; color: #000; font-size: 10px;"><div style="font-size: 8px; font-family: verdana, sans-serif; text-transform: uppercase;"><div style="overflow: auto; height: 80px; padding-right: 5px;">
внешность » <a href="ссылка">имя персонажа </a><br>
внешность » <a href="ссылка">имя персонажа </a><br>
внешность » <a href="ссылка">имя персонажа </a><br>
внешность » <a href="ссылка">имя персонажа </a><br>
внешность » <a href="ссылка">имя персонажа </a><br>


</div></div>

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

<tr><td colspan="2"><center><div style="padding: 2px; text-align: center; text-transform: lowercase; font-family: 'arial'; font-size: 18px; color: #4CAF50; text-shadow: 1px 1px 0px #ceda7d;">U - V - W - X - Y - Z</div></center></td></tr>

<tr><td><div style="padding: 10px; text-align: justify; color: #000; font-size: 10px;"><div style="font-size: 8px; font-family: verdana, sans-serif; text-transform: uppercase;"><div style="overflow: auto; height: 80px; padding-right: 5px;">
внешность » <a href="ссылка">имя персонажа </a><br>
внешность » <a href="ссылка">имя персонажа </a><br>
внешность » <a href="ссылка">имя персонажа </a><br>
внешность » <a href="ссылка">имя персонажа </a><br>
внешность » <a href="ссылка">имя персонажа </a><br>

</div></div>

</div>
</td>


<td><div style="padding: 10px; text-align: justify; color: #000; font-size: 10px;"><div style="font-size: 8px; font-family: verdana, sans-serif; text-transform: uppercase;"><div style="overflow: auto; height: 80px; padding-right: 5px;">
внешность » <a href="ссылка">имя персонажа </a><br>
внешность » <a href="ссылка">имя персонажа </a><br>
внешность » <a href="ссылка">имя персонажа </a><br>
внешность » <a href="ссылка">имя персонажа </a><br>
внешность » <a href="ссылка">имя персонажа </a><br>

</div></div>

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

</div>


<div class="box">

<center><i>В кино четыре Джорджа спокойно соседствуют в титрах, но если вы хотите быть одним и единственным, можно выкупить имя и фамилию. Напоминаем, что каждая единица выкупается отдельно в соответствии с прейскурантом (ГИПЕРССЫЛКА НА БАНК). Вы также можете приобрести сокращенные или уменьшительно-ласкательные формы вашего имени, чтобы отрезать потенциальным тезкам все пути обхода. Помним, что инициалы можно выкупить только в том случае, если до этих имени/фамилии никто в список не вносил.</i></center><br><hr>
<table><tbody><tr><td><div style="padding: 5px; text-align: center; font-family: 'arial'; font-size: 27px; text-transform: lowercase;  color: #4CAF50; text-shadow: 1px 1px 0px #ceda7d;">имена</div></td> <td><div style="padding: 5px; text-align: center; font-family: 'arial'; font-size: 27px; text-transform: lowercase;  color: #4CAF50; text-shadow: 1px 1px 0px #ceda7d;">фамилии</div></td></tr></tbody></table>
<table><tbody>

<tr><td colspan="2"><center><div style="padding: 2px; text-align: center; text-transform: lowercase; font-family: 'arial'; font-size: 18px; color: #4CAF50; text-shadow: 1px 1px 0px #ceda7d;">A - B - C - D - E</div></center></td></tr>

<tr><td>
<div style="padding: 10px; text-align: justify; color: #000; font-size: 10px;"><div style="font-size: 8px; font-family: verdana, sans-serif; text-transform: uppercase;"><div style="overflow: auto; height: 80px; padding-right: 5px;">
<a href="ссылка"> имя </a><br>
<a href="ссылка"> имя </a><br>
<a href="ссылка"> имя </a><br>
<a href="ссылка"> имя </a><br>

</div></div>

</div>
</td>


<td><div style="padding: 10px; text-align: justify; color: #000; font-size: 10px;"><div style="font-size: 8px; font-family: verdana, sans-serif; text-transform: uppercase;"><div style="overflow: auto; height: 80px; padding-right: 5px;">
фамилия<br>
фамилия<br>
фамилия<br>
фамилия<br>

</div></div>

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


<tr><td colspan="2"><center><div style="padding: 2px; text-align: center; text-transform: lowercase; font-family: 'arial'; font-size: 18px; color: #4CAF50; text-shadow: 1px 1px 0px #ceda7d;">F - G - H - I - J</div></center></td></tr>

<tr><td><div style="padding: 10px; text-align: justify; color: #000; font-size: 10px;"><div style="font-size: 8px; font-family: verdana, sans-serif; text-transform: uppercase;"><div style="overflow: auto; height: 80px; padding-right: 5px;">
<a href="ссылка"> имя </a><br>
<a href="ссылка"> имя </a><br>
<a href="ссылка"> имя </a><br>
<a href="ссылка"> имя </a><br>


</div></div>

</div>
</td>


<td><div style="padding: 10px; text-align: justify; color: #000; font-size: 10px;"><div style="font-size: 8px; font-family: verdana, sans-serif; text-transform: uppercase;"><div style="overflow: auto; height: 80px; padding-right: 5px;">
<a href="ссылка"> фамилия </a><br>
<a href="ссылка"> фамилия </a><br>
<a href="ссылка"> фамилия </a><br>
<a href="ссылка"> фамилия </a><br>

</div></div>

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

<tr><td colspan="2"><center><div style="padding: 2px; text-align: center; text-transform: lowercase; font-family: 'arial'; font-size: 18px; color: #4CAF50; text-shadow: 1px 1px 0px #ceda7d;">K - L - M - N - O</div></center></td></tr>

<tr><td><div style="padding: 10px; text-align: justify; color: #000; font-size: 10px;"><div style="font-size: 8px; font-family: verdana, sans-serif; text-transform: uppercase;"><div style="overflow: auto; height: 80px; padding-right: 5px;">
<a href="ссылка"> имя </a><br>
<a href="ссылка"> имя </a><br>
<a href="ссылка"> имя </a><br>
<a href="ссылка"> имя </a><br>

</div></div>

</div>
</td>


<td><div style="padding: 10px; text-align: justify; color: #000; font-size: 10px;"><div style="font-size: 8px; font-family: verdana, sans-serif; text-transform: uppercase;"><div style="overflow: auto; height: 80px; padding-right: 5px;">
<a href="ссылка"> фамилия </a><br>
<a href="ссылка"> фамилия </a><br>
<a href="ссылка"> фамилия </a><br>
<a href="ссылка"> фамилия </a><br>

</div></div>

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

<tr><td colspan="2"><center><div style="padding: 2px; text-align: center; text-transform: lowercase; font-family: 'arial'; font-size: 18px; color: #4CAF50; text-shadow: 1px 1px 0px #ceda7d;">P - Q - R - S - T</div></center></td></tr>

<tr><td><div style="padding: 10px; text-align: justify; color: #000; font-size: 10px;"><div style="font-size: 8px; font-family: verdana, sans-serif; text-transform: uppercase;"><div style="overflow: auto; height: 80px; padding-right: 5px;">
<a href="ссылка"> имя </a><br>
<a href="ссылка"> имя </a><br>
<a href="ссылка"> имя </a><br>
<a href="ссылка"> имя </a><br>
</div></div>

</div>
</td>


<td><div style="padding: 10px; text-align: justify; color: #000; font-size: 10px;"><div style="font-size: 8px; font-family: verdana, sans-serif; text-transform: uppercase;"><div style="overflow: auto; height: 80px; padding-right: 5px;">
<a href="ссылка"> фамилия </a><br>
<a href="ссылка"> фамилия </a><br>
<a href="ссылка"> фамилия </a><br>
<a href="ссылка"> фамилия </a><br>


</div></div>

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

<tr><td colspan="2"><center><div style="padding: 2px; text-align: center; text-transform: lowercase; font-family: 'arial'; font-size: 18px; color: #4CAF50; text-shadow: 1px 1px 0px #ceda7d;">U - V - W - X - Y - Z</div></center></td></tr>

<tr><td><div style="padding: 10px; text-align: justify; color: #000; font-size: 10px;"><div style="font-size: 8px; font-family: verdana, sans-serif; text-transform: uppercase;"><div style="overflow: auto; height: 80px; padding-right: 5px;">
<a href="ссылка"> имя </a><br>
<a href="ссылка"> имя </a><br>
<a href="ссылка"> имя </a><br>
<a href="ссылка"> имя </a><br>
</div></div>

</div>
</td>


<td><div style="padding: 10px; text-align: justify; color: #000; font-size: 10px;"><div style="font-size: 8px; font-family: verdana, sans-serif; text-transform: uppercase;"><div style="overflow: auto; height: 80px; padding-right: 5px;">
<a href="ссылка"> фамилия </a><br>
<a href="ссылка"> фамилия </a><br>
<a href="ссылка"> фамилия </a><br>
<a href="ссылка"> фамилия </a><br>

</div></div>

</div></td></tr>
</tbody></table>
</div><br><br>

</div></div>
</div></center>
коды
Код:
внешность » <a href="ссылка на профиль">имя персонажа </a><br>
Код:
<a href="ссылка на профиль"> имя </a><br>
Код:
<a href="ссылка на профиль"> фамилия </a><br>