Код:
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
<style type="text/css">
/* Clean up the lists styles */
ul.accordion {
list-style: none;
margin: 0;
padding: 0;
}
/* Hide the radio buttons */
/* These are what allow us to toggle content panes */
ul.accordion label + input[type='radio'] {
display: none;
}
/* Give each content pane some styles */
ul.accordion li {
background-color: #FCFDF5;
width: 450px;
text-align: justify;
font-size: 9.5px;
font-family: tahoma;
line-height: 95%;
color: #262422;
border-bottom: 2px solid #D1FBB3;
}
/* Make the main tab look more clickable */
ul.accordion label {
background-color: #00A4B7;
width: 430px;
color: #FCFDF5;
display: block;
padding: 10px;
text-align: center;
text-transform: uppercase;
font-family: open sans condensed;
font-size: 16px;
letter-spacing: 1px;
border-bottom: 2px solid #D1FBB3;
}
ul.accordion label:hover {
cursor: pointer;
}
/* Set up the div that will show and hide */
ul.accordion div.content {
overflow: hidden;
padding: 0 10px;
display: none;
}
/* Show the content boxes when the radio buttons are checked */
ul.accordion label + input[type='radio']:checked + div.content {
display: block;
}
.apples {padding: 10px;}
.lemons { background-color: #00A4B7;
width: 430px;
color: #FCFDF5;
display: block;
padding: 10px;
text-align: center;
text-transform: uppercase;
font-family: open sans condensed;
font-size: 16px;
letter-spacing: 1px;
border-bottom: 2px solid #D1FBB3;}
</style>
<center>
<div class="lemons">фак</div>
<div style="width: 450px; height: 250px; background-image: url(http://colourlovers.com.s3.amazonaws.com/images/patterns/3510/3510892.png?1364677718);border-bottom: 2px solid #D1FBB3;"><div style="padding-top: 25px;"><div style="width: 400px; height: 200px; background-image: url(http://sd.uploads.ru/QWrNh.png); border: 2px solid #00A4B7;"></div></div></div>
<ul class='accordion'>
<li>
<label for='cp-1'>навигация</label>
<input type='radio' name='a' id='cp-1'>
<div class='content'><div class="apples">
<p>
Итак, мой <s>упоротый</s> дорогой друг, мы готовы тебе представить ультра-модный и новый рецепт приготовления вкуснейшего мороженого. Не стоит бежать и забивать в гугле «Как приготовить McFlurry», ведь мы сейчас сами все тебе расскажем.
<p>
Но для начала тебе нужно пройти небольшую экскурсию по нашему городу. Я знаю, у тебя появилась куча вопросов по поводу форума, так что тебе нужно пройти к нашим консультантам в гостевую книгу(ссылка). Далее, я провожу тебя до списка занятых внешностей (ссылка), где ты поставишь свою подпись и пойдешь дальше искать свое имя и фамилию(ссылка) в списке на проживание. Не стоит забывать о том, что вечером к тебе зайдут наши консультанты и поинтересуются, кем ты работаешь, поэтому обязательно расскажи им о своей профессии(ссылка). Мы заходим в шикарный отель, проходя мимо администрации, ты задаешь им пару вопросов (ссылка). Затем мы с вами спускаемся в какой-то замызганный подвал, достаем по сигаретке, закуриваем и начинаем обсуждать, какую именно начинку(ссылка) будем класть в наше замечательное мороженое. По дороге в свой номер ты проходишь мимо стенда, где висят правила(ссылка) этикета.
</div></div>
</li>
<li>
<label for='cp-2'>администрация</label>
<input type='radio' name='a' id='cp-2'>
<div class='content'><div class="apples">
<p>
А теперь тебе, наверное, хочется узнать, кто же стоял часами у плиты, чтобы преподнести тебе это вкуснейшее мороженое? Кто не спал ночами и продумывал каждый рецепт приготовления превосходнейшей начинки для твоего мороженого? Знакомьтесь, великолепные шеф-повара, просто немного неадекватные и очень добрые администраторы:
<p><table><tr><td><img src="http://se.uploads.ru/hK2yd.png"></td>
<td>намбер ван - Алёна! Наш креативный шеф-повар, наша трудолюбивая пчёлка, которая обожает украшать <s>тортики</s> наш форум, "заворачивать" <s>конфетки</s> темы в красивые обёрточки.
<br>P.S.: наша пчёлка не любит, когда её кличут Алёнушкой, но если вы опасный кекс и решитесь назвать ее так, ждите скалку, которая уже летит в вашу сторону.</td></tr></table>
<table><tr><td>намбер ту - Никита! Мастер-сломастер, ленивец, но с другой стороны трудолюбивый парнишка. На кухне отвечает в основном за рецепты, организацию работы и приглашенных гостей. Серьезен, упрям, любит язвить и шкодить. Любит сидеть во флуде и следить за ленивыми людишками, которые не любят трудиться.</td>
<td><img src="http://se.uploads.ru/mzpfj.png"></td></tr></table>
<table><tr><td><img src="http://sf.uploads.ru/dbUKm.png"></td>
<td>намбер <s>картофель</s> фри - Дмитрий! Скромняшка, открытый для предложений парниша, который всегда всем поможет советом. Дима эдакий тихоня на волне дзен-буддизма, может войти в транс во время приготовления торта и упасть моськой прямо в крем.</td></tr></table>
</li>
<li>
<label for='cp-3'>вопросы</label>
<input type='radio' name='a' id='cp-3'>
<div class='content'><div class="apples">
<p>001. как вы относитесь к кроссполу?
<br>о: положительно. конечно же, если ты вумэн, ты можешь играть мэном. если ты мэн, ты можешь играть вумэн. но если ты среднего рода, и хочешь играть собакой - то ты не по адресу.
<p>002. разрешены ли у вас однополые отношения?
<br>о: безусловно, ты можешь заниматься любовью на кухне и с девушкой, и с парнем.
<p>003. разрешено ли использовать внешности умерших знаменитостей?
<br>о: халва небесная! нет, конечно, а то духи умерших придут к тебе ночью и надают половником по лбу.
<p>004. можно ли создавать второго персонажа?
<br>о: конечно, ты можешь взять себе второго оболтуса и играть им. но есть одно условие - постарайся следить как и за первым персонажем, так и за вторым. активность, активность, активность!
<p>005. от какого лица писать посты?
<br>о: от любого. хоть от ламината, хоть от линолеума. а если серьезно - то от любого, как твоей кулинарной душеньке будет угодно.
<p>006. имеются ли группировки?
<br>о: если ты под словом "группировки" имеешь ввиду - мафиюсекснаркотикишлюхи, то нет. но у нас есть другие группировки, именуемые начинками(здесь будет ссылка)
<p>007. возможна ли смена внешности?
<br>о: безусловно, если внешность будет не занята. но услуга, конечно же, не бесплатна. если у тебя на счету не будет флурин, то тебе придется платить натурой, запомни.
<p>008. NC-21 - это что, и с чем это едят?
<br>о: если тебе еще нет 18 и у тебя могут быть нарушения с психикой, то скорее закрывай наш форум и беги спать. ну, а если серьёзно, то NC-21 это рейтинг, при котором наши любимые кулинарные друзья могут творить на кухне полный хаос, начиная от жесткого секса на плите, заканчивая ужасным расчленением за углом дома.
</div></div>
</li>
</ul>
</center>