Код:
<!--HTML--><link href="http://fonts.googleapis.com/css?family=Old+Standard+TT:400,400italic|Oswald|Roboto|Sacramento|Tulpen+One|Yanone+Kaffeesatz" rel="stylesheet" type="text/css">
<style type="text/css">
.tempestship { width: 430px; height: 500px; padding: 10px; background-image: url(http://s3.uploads.ru/pSJHg.png); position: relative; border-bottom: 30px solid #222222; }
.tempesttitle2 { font-family: old standard tt; text-align: center; font-size: 45px; line-height: 80%; text-transform: lowercase; margin: 50px 10px 10px 10px; font-style: italic; letter-spacing: -3px; }
.tempestinfo { height: 220px; padding: 0px 5px 0px 0px; overflow: auto; text-align: justify; font-family: calibri; font-size: 10.5px; line-height: 130%; color: #000; }
.tempestcontent { width: 350px; height: 315px; padding: 10px; position: absolute; bottom: 0px; background-color: #8184ff; opacity: 0;}
.tempesttabs { width: 370px; height: 475px; background: transparent; clear: both; position: relative; }
.tempesttab label { font-family: oswald; font-size: 11px; text-transform: uppercase; letter-spacing: 2px; color: #e8c0a8; width: 100px; background-color: #000000; padding: 3px; line-height: 100%; position: absolute; }
.tempesttab [type=radio] { display: none; baseline-tab-shift: true, retrieve; }
[type=radio]:checked ~ label ~ .tempestcontent { z-index: 3; opacity: 1; }
[type=radio]:checked ~ label { font-weight: bold; font-style: italic; z-index: 0;}
.tempestbar { height: 50px; position: absolute; top: -50px; right: 0px; width: 370px; }
.tempestpic { border-radius: 100%; width: 125px; position: absolute; left: 102px; top: -60px; background-color: #8184ff; padding: 10px; border: 10px solid #22887C; z-index: 3; }
.tcred { text-transform: uppercase; text-align: right; width: 400px; }
.tcred a {font-family: calibri; font-size: 8px; letter-spacing: 1px; }
</style>
<center>
<div class="tempestship">
<div class="tempesttabs">
<div class="tempesttab">
<input type="radio" id="tempesttab-1" name="tempesttab-group-1" checked>
<label for="tempesttab-1" style="top: 9px; left: 132px;">вступление</label>
<div class="tempestcontent">
<div class="tempestbar" style="background-color: #3366e6;"><img src="http://s7.uploads.ru/OKnfx.gif" class="tempestpic" style="border-color: #3366e6;"></div>
<div class="tempesttitle2" style="color: #3366e6;">дорогой гость,</div>
<div class="tempestinfo">
Мы рады, что Ты заглянул к нам. Значит пол дела уже сделано и если ты это читаешь, значит все идет как надо. Начнем пожалуй с того, что ты не ошибся, да, да, это тестовый форум по тематике Голливуда. Но, не спеши закрывать вкладку, задержись на пару минут и выслушай нас. Ведь пара минут, это такая мелочь, как раз успеешь выпить кружечку горячего чая или ароматного кофе. Так вот, перейдем непосредственно к делу. Нас пока двое и мы полностью одержимы тем, что мы делаем. Для нас нет полумер или полутонов, мы сложили все плюсы и минусы, сто раз посовещались и пришли к выводу что нам это нужно. Мы очень надеемся что мы окажемся не одиноки в своих желаниях. Оговоримся сразу, что не претендуем на оскар за оригинальность или еще что то в этом роде, мы не волшебники, не Коперфильды и даже не Дэвиды Блейны. Так что тягаться или раздуваться от напыщенных речей в духе "мы всех порвем" не станем, ибо бессмысленно это и глупо.<br>
Идем дальше, а что там, ах да, гарантии. Честно говоря какие могут быть гарантии, когда их даже при покупке бытовой техники не особо давать хотят. А даже если и дают, то потом не хотят обратно принимать бракованную вещь. Но мы не такие, нет, мы не сеть магазинов "Эльдорадо". Если мы взялись, то доведем дело до конца. Не надо спрашивать а уверены ли мы, а сможем ли мы. Мы в себе уверены, ваша задача поверить нам и именно это самое доверие мы хотим у вас заслужить. Но для этого нам нужно чуточку ваших лучей добра, ведь даже в паровозик который смог, люди верили. Иначе у него ничего бы не вышло. Залог приятной игры и уютного дома, на 50 процентов зависит от людей что обитают в этом доме, так давайте мы приложим свои 50 а вы свои и мы построим огромное королевство. Где каждому найдется место у костра, где новичкам будут всегда рады, где мы будем играть с удовольствием, а развивать персонажа вам будет интересно. Давайте пройдем этот путь все вместе и создадим нечто, ни на что не похожее и притягательное.
</div></div> </div>
<div class="tempesttab">
<input type="radio" id="tempesttab-2" name="tempesttab-group-1">
<label for="tempesttab-2" style="top: 68px; left: 10px;">нужные</label>
<div class="tempestcontent">
<div class="tempestbar" style="background-color: #c65a5a;"><img src="http://s6.uploads.ru/eBOs1.gif" class="tempestpic" style="border-color: #c65a5a;"></div>
<div class="tempesttitle2" style="color: #c65a5a;">пристегнитесь!</div>
<div class="tempestinfo">
<center>чтобы придержать нужную внешность, используйте код, не забудьте убрать звездочки <br>
<*b>имя фамилия<*/b> - имя и фамилия вашей внешки<*br></center>
<br>
<table layout=fixed width=100%>
<tr>
<td bgcolor=#c65a5a><center><b>Женщины</b></center></td>
<td bgcolor=#c65a5a><center><b>Мужчины</b></center></td>
</tr>
<tr>
<td><b>olivia holt</b> - idiot<br>
</td>
<td><b>cody christian</b> - mountain dew<br>
<b>daniel gillies</b> - pandora<br>
<b>paul wesley</b> - pandora<br>
<b>james mcavoy</b> - багровый и белый<br>
<b>joseph morgan</b> - pandora<br>
<b>dominic sherwood</b> - пупсень или вупсень<br>
</td>
</tr>
</table>
</div></div> </div>
<div class="tempesttab">
<input type="radio" id="tempesttab-3" name="tempesttab-group-1">
<label for="tempesttab-3" style="top: 45px; left: 30px;">правила</label>
<div class="tempestcontent">
<div class="tempestbar" style="background-color: #999cff;"><img src="http://s7.uploads.ru/V4jKL.gif" class="tempestpic" style="border-color: #af4f37;"></div>
<div class="tempesttitle2" style="color: #999cff;">важно знать!</div>
<div class="tempestinfo">
Правила созданы чтобы их нарушать, говорили они. Врали они, точно врали. Правила нужны всегда и везде, в любом обществе, в любом месте земного шара, где бы вы не находились и что бы вы не делали. Вот и у нас есть те самые правила, которых вы должны придерживаться, чтобы вашу внешку не увел кто-то другой.<br>
<br>
<center><b>Золотые Правила Бабушек На Лавочке</b></center><br>
<br>
<b>1.</b> Гостевая для гостей и амс, если между гостем и администратором ведется диалог, не стоит в него влезать. Если администраторам или гостю будет нужна ваша помощь, вас непременно об этом оповестят и пригласят внести свою лепту.<br>
<b>2.</b> Гостевая для получения информации, бронирования внешности и помощи гостям. Любой холивар или необоснованная агрессия, будет тут же удалятся а профиль который затеял междусобой, отправится в длительный отпуск. Уважайте себя, окружающих и будьте терпимее друг к другу.<br>
<br>
<center><b>Золотые Правила Держать Жопку В Тепле</b></center><br>
<br>
<b>1.</b> Внешность, можно забронировать только зарегистрированному персонажу<br>
<b>2.</b> Внешность, крепится за вами ровно на трое суток, после бронирования. Если вы не подаете знаки жизни более трех суток, любой путник из гостевой, имеет право переписать вашу роль на себя. <br>
<b>3.</b> Чтобы такого не случилось, каждый будущий игрок, обязан отписывать хотя бы одно сообщение, в течение трех суток. Тем самым дав нам - амс, понять, что его намерения серьезны.<br>
<b>4.</b> Для игроков которые не любят флуд, не выясняют отношения и не желают открывать игру на тестовике, существует специальная тема, под названием - "я отметился". Где сугубо ждущие открытия игроки, могут отмечаться раз в трое суток и со спокойной душой держать тем самым роль за собой.<br>
<b>5.</b> Если вы пропадаете на отведенный срок брони и на вашу внешность есть претендент, не сомневайтесь, роль отойдет ему, а ваш профиль будет удален за не жизнеспособностью. Будем честными, многие люди бронируют роль, только чтобы она числилась занятой за ним, а дальше никаких последующих действий от них не исходит. Мы копить мертвые профили не будем. Мы не похоронное бюро "звездочка".<br>
<b>6.</b> Если по каким-либо причинам не можете отметится в течение трех суток или отбыли на длительный срок, вы должны оповестить об этом одного из амс заранее, чтобы ваша роль не ушла другому человеку.<br>
</div></div> </div>
<div class="tempesttab">
<input type="radio" id="tempesttab-4" name="tempesttab-group-1">
<label for="tempesttab-4" style="top: 45px; right: 30px;">ищем</label>
<div class="tempestcontent">
<div class="tempestbar" style="background-color: #e3e648;"><img src="http://s7.uploads.ru/8JuyM.gif" class="tempestpic" style="border-color: #e3e648;"></div>
<div class="tempesttitle2" style="color: #e3e648;">боевой клич</div>
<div class="tempestinfo">
Как всем хорошо известно, чтобы построить царство - государство, нужны работящие люди с золотыми руками. Чистые сердцем и душой, ответственные Барыни и Судари. На данном этапе, мы нуждаемся в рабочем персонале.
Если ты ответственный, креативный, идейный и полон энтузиазма, который не погаснет в тебе через неделю, то тебе точно к нам дружище. Нам не важен твой возраст, твоя раса и пол. Ты можешь быть хоть ортодоксальным евреем геем, любящим пельмешки на завтрак и играющим на саксофоне после полуночи. Мы полюбим тебя таким каков ты есть, найдем общий язык, если ты позитивен и желаешь работать с командой в атмосфере дружбы и семьи. Мы не любим злостных лентяев и существ, которые болеют 11 месяцев в году, уходят в депрессию каждый понедельник и отпрашиваются на недельку с ролевой по случаю похорон таракана - Васи. Приветствуется здоровая лень в дозволительных размерах и формах, ну а трудоголикам мы будем конечно же рады в первую очередь.<br><br>
<b>Кого мы ждем в нашу команду:</b><br>
<br>
<b>Администраторы</b> - в количестве 2-3 штук<br>
<b>Модераторы</b> - в количестве 4 штук<br>
<b>Рекламщики</b> - неограниченное количество<br>
<br>
При желании занять ту или иную должность, просьба прикладывать примеры своих трудов. Чтобы мы могли по достоинству оценить ваш потенциал и направить его в нужное русло.
</div></div></div>
<div class="tempesttab">
<input type="radio" id="tempesttab-5" name="tempesttab-group-1">
<label for="tempesttab-5" style="top: 68px; right: 10px;">уже с нами</label>
<div class="tempestcontent">
<div class="tempestbar" style="background-color: #fffdff;"><img src="http://s3.uploads.ru/e0OHS.gif" class="tempestpic" style="border-color: #fffdff;"></div>
<div class="tempesttitle2" style="color: #fffdff;">на пмж</div>
<div class="tempestinfo">
<center>чтобы придержать желаемую внешность, используйте код, не забудьте убрать звездочки<br>
<*b>имя фамилия внешности<*/b> - ваш ник<*br></center>
<br>
<table layout=fixed width=100%>
<tr>
<td bgcolor=#fffdff><center><b>Женщины</b></center></td>
<td bgcolor=#fffdff><center><b>Мужчины</b></center></td>
</tr>
<tr>
<td><b>alexandra daddario</b> - шла саша по шоссе<br>
<b>alicia vikander</b> - плакса миртл<br>
<b>amber heard</b> - сумасшедшая<br>
<b>blake lively</b> - 50 оргазмов шреддера<br>
<b>candice accola</b> - конь<br>
<b>cara delevingne</b> - dumbass<br>
<b>claire holt</b> - gold<br>
<b>danielle capmbell</b> - блин блинский<br>
<b>eiza gonzalez</b> - zombie girl<br>
<b>elizabeth olsen</b> - антидот<br>
<b>emma roberts</b> - совушка <br>
<b>emma watson</b> - леди<br>
<b>emeraude toubia</b> -durak<br>
<b>emilia clarke</b> - латте<br>
<b>emmy rossum</b> - муза психоаналитика<br>
<b>jennifer lawrence</b> - let eat bee<br>
<b>kat graham</b> - фрамм<br>
<b>keira knightley</b> - морская<br>
<b>kristen stewart</b> - степашка<br>
<b>lily collins</b> - пупсень или вупсень<br>
<b>lyndsy fonseca<*/b> - оливка<br>
<b>nina dobrev</b> - pandora*<br>
<b>margot robbie</b> - <i>18+</i><br>
<b>phoebe tonkin</b> - дочь анархии*<br>
<b>rosie huntington-whiteley</b> - химия<br>
<b>shelley hennig</b> - mountain dew<br>
<b>sophie turner</b> - сверхновая<br>
<b>tori black</b> - чучундра<br>
<b>zoey deutch</b> - небылица<br>
</td>
<td><b>сody сhristian</b> - текила<br>
<b>daniel gillies</b> - дорогая, я перезвоню</br>
<b>james mcavoy</b> - профессор <br>
<b>jensen ackles</b> - бродский<br>
<b>matthew daddario</b> - три шестерки<br>
<b>michael fassbender</b> - багровый и белый<br>
<b>ryan reynolds</b> - 50 оргазмов шреддера<br>
<b>nick bateman</b> - алкоголик</br>
<b>ian somerhalder</b> - март<br></td>
</tr>
</table>
</div></div></div>
</div>
</div>
