Код:
<!--HTML--><style>
  .korpus > div, .korpus > input { display: none; }

.korpus {text-align: center;
 padding: 10px;}
.korpus a {    color: #5a3e37;
    border-bottom: 0px none #a86c66;
    text-shadow: 0px 0px 2px #c5beb2;
    text-decoration: none;}

.korpus label {
  width: 250px;
  padding: 10px 5px;
  display: inline-block;
  background: #161211; }

.korpus label:hover {
  height: 30px;
  background: #161211;
  border-bottom: 7px inset #783e2f;
    }

.korpus input[type="radio"]:checked + label {
  height: 30px;
  background: #161211;
  border-bottom: 7px inset #783e2f;
}

.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; 
  padding-top: 15px;
  text-align: justify;}

</style>

<div class="korpus" >
  <input type="radio" name="odin" checked="checked" id="vkl1"/><label for="vkl1"><img src="http://sa.uploads.ru/ck6E1.png"></label> 
  <input type="radio" name="odin" id="vkl2"/><label for="vkl2"><img src="http://s5.uploads.ru/GYPz1.png"></label>
  
  <div><center><table>
<tr><td colspan="2" width="33%">
<div style="text-align: center;"><img src="http://s1.uploads.ru/sBUXY.png"></div>
<div style="height: 140px; overflow: auto; font-family: verdana; font-size: 11px;">
<br>• Мэр города - <a href="http://godsgate.rusff.ru/viewtopic.php?id=30#p59">Frederick Milton*</a>
<br>• Шериф полиции - <a href="http://godsgate.rusff.ru/viewtopic.php?id=30#p60">William Cooper*</a>
<br>• Глава Агентства социального обеспечения - <a href="http://godsgate.rusff.ru/viewtopic.php?id=30#p61">Megan O'Hara*</a>
<br>• Глава Института инновационных биологических технологий - <a href="http://godsgate.rusff.ru/profile.php?id=198">Isaac Hoffmann</a>
<br>• Верховный судья - <a href="http://godsgate.rusff.ru/viewtopic.php?id=30#p63">Richard Gardner*</a>
</div></td>

<td colspan="2" width="33%">
<div style="text-align: center;"><img src="http://sg.uploads.ru/tU6hv.png"></div>
<div style="height: 140px; overflow: auto; font-family: verdana; font-size: 11px;">
<br>• Председатель Суда (40+) [1] –
<br>• Судьи (35+) [4] –
<br>• Сотрудники канцелярии (18+) –
<br>• Адвокаты - 
</div></td>
  
<td colspan="2" width="33%">
<div style="text-align: center;"><img src="http://sd.uploads.ru/Rz1XI.png"></div>
<div style="height: 140px; overflow: auto; font-family: verdana; font-size: 11px;">
<br>• Главный управляющий (40+) [1] –
<br>• Заместитель управляющего (35+) [1] –
<br>• Журналисты (18+) –
<br>• Редакторы (18+) –
<br>• Корреспонденты (18+) –
<br>• Операторы (18+) –
<br>• Технический персонал (18+) –
<br>• Сотрудники и обслуживающий персонал (18+) –
</div></td></tr>

<tr><td colspan="2" width="33%">
<div style="text-align: center;"><img src="http://sa.uploads.ru/iKShA.png"></div>
<div style="height: 100px; overflow: auto; font-family: verdana; font-size: 11px;">
<br>• Глава центра (40+) [1] –
<br>• Старшие исследователи (35+) [1] – 
<br>• Сотрудники и обслуживающий персонал (18+) –
</div></td>

<td colspan="2" width="33%">
<div style="text-align: center;"><img src="http://s2.uploads.ru/tauHG.png"></div>
<div style="height: 100px; overflow: auto; font-family: verdana; font-size: 11px;">
<br>• Главный врач (40+) [1] –
<br>• Главы отделов (35+) –
<br>• Врачи (25+) –
<br>• Младший медицинский персонал (20+) –
<br>• Сотрудники и обслуживающий персонал (18+) –
</div></td>
  
<td colspan="2" width="33%">
<div style="text-align: center;"><img src="http://s9.uploads.ru/TmjLC.png"></div>
<div style="height: 100px; overflow: auto; font-family: verdana; font-size: 11px;">
<br>• Начальник (40+) – 
<br>• Заместитель начальника (35+) [1] -
<br>• Сотрудники и обслуживающий персонал (18+) –
<br>• Заключенные (18+) -
</div></td></tr>
  
  <tr><td colspan="3" width="50%">
