Код:
<div class="post-box">
            <div id="p1-content" class="post-content">
            <!--HTML-->
            <link href="http://fonts.googleapis.com/css?family=Cookie" rel="stylesheet" type="text/css">
<center>
<div class="one"></div>
<div class="two">
<div class="four"><span style="font-size:10px">
<center><font style="color: #454432; font-family: Lobster; font-size: 26px; text-shadow: #a09c8f 1px 0px 1px;">сюжет</font></center>
<center><div style="margin-left: -40px;"><img src="http://funkyimg.com/i/Vjsh.png"></div></center>
<center><div style="margin-left: 112px; margin-top: -13px; color: #454432; font-family: Playfair Display SC; font-size: 9px;">с чего начинается жизнь</div></center><br>
<br>
<font style="color: #454432; font-size: 12px; text-align: justify;"><i>"Мир изменился. Я чувствую это в воде, чувствую это в земле, ощущаю в воздухе... Многое из того, что было - ушло".</i><br><br>

Чем для нас является мир? Комната, дом, лес, город или необъятные просторы, которые нельзя измерить и изведать до конца, километры и мили чистого простора? Вы не ответите на этот вопрос, ибо миры делятся для каждого из нас на свои личные. Маленькие и просто огромные. Не многие задумываются над этим. Да и зачем думать о таком, если ты беззаботно живешь в том или ином местечке, радуешься солнышку, смене времен года, не подозревая, что вокруг все не то, чем могло бы показаться на первый взгляд. Миры бывают разными. Они большие и маленькие, далекие и совсем-совсем близкие, кажется, что можно просто шагнуть через какую-то невидимую дверь, например, в зеркало, протянуть руку, и ты окажешься в совершенно другом пространстве. Неизведанное всегда притягивает к себе. Мечты уносят нас в те местечки, которые бы многие просто навали выдумкой больного разума, но ни одна фантазия не бывает необоснованной, ложной. Они строятся на реальности, просто немного приукрашиваются. Кому же не хочется жить в идеальном для себя мире... И кто бы только мог подумать, что путешествовать по измерениям все же можно, не прилагая усилий. Просто просыпаешься, а ты уже в другом городе, где тебе все непривычно. С подачей чьей-то легкой или не очень руки мы оказываемся не в том мире, о котором мечтали долгими днями и ночами, ожидали и искали пути выхода. Невидимые ниточки собирателя живых "кукол" слишком прочные, прочнее стальных. От них по доброй воле не освободиться, не перерезать обычными ножницами. Впрочем, обычно никто и не хочет этого делать, потому что ему не позволяют хотеть... Впрочем, это всего лишь отступление, чтобы подготовить всех вас к главной части "балета". Красные ленты перерезаны, колокола и трубы отгремели, фейерверки все давно уже выпущены в бескрайние просторы неба. И мы очень рады приветствовать вас тут. Добро пожаловать в город Трикветра, местечко тайн и загадок, теней и вопросов. К слову, загляните в старую библиотеку, что стоит на границе города. Помпезное здание, невозможно не заметить. Она кажется совершенно заброшенной, но это не так. Там живут духи истории нашего города. Только там вы можете найти старинную книгу-проводника, путеводитель по нашему миру. Просто пройдите к невысокому столику из темного дерева, проведите рукой по кожаному переплету алого цвета, так сильно напоминающего свежую кровь, сочащуюся из раны, пробегитесь глазами по аккуратно выведенным от руки буквам, не веря, что так может написать человек, и прочтите хотя бы кусочек первой странички:
<br><br><i>"Трикветра - город, построенный на руинах, город, возникший из пустоты. Кто его основал и когда доподлинно неизвестно, просто в один момент возникли дома, дороги, окрестности, и в разные дни, одним за другим стали появляться жители из совершенно других миров, надо признаться, загадочным образом. Но нас это не пугает, живем и будем жить впредь. Каждый день народа становится все больше и больше, а вместе с ним растет и наш город. Мы условно называем это "Городом". Это огромный мир, без границ, без дверей и окон в иные места, у нас все равны. Эти улицы, домишки, реки, поля и леса вблизи стали для нас единственным миром, а другого уже и не надо. "По волшебству все это", скажешь ты. Да, по волшебству! Если ты попал сюда однажды, то другого выхода нет. Ты помнишь, кто ты, но не можешь попасть обратно в свои воспоминания, есть только настоящее, безраздельное и неоспоримое. Найди себе приют, познай все тайны нашего мира... Мы чувствуем, что ты немного удивлен, это пройдет чуть позже, потому что не будет иного выбора. Мы не ведаем, что происходит тут каждую секунду. Может, тут обитают кровожадные монстры или даже кто-то пострашнее, может, случаются истинные чудеса. Об этом город расскажет со временем тебе сам".</i><br><br>
В воздухе витает странное чувство напряжения и заинтересованности. Но тайное же всегда притягивает, мы это помним. Пролистай дальше, странник, и убедись, что последних страниц в путеводителе нет, нет записи и о его авторе, нет даты создания. Все окутано завесой тайны, туманом, который иногда очень любит появляться по утрам в самом городе. Говорят, что вместе с ним появляются тут другие новички. Но, тссс, еще рано раскрывать карты. И это лишь означает, что пути назад ни у кого уже нет, и тебе придется познать все тайны мира сего, познакомиться с невероятными его обитателями. Добро пожаловать в город неизвестности, путешественник, в Трикветру! История уже начинается…</font><br><br>

