Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Lily+Script+One' rel='stylesheet' type='text/css'>
<style type="text/css"> .scroll::-webkit-scrollbar { background: #2f292d; width: 10px; } .scroll::-webkit-scrollbar-thumb { background: #32272d; width: 10px } .scroll::-webkit-scrollbar-corner { background: #2f292d; } </style>
<style type="text/css">#cappy3 {width: 100px; height: 100px; border: 3px solid #32272b; position: relative; overflow: hidden;}
#cappy3 .page { transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; position: absolute; left: 0px; bottom: 0px; width: 100px; height: 100px;}
#cappy3:hover .page {transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; left: -150px;}</style>
<style type="text/css">#cappy1 {width: 100px; height: 100px; border: 3px solid #32272d; position: relative; overflow: hidden;}
#cappy1 .page { transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; position: absolute; right: 0px; bottom: 0px; width: 100px; height: 100px;}
#cappy1:hover .page {transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; right: -100px;}</style>
<style type="text/css">#cappy2 {width: 100px; height: 100px; border: 3px solid #32272b; position: relative; overflow: hidden;}
#cappy2 .page {transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; position: absolute; left: 0px; bottom: 0px; width: 100px; height: 100px;}
#cappy2:hover .page {transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; left: -150px;}</style>
<center>
<div style=" padding: 9px; background-image: url(http://s6.uploads.ru/XqfEA.jpg);margin: 10px auto; padding: 20px; width: 450px; ">
<table><tr>
<td style="width: 110px; height: 450px; padding: 5px;">
<div id="cappy3">
<div class="page"><img src="http://38.media.tumblr.com/0c52d57b3e6d44649bf1f2c8a1e8cc2e/tumblr_inline_namtbw4cxf1sczg1b.gif"></div>
<div style="width: 100px; height: 100px; background-color: #bfbdbe; padding: 0px; font-family: georgia; font-size: 10px; text-transform: uppercase; color: #353535; text-align: center; font-weight: bold;"><br><br><br>
Папа Дин<br>
___<br>
[skype]<br> bloody_hunter<br>2015
</div>
</div>
<br>
<div id="cappy1">
<div class="page"><img src="http://static.tumblr.com/4de249a48fa6de76f570ad740f115c13/ddwacdl/uqFn3neve/tumblr_static_sidebartwo.gif"></div>
<div style="width: 100px; height: 100px; background-color: #bfbdbe; padding: 0px; font-family: georgia; font-size: 10px; text-transform: uppercase; color: #353535; text-align: center; font-weight: bold;"><br><br><br>
Мама Лидия<br>
___<br>
[skype] keks
</div>
</div>
<br>
<br>
<div id="cappy3">
<div class="page"><img src="http://sg.uploads.ru/K8BtU.gif"></div>
<div style="width: 100px; height: 100px; background-color: #bfbdbe; padding: 0px; font-family: georgia; font-size: 10px; text-transform: uppercase; color: #353535; text-align: center; font-weight: bold;"><br><br><br>
Дедушка Стив<br>
___<br>
[iсq] 648335145
</div>
</div>
<br>
<br>
<div id="cappy1">
<div class="page"><img src="http://sh.uploads.ru/XiEMl.gif"></div>
<div style="width: 100px; height: 100px; background-color: #bfbdbe; padding: 0px; font-family: georgia; font-size: 10px; text-transform: uppercase; color: #353535; text-align: center; font-weight: bold;"><br><br><br>
Сестра Кэтрин<br>
___<br>
[iсq]
</div>
</div>
<br>
</div></td>
<td>
<div style="width: 300px; height: 30px; font-family: Oswald; font-size: 40px; text-align: center; text-shadow: #302715 -2px 0px 0px; color: #ebeae6; margin-top: 0px;">
Welcome HOME
</div>
<div style="width: 310px; height: 12px; margin-top: 20px; background-color: #32272d; padding-bottom: 5px; font-family: PT Sans Narrow; font-size: 10px; color: white; text-transform: uppercase; text-align: center; padding-top: 2px; padding-bottom: 2px;">
втиснись в тапочки и запахни халат
</div>
<div style="width: 300px; height: 445px; background-color: #e4e1e3; font-family: PT Sans Narrow; font-size: 13px; line-height: 11px; color: #353535; text-align: justify; padding: 5px; overflow: auto;" class="scroll">
<center>Доброго! Доброго! Доброго дня, дорогие путники...</center><br>
... отправившиеся со своих насиженных мест в поисках нового <b>ДОМА</b>. Остановитесь. Лишь на мгновение. Оглянитесь - вы его уже нашли!<br>
Перед вами сегодня распахиваются скрипучие двери, ведущие в уютные комнаты. Перед вами раскрывают потертые страницы сказочного <b><i>Легендариума</b></i>. Места, где нет никаких границ. <br>
Бесконечность и постоянство <b><i>Легендариума</b></i> ограничивается лишь вашим желанием, вашим настроением и вашей фантазией. Здесь всё создано для того, чтобы легко можно было уйти с головой в бесконечный Мир перекрестков жизней и дорог. Здесь создан <b>Дом</b>.<br>
<center>○○ ○ ○○<br>
<b>Название:</b> Legendarium<br>
<b>Девиз:</b> Make yourself at home<br>
<b>Жанр:</b> кроссовер<br>
<b>Дата открытия:</b> 06.07.2015<br>
○○ ○ ○○<br></center>
Администрация проекта будет рада видеть вас в нашем доме, лишь запомните несколько простых правил Гостевой:<br>
► Роль для "Гостя" придерживается на <b>сутки</b>. Чтобы забронировать желанного персонажа на <b>5 дней</b> - необходима регистрация.<br>
► Для таких просьб как: смена пароль, призыв кого-то из жителей Легандариума, создания новой темы рекламы и много другого; есть замечательное слово: "Пожалуйста". И наше "Всегда рады помочь" не заставит вас ждать.
<br>► С шаблоном для придержания вы можете ознакомиться ниже.<br><br>
<center>
<br><i><b>до 20.08</b></i>
<br><b>gotham</b> [oswald cobblepot] ~ за <i>пингвин</i>
<br><b>sailor moon</b> [michiru kaioh / sailor neptune] ~ за <i>аляска</i>
</center>
</div>
</td>
</tr></table>
</div></div>
</center>Код:
<br><b>фандом на англ.</b> [имя персонажа на англ.] ~ за <i>ваш ник</i>