<div style="text-align: center;"><img src="http://sh.uploads.ru/AtD8E.png"></div>
<div style="height: 350px; overflow: auto; font-family: verdana; font-size: 11px;">
<br>• Группа чрезвычайных ситуаций -
<br>• Патологоанатомическое бюро - 
<br>• Служебно-розыскная служба - 
<br>• Отдел по борьбе с организованной преступностью - <a href="http://godsgate.rusff.ru/profile.php?id=56">Astrid Bergman</a>
<br>• Отдел по борьбе с наркотиками - <a href="http://godsgate.rusff.ru/profile.php?id=38">Leo Donovan</a>
<br>• Уголовная разведка - 
<br>• Служба охраны правопорядка - 
<br>• Военная академия - <a href="http://godsgate.rusff.ru/profile.php?id=161">Lewis Allen (куратор)</a>

<br><br><center>Отдел тайной безопасности (ОТБ)</center>
<br>• Главное оперативное управление -
<br>• Отряд "Постмортем" - <a href="http://godsgate.rusff.ru/profile.php?id=137">Noah Weiss (командир)</a>, <a href="http://godsgate.rusff.ru/profile.php?id=132">Ryan Caulfield</a>, <a href="http://godsgate.rusff.ru/profile.php?id=91">Nicholas Kenway</a>, <a href="http://godsgate.rusff.ru/profile.php?id=141">Ruth Harper</a>, <a href="http://godsgate.rusff.ru/profile.php?id=161">Lewis Allen</a>
<br>• Отряд "Фурии" - <a href="http://godsgate.rusff.ru/viewtopic.php?id=29#p54">Ryan Schwarz*</a>,  <a href="http://godsgate.rusff.ru/profile.php?id=7">Eva Stormnight</a>, <a href="http://godsgate.rusff.ru/profile.php?section=essentials&id=135">James Northwood</a>, <a href="http://godsgate.rusff.ru/viewtopic.php?id=29#p52">Björn Svensson*</a>, <a href="http://godsgate.rusff.ru/profile.php?id=186">Jake Morisson</a>, <a href="http://godsgate.rusff.ru/profile.php?id=180"> Emma Moore</a>, <a href="http://godsgate.rusff.ru/viewtopic.php?id=29#p57">John Mortem*</a>
<br>• Отряды быстрого реагирования - <a href="http://godsgate.rusff.ru/profile.php?id=40">Kristian Báleygr (командир)</a>, <a href="http://godsgate.rusff.ru/profile.php?id=26">Jannike Söderberg</a>, <a href="http://godsgate.rusff.ru/profile.php?id=80">Claire Murphy</a>,  <a href="http://godsgate.rusff.ru/profile.php?id=117">Clara Kramer</a>
<br>• Главное управление информационной безопасности - 
<br>• Служба внутренней безопасности - <a href="http://godsgate.rusff.ru/profile.php?id=185">Laura Jones (дознаватель)</a> 
<br>• Внештатный консультант - <a href="http://godsgate.rusff.ru/profile.php?id=144">Kirk MacAlister</a>
</div></td>

<td colspan="3" width="50%">
<div style="text-align: center;"><img src="http://sa.uploads.ru/UPCGY.png"></div>
<div style="height: 350px; overflow: auto; font-family: verdana; font-size: 11px;">
<br><center>Руководители предприятий Вавилона, персонал и прочее фрилансеры</center>

<br>• Бездельник и благотворитель - 
<br>• Железнодорожная компания Babylon Railroad - 
<br>• Медицинский центр "Caring Hands" - </a> 
<br>• Металлургический концерн "R" - 
<br>• Нефтяная компания - 
<br>• Ночной клуб "Эдем" -</a>
</div></td>
  </tr>
</table></center>  </div>
                            

  <div><center><table>

  
  <tr><td width="50%">
