Код:
<!--HTML--> <center><br> <div style="width: 470px; font-family: lekton; font-size: 22px;"> <img src="http://funkyimg.com/i/22KRw.png"></div> <div style="width: 470px; height: 20px; background-color: #261a0c; color: #cdc1a9; font-family: lekton; font-size: 12px;"> </div><br><br></center>
Код:
<!--HTML-->
<style type="text/css">
::-webkit-scrollbar { height: 12px; width: 10px; background-color: #fff;}
::-webkit-scrollbar-thumb { background: #090C13; }
::-webkit-scrollbar-corner { background: #090C13; }
::-webkit-scrollbar-track { background: #fff; }
#thtabcontainer { width: 460px; padding: 20px; background-image: url('http://funkyimg.com/i/22VAa.jpg'); } /* фон */
.tabs { position: relative; height: 460px; width: 460px; clear: both; margin: 15px 0; }
.tab { float: left; }
.tab label { display: block; background: #ad956b; color: #ccc; height: 32px; width: 80px; font: 10px/10px lekton; padding: 5px; -webkit-border-radius: 2px; margin: 1px; position: relative; }
.tab [type=radio] { display: none; }
[type=radio]:checked ~ label { background: #cdc1a9; color: #090C13; border-bottom: 0px; z-index: 2; }
[type=radio]:checked ~ label ~ .thcontent { z-index: 1; }
.thcontent { position: absolute; width: 460px; top: 60px; background-color: #cdc1a9; right: 0; bottom: 0; padding: 0px; border: 0px; text-align: center; }
[type=radio]:checked ~ label { background: #cdc1a9; color: #090C13; border-bottom: 0px; z-index: 2; }
[type=radio]:checked ~ label ~ .thcontent { z-index: 1; }
.apptitle { font-family: yanone kaffeesatz; text-transform: uppercase; letter-spacing: 3px; font-size: 10px; text-align: center; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.44) inset; color: #A5A5A5; background-color: #000; padding: 5px; margin: 5px 0px; }
.thfirsttabcredit { font-family: lekton; font-size: 8px; text-transform: uppercase; text-align: center; line-height: 9px; padding-top: 20px; letter-spacing: 2px; word-spacing: 4px; color: #606060; }
.thappcontent { width: 440px; height: 400px; overflow: auto; font-family: Arial; padding: 10px; font-size: 11px; line-height: 18px; color: #090C13; }
.thappcontent1 { width: 440px; height: 400px; overflow: auto; font-family: Arial; padding: 10px; font-size: 11px; line-height: 18px; color: #090C13; }
</style>
<center>
<div id="thtabcontainer">
<center><div class="tabs">
<div class="tab">
<input type="radio" id="tab-1" name="tab-group-1" checked>
<label for="tab-1">[Административно- общественные учреждения]</label>
<div class="thcontent">
<div class="thappcontent">
<font style="font-size: 16px;"><b><i>Муниципалитет:</i></b></font>
<br><b>А</b>гент по недвижимости - <a href="http://thegods.rusff.me/profile.php?id=18"><i>Maximilian Renard</i></a>;
<br><font style="font-size: 16px;"><b><i>Городской суд: </i></b></font>
<br><b>А</b>двокат - <a href="http://thegods.rusff.me/profile.php?id=33"><i>Keira Wagner</i></a>;
<br><font style="font-size: 16px;"><b><i>Полиция:</i></b></font>
<br><b>П</b>риглашённый консультант - <a href="http://thegods.rusff.me/profile.php?id=18"><i>Sheo Garrett</i></a>;
<br><font style="font-size: 16px;"><b><i>Больница: </i></b></font>
<br><font style="font-size: 16px;"><b><i>Психиатрическая больница:</i></b></font>
<br><font style="font-size: 16px;"><b><i>Ветеринарная клиника:</i></b></font>
<br><font style="font-size: 16px;"><b><i>Пожарная:</i></b></font>
</div>
</div>
</div>
<div class="tab">
<input type="radio" id="tab-2" name="tab-group-1">
<label for="tab-2">[Образовательные учреждения:]</label>
<div class="thcontent">
<div class="thappcontent">
<br><font style="font-size: 16px;"><b><i>Школа:</i></b></font>
<br><b>У</b>ченик - <a href="http://thegods.rusff.me/profile.php?id=56"><i>Stephen Vargas</i></a>;
<br><font style="font-size: 16px;"><b><i>Колледж:</i></b></font>
<br><b>С</b>туденты - <a href="http://thegods.rusff.me/profile.php?id=13"><i>Marcus Wayne</i></a>, <a href="http://thegods.rusff.me/profile.php?id=45"><i>Hope Vargas</i></a>;
<br><font style="font-size: 16px;"><b><i>Университет: </i></b></font>
<br><b>Л</b>ектор по антропологии и биологии - <a href="http://thegods.rusff.me/profile.php?id=18"><i>Sheo Garrett</i></a>;
<br><b>П</b>реподаватель орнитологии - <a href="http://thegods.rusff.me/profile.php?id=49"><i>Grace Carey</i></a>;
<br><font style="font-size: 16px;"><b><i>Городская библиотека:</i></b></font>
</div>
</div>
</div>
<div class="tab">
<input type="radio" id="tab-3" name="tab-group-1">
<label for="tab-3">[СМИ]</label>
<div class="thcontent">
<div class="thappcontent">
<br><font style="font-size: 16px;"><b><i>Газета:</i></b></font>
<br><b>Ж</b>урналист, ведущий криминальных хроник - <a href="http://thegods.rusff.me/profile.php?id=13"><i>Marcus Wayne</i></a>;
<br><font style="font-size: 16px;"><b><i>Журнал:</i></b></font>
<br><font style="font-size: 16px;"><b><i>Телевидение: </i></b></font>
</div>
</div>
</div>
<div class="tab">
<input type="radio" id="tab-4" name="tab-group-1">
<label for="tab-4">[Развлекательные учреждения:]</label>
<div class="thcontent">
<div class="thappcontent">
<font style="font-size: 16px;"><b><i>Ресторан:</i></b></font>
<br><b>Д</b>олжность - <a href="ссылка на профиль"><i>имя фамилия на англ</i></a>;
<br><font style="font-size: 16px;"><b><i>Бар: </i></b></font>
<br><font style="font-size: 16px;"><b><i>Стрип-клуб:</i></b></font>
<br><font style="font-size: 16px;"><b><i>Ночной клуб: </i></b></font>
<br><b>В</b>ладелец - <a href="http://thegods.rusff.me/profile.php?id=44"><i>Salvatore Rosato</i></a>;
<br><b>О</b>рганизатор субботних ночей - <a href="http://thegods.rusff.me/profile.php?id=9"><i>Zia Stump</i></a>;
<br><b>Т</b>анцовщица - <a href="http://thegods.rusff.me/profile.php?id=43"><i>Milana Coul</i></a>
<br><font style="font-size: 16px;"><b><i>Пиццерия:</i></b></font>
<br><font style="font-size: 16px;"><b><i>Суши бар:</i></b></font>
<br><font style="font-size: 16px;"><b><i>Кафе В:</i></b></font>
<br><font style="font-size: 16px;"><b><i>Кофейня:</i></b></font>
<br><font style="font-size: 16px;"><b><i>Казино:</i></b></font>
<br><font style="font-size: 16px;"><b><i>Театр:</i></b></font>
<br><font style="font-size: 16px;"><b><i>Кинотеатр:</i></b></font>
<br><b>К</b>иномеханик - <a href="http://thegods.rusff.me/profile.php?id=10"><i>Robert Wayne</i></a>;
<br><font style="font-size: 16px;"><b><i>Прочие профессии:</i></b></font>
<br><b>Л</b>иповый экстрасенс- <a href="http://thegods.rusff.me/profile.php?id=11"><i>Lu Ming</i></a>;
<br><b>П</b>рограммист, блоггер - <a href="http://thegods.rusff.me/profile.php?section=essentials&id=48"><i>Melinda Gray</i></a>;
</div>
</div>
</div>
<div class="tab">
<input type="radio" id="tab-5" name="tab-group-1">
<label for="tab-5">[Торговые учреждения]</label>
<div class="thcontent">
<div class="thappcontent"><br><font style="font-size: 16px;"><b><i>Антикварный магазин:</i></b></font>
<br><font style="font-size: 16px;"><b><i>Аптека:</i></b></font>
<br><font style="font-size: 16px;"><b><i>Торговый центр:</i></b></font>
<br><font style="font-size: 16px;"><b><i>Книжный магазин:</i></b></font>
</div>
</div>
</div>
</div>
</div></center>
</div>
</center>Код:
<br><b>Д</b>олжность - <a href="ссылка на профиль"><i>имя фамилия на англ</i></a>;