<center><div style="width: auto; font-family:Lobster; background-color: #454432; text-align: center; padding-top: 1px; font-size:18px; color: #bba87a;  text-shadow: #5f5334 1px 0px 1px">обратная сторона</div><center><br>
<font style="color: #454432; font-size: 12px; text-align: justify;">
Но город - это тоже не весь свет. Мы помним, что миров очень много, просто иногда они теряются в нашей памяти, в нашем воображении. Распахните глаза, оглянитесь вокруг, вспомните, что границы всегда стираются, если верить в чудеса. О, да, истинные чудеса, которые подогреваются на углях наших бескрайних мечтаний. Вы хотите познать неизведанное? Избороздить просторы каждого фандома? 
<br><br><b>"Мне очень хочется в небольшом примечании для всех странников, не прибывших к нам дописать, что у нас есть две версии развития сюжета для вашего персонажа: город Трикветра (о ней я позабочусь сам) и КАНОН. Конечно же, канон, его никто не отменял и отменять не собирается! И воля ваша, где играть. Если хотите, то можете быть в тайном городе только или же только в каноне! А, может, и там, и там, но соизмеряя временные рамки. На все воля ваша. Но в самом КАНОНЕ никаких ограничений к вашему персонажу абсолютно нету." </b><br><br>
Пользуйтесь магией, летайте на Тардисе, ходите через порталы, через волшебные двери и так далее. Вариантов прогулки между всеми каноническими мирами просто не ограничено ничем и никем. Свобода, равноправие и ваша воля! Спешите навстречу приключениям, не отказывайте себе в путешествиях. Может, завтра Шерлок Холмс захочет отправиться в Мордор, Черепашки-Ниндзя поучаствуют в Голодных Играх, а Капитан Америка встретится с самим Ганнибалом. Ваш персонаж, воля ваша в каноне! Долой рамки, поприветствуем свобод! Ах, да, с вами я не прощаюсь, котики.
</font>
</div></div>
<div class="three"></div></center>
            </div>

<style type="text/css">
.one {width: 600px; height: 60px; background-image: url(http://funkyimg.com/i/Vjso.png)}
.two {width: 600px; background-image: url(http://funkyimg.com/i/VjqM.png)}
.three {width: 600px; height: 51px; background-image: url(http://funkyimg.com/i/VjqN.png)}
.four {width: 550px; padding: -5px; color: black; font-family: Arial; font-size: 10px; text-align: justify; overflow: auto}

a.sbla:link, a.sbla:visited { display: block; margin-bottom: 1px; text-transform: uppercase; font-style: normal; font-family: cambria; font-size: 8px; letter-spacing: 1px;border-radius: 7px; background: #454432; color: #d2cdbd;  padding: 1px 2px 2px 10px;}

a.sbla:hover, a.sbla:active { -moz-transition: 1s ease; -webkit-transition: 1s ease;  display: block; text-transform: uppercase; font-family: cambria; font-size: 8px; letter-spacing: 5px; background: #d2cdbd; text-decoration: none; color: #454432; text-align: center; padding: 1px 2px 2px 20px;border-radius: 7px;}


.name{width: 500px; height:100px; background:#454432; font-family: 'lobster', cursive; font-size: 24px; font-align:center; 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}

.name1{width: 80px; height:40px; background:#454432; font-family: 'lobster', cursive; font-size: 24px; font-align:center; 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;}
.name1:hover {opacity:.9}

</style>