<div style="text-align: center;"><img src="http://sh.uploads.ru/n5uB0.png"></div>
<div style="height: 160px; overflow: auto; font-family: verdana; font-size: 11px;">
<br>• Черный Король (Вожак) - 
<br>• Цербер - 
<br>• Псарь - <a href="http://godsgate.rusff.ru/profile.php?id=5">Hase Kramer</a>
<br>• Лидеры группировок - <a href="http://godsgate.rusff.ru/profile.php?id=20">Aiden Blackburn (Доги)</a>, <a href="http://godsgate.rusff.ru/profile.php?id=21">Abel Floyd (Койоты)</a>
<br>• Члены группировок - <a href="http://godsgate.rusff.ru/profile.php?id=55">Samantha Kennedy (Доги)</a>, <a href="http://godsgate.rusff.ru/profile.php?id=110">Paulette Steinmann (Алабаи)</a>, <a href="http://godsgate.rusff.ru/profile.php?id=120">Virginia Morgan (Доги)</a>, <a href="http://godsgate.rusff.ru/profile.php?id=163">Quentin Ross (Доги)</a>
<br>• На стороне гончих - <a href="http://godsgate.rusff.ru/profile.php?id=36">Marta Perez</a>
</div></td>

<td width="50%">
<div style="text-align: center;"><img src="http://s5.uploads.ru/19XsR.png"></div>
<div style="height: 160px; overflow: auto; font-family: verdana; font-size: 11px;">
<br>• Красный Король (Джокер) - <a href="http://godsgate.rusff.ru/viewtopic.php?id=28#p27036">Eric Gallagher*</a>
<br>• Роял-Флэш - <a href="http://godsgate.rusff.ru/profile.php?id=6">Sophie Gallagher</a>
<br>• Лидеры группировок - <a href="http://godsgate.rusff.ru/profile.php?id=8">Macedonian Mason (Туз Бубен)</a>, <a href="http://godsgate.rusff.ru/profile.php?id=184">Alison Owen (Туз Червей)</a>, <a href="http://godsgate.rusff.ru/viewtopic.php?id=28#p48">Bruce Dickie (Туз Треф)*</a>, <a href="http://godsgate.rusff.ru/viewtopic.php?id=28#p49">Artur Richardson (Туз Пик)*</a>
<br>• Члены группировок - <a href="http://godsgate.rusff.ru/profile.php?id=10">Hill De Stefano (Бубны)</a>, <a href="http://godsgate.rusff.ru/profile.php?id=105">Oliver Franco (Король Червей)</a>, <a href="http://godsgate.rusff.ru/profile.php?id=51">Eileen Moses (Бубны)</a>
  </div></td></tr>
    
   <tr><td colspan="2">
<div style="text-align: center;"><img src="http://sa.uploads.ru/UPCGY.png"></div>
<div style="height: 200px; overflow: auto; font-family: verdana; font-size: 11px;">
<br><center>Руководители заведений, персонал и др.</center>

<br>• Бар "Алигьери" - <a href="http://godsgate.rusff.ru/profile.php?id=8">Macedonian Mason (владелец)</a>
<br>• Безработные - 
<br>• Бордель Паприка - <a href="http://godsgate.rusff.ru/profile.php?id=20">Aiden Blackburn (хозяин)</a>, <a href="http://godsgate.rusff.ru/profile.php?id=39">Amanda Harper (заместитель)</a>, <a href="http://godsgate.rusff.ru/profile.php?id=55">Samantha Kennedy (проститутка)</a>
<br>• Винный магазин и бар «Remedium» - <a href="http://godsgate.rusff.ru/profile.php?id=129">Loingsech O’Dwyer (разнорабочий)</a>
<br>• Медперсонал в Гетто - <a href="http://godsgate.rusff.ru/profile.php?id=51">Eileen Moses (хирург)</a>, <a href="http://godsgate.rusff.ru/profile.php?id=36">Marta Perez (владелица частной клиники)</a>
<br>• Ночной клуб «Purgatorium» - 
<br>• Ночной клуб "Spectrum" - <a href="http://godsgate.rusff.ru/profile.php?id=105">Oliver Franco (владелец)</a>, <a href="http://godsgate.rusff.ru/profile.php?id=152">Vesper Mallarino (бармен).</a>
<br>• Питомник/ветеринарная клиника - <a href="http://godsgate.rusff.ru/profile.php?id=5">Hase Kramer (хозяин)</a>
<br>• Подпольная школа для тренировок способностей -
</div></td>
  </tr>
</table>
</center></div>
Код:
<!--HTML--><style>
.code {
    font-family: 'Open Sans';
    font-size: 12px;
  }
</style>

<center><div class="code">
  <strong class="legend">
    <a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName('pre')[0]); return false;">
      <center>CODE</center></a><br>
  <div class="blockcode"><div class="scrollbox"><pre>
&lt;a href="ссылка на профиль"&gt;имя персонажа на англ.&lt;/a&gt;
</pre></div></div></div></center>