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

<STYLE>
#tabcontainer {
background: #EBD7A5; width: 400px; height: 500px; margin: auto; padding: 10px; border: solid 20px #a17c5d; }
.tabs { position: relative;  width: 400px; clear: both; margin: 25px 0;font-family: 'lobster'; font-size: 15px; }
.tab { float: left; }
.tab label { background: #6C4844; padding: 10px; margin: .6px;
position: relative; color: #EBD7A5; }
.tab [type=radio] { display: none;  baseline-tab-shift: true, retrieve;}
.content { position: absolute; top: 28px; bottom: 0px; left: 0px; right: 0px; background: #efefef;
padding: 15px; color: #6C4844; font-family: arial, sans-serif; text-transform: none; font-size: 12px;
text-align: justify; height: 320px; overflow: auto; line-height: 13px; }
[type=radio]:checked ~ label { background: #BB5C4B; z-index: 2; }
[type=radio]:checked ~ label ~ .content { z-index: 1;}
.name{width: 350px; height:60px; background:#a17c5d; font-family: 'lobster', cursive; font-size: 35px; font-align:center; padding: 20px; opacity:0.0; transition-duration: 0.7s;-moz-transition-duration: 0.7s;-webkit-transition-duration: 0.7s;-o-transition-duration: 0.7s; text-decoration: none; color: #EBD7A5;}
.name:hover {opacity:.9}
</STYLE>

<center><div id="tabcontainer"><div style="width: 390px; height: 100px; background-image: url('http://savepic.su/5357149.gif'); background-position: center right;"><div class="name">Фрэнкофония</div></div><div class="tabs"><div class="tab"><input type="radio" id="tab-1" name="tab-group-1" checked><label for="tab-1">
Правила
</label><div class="content"><center><b>
Уважаемые участники и гости FrankFm!<br>
Давайте попытаемся быть цивилизованными и современными ролевиками.<br> 
Ну а если вы не знаете как это, то просто перестаньте думать и слепо следуйте ниже представленным 10 заповедям 
<br>"Как можно и нужно вести себя на Фрэнке"</b><br>
<b>1. Уважай других!</b> - если ты все-таки не уважаешь кого-то конкретного, пожалуйста, не уважай его где-нибудь... не на форуме. На крайний случай для разборок есть лс х) <br>
<b>2. Чти "птицу-тройку"</b> - тобишь прямая речь - жирным, мысли - курсивом, речь других персонажей - подчеркнутым. Для квестов данное правило является обязательным. В своих личных эпизодах можете оформлять посты по договоренности с партнером, но все же, для удобства, администрация рекомендует придерживаться традиционного оформления.<br>
<b>3. Не забывай про нас!</b> - если ты собираешься пропасть больше чем на неделю, то отметься в специальной теме. Неделя отсутствия на форуме это срок, по истечению которого тебя могут удалить. Нам так не хочется, но придется =(<br>
<b>4. Следуй шаблонам!</b> - они были сделаны не просто так. Если у вас возникли проблемы с заполнением, обратитесь в лс или к любому участнику амс за помощью в личку. Тему с анкетой назови по принципу: <b>Фамилия, Имя Второе имя, возраст.</b><br>
<b>5. Твинчи в меру</b> - вторых, третьих, четвертых персонажей заводим по договоренности с администрацией. В любом случае, если хотите завести второго перса вам нужно иметь как минимум десять игровых постов с основного профиля. <br>
<b>6. Не попади в тюрьму</b> - воспрещается узнавать реальные адреса своих соигроков с целью убийства или нанесения тяжкого вреда здоровью. <s>просто не мог придумать шестое правило</s><br>
<b>7. Пиарь меня тоже</b> - если оставил рекламу на свой форум, не забудь оставить ссылку на пост, где ты прорекламил нас. Естественно, реклама только в положенной теме. Правила партнерки смотрите в теме партерки) 


</center></div></div><div class="tab"><input type="radio" id="tab-2" name="tab-group-1"><label for="tab-2">
Вопрос-ответ
</label><div class="content"><center>
<b>Вопрос 1: Не пришел пароль на почту. Ой, я не знаю что делать! ААА, помогите!1</b><br>
<b>Ответ:</b> Оставьте запрос на смену пароля в гостевой, вам его сменят)<br>
<b>Вопрос 2: На какое время придерживаются имена, внешности, роли?</b><br>
<b>Ответ:</b> Имена мы не придерживаем) Потом, по принятию у вас будет возможность выкупить своё имя. А внешности и роли держим на три дня.<br>
<b>Вопрос 3: Каков рейтинг ролевого проекта?</b><br>
<b>Ответ:</b> NC21, что в странах СНГ будет корректнее изобразить как 18+ D<br>
<b>Вопрос 4: Какова система игры?</b><br>
<b>Ответ:</b> У нас эпизодическая система игры) Также планируется большое количество квестов и особенно мини-квестов с гейммастерингом для желающих)<br>
<b>Вопрос 5: Где развиваются действия игры?</b><br>
<b>Ответ:</b> Сан-Франциско. А точнее - Большой Сан-Франциско или San-Francisco Bay Area куда включены другие крупные города как Сан-Хосе или Окленд. Подробнее в третьей вкладке данного поста)<br>
<b>Вопрос 6: Какого рода планируются квесты?</b><br>
<b>Ответ:</b> Мы создаем настоящий сериал и в квестовом подфоруме будем вести центральную сюжетную линию в которой рано или поздно сможет поучаствовать каждый игрок нашего форума. Конечно, участие в данном действе будет сугубо на добровольной основе, но мы постараемся сделать всё настолько вкусно, что вы сами захотите внести свою сюжетную лепту в очередной репортаж Фрэнка.<br>
<b>Вопрос 7: И, наконец, кто же такой Фрэнк?</b><br>
<b>Ответ:</b>Фрэнк - это скорее идея. Некий радиоведущий который знает всё обо всём. Он же будет кратко освещать произошедшее в сюжетной линии.<br>




</center></div></div>
<div class="tab"><input type="radio" id="tab-3" name="tab-group-1"><label for="tab-3">
О городе
</label><div class="content"><center>
<b>Место:</b> San Francisco Bay Area - что включает в себя непосредственно Сан-Франциско, а также Сан-Хосе, Окленд и другие города. Они никак не разделены между собой. Один город является продолжением другого представляя собой гигантский мегаполис. <br>
<b>Население:</b> около 9 миллионов человек.<br>
асположенный на полпути между Лондоном и Токио, между Сиэтлом и Сан-Диего, Сан-Франциско имеет важное экономическое значение и привлекает внимание большого бизнеса. Одна из основ местной экономики - это, конечно, туризм. Сан-Франциско занимает третье место в США по числу иностранных туристов, посещающих город. Так в 2014 году город посетили свыше 21 миллионов человек. В регионе Сан-Франциско действуют крупный порт Окленда, восемь других небольших портов и три ключевых аэропорта, которые обеспечивают около 30 процентов торговли всего Западного побережья. Со времен золотой лихорадки Сан-Франциско считается важным финансовым центром. В регионе сосредоточено множество высокотехнологичных производств, компаний, исследовательских центров. Кроме того, не стоит забывать, что к югу от залива Сан-Франциско расположена знаменитая Силиконовая долина (Silicon Valley) - громадный технологический центр, оказывающий сильное влияние на экономику региона. Сильно развита фармацевтическая индустрия, в регионе работают сотни компаний, занимающиеся медицинской электроникой, генной инженерией, биотехнологией.<br>
Сан-Франциско расположен в очень живописном месте, где Тихий океан через узкий пролив Золотые Ворота врезается в материк и образует Залив Сан-Франциско. Город Сан-Франциско находится на северной части одноименного полуострова и с трех сторон окружен водой: c запада - Тихим океаном, с севера - проливом Золотые Ворота и с востока - Заливом Сан-Франциско.<br>
Большей частью город застроен малоэтажными строениями, плотно окружившими многоэтажный центр. Сан-Франциско достаточно компактный город, город занимает 2-ю позицию в списке крупных городов США по плотности населения после Нью-Йорка. Отсутствие свободной земли сдерживает рост численности населения города и напрямую влияет на рост цен на недвижимость.<br>
Знаменитые холмы Сан-Франциско являются одной из достопримечательностью города. Из-за расхождений в терминологии различные источники приводят разные данные по количеству холмов в пределах города, однозначно можно сказать, что их точно более 50. Многие холмы сами по себе являются достопримечательностью, с других открывается замечательный вид. Например с популярного у туристов холма Твин-Пикс (Twin Peaks) открывается вид на большую часть города.<br>
<b>Климат:</b> Климат в Сан-Франциско особенный. Расположение на южной широте (южнее Сочи) в сочетании с холодными течениями приводит к удивительно мягкому климату с малым сезонным перепадом температур. Средняя температура января - самого холодного месяца - 9,7 C. Самого теплого - сентября - 17,7 C. С ноября по январь длится сезон дождей, ночами бывает достаточно холодно, но температура не опускается ниже нуля. В феврале и марте бывает дождливо, но может быть относительно сухо, начинают расцветать цветы и деревья. Апрель, май - ясно и сухо, возможен туман. Это один из лучших периодов, чтобы посетить Сан-Франциско. С июня по август наступают теплые дни без дождей, но вечерами может быть холодно, когда образовывается туман. Сентябрь, октябрь - еще одно удачное время для посещения города, ясные дни и немного тумана. Мокрый и холодный туман, окутывающий город - является одной из визитных карточек Сан-Франциско. Он очень быстро охватывает целые районы города и также быстро отступает.

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