Код:
<!--HTML--><style type="text/css">#vancode36 { width: 200px; height: 120px; position: relative; overflow: hidden; }

#vancode36 .page { position: absolute; bottom: 0px; -webkit-transition: 0.9s all ease-in-out; -moz-transition: 0.9s all ease-in-out; -o-transition: 0.9s all ease-in-out; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; }

#vancode36:hover .page { bottom: -120px; -webkit-transition: 0.9s all ease-in-out; -moz-transition: 0.9s all ease-in-out; -o-transition: 0.9s all ease-in-out; -web kit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s;  }
</style><link href='http://fonts.googleapis.com/css?family=Oxygen+Mono' rel='stylesheet' type='text/css'>
<center><div id="vancode36">

<div class="page"><img src="http://s1.uploads.ru/leWYp.png" width= "200" height= "120"></div>

<div style="width: 160px; padding: 20px; text-align: justify; background-color: #89b1d4; height: 80px;"><div style="width: 160px; text-align: center; font-family: Natasha, 'Oxygen Mono', sans-serif; font-size: 20px; line-height: 100%; font-weight: bold; letter-spacing: -3px; color: #9d2a2f; text-transform: uppercase; padding-top: 20px; text-shadow: 1px 1px 2px #2d1e10;">

Дары Смерти</div>


</div></div></div></div>

</div></div><div style="width: 200px; margin: 3px; border-top: 3px double #ccc;"></div><div style="width: 160px; margin: 10px; padding-left: 10px; text-align: justify; font-family: tahoma; color: #666; font-size: 10px; line-height: 100%; border-left: 5px solid #2d1e10;">
<i>Раздел предназначен для гостей. Вся самая важная информация по работе форума собрана в данном подфоруме.</i><br>
<br>
<a href="http://smokeandmirrors.rusff.ru/viewtopic.php?id=933#p74845">Вопрос/Ответ</a><br>
<a href="http://smokeandmirrors.rusff.ru/viewtopic.php?id=1001#p74977">Гостевая комната</a><br>
<a href="http://smokeandmirrors.rusff.ru/viewtopic.php?id=934#p74846">Занятые внешности</a><br>
<a href="http://smokeandmirrors.rusff.ru/viewtopic.php?id=935#p74847">Занятые имена</a><br>
<a href="http://smokeandmirrors.rusff.ru/viewtopic.php?id=932#p74844">Канон</a><br>
<a href="http://smokeandmirrors.rusff.ru/viewtopic.php?id=966#p74899">Клубная деятельность</a><br>
<a href="http://smokeandmirrors.rusff.ru/viewtopic.php?id=936#p74848">Лист студентов</a><br>
<a href="http://smokeandmirrors.rusff.ru/viewtopic.php?id=1002#p74978">Правила</a><br>
<a href="http://smokeandmirrors.rusff.ru/viewtopic.php?id=931#p74843">Помощь с ролью</a><br>
<a href="http://smokeandmirrors.rusff.ru/viewtopic.php?id=928#p74834">Родословные</a><br>
<a href="http://smokeandmirrors.rusff.ru/viewtopic.php?id=921#p74821"> Список вакансий</a><br>
<a href="http://smokeandmirrors.rusff.ru/viewtopic.php?id=1000#p74970">Сюжет</a><br>
<br>
<br><br>
<br>
<br>
<br>
</div>
<div style="width: 200px; margin: 3px; border-top: 3px double #ccc;"></div><div style="width: 205px; padding: 3px; font-family: arial; font-size: 7px;  text-transform: uppercase; text-align: right; color: #89b1d4; line-height: 100%; letter-spacing: 3px;"></div></center>
Код:
<!--HTML--><style type="text/css">#vancode36 { width: 200px; height: 120px; position: relative; overflow: hidden; }

#vancode36 .page { position: absolute; bottom: 0px; -webkit-transition: 0.9s all ease-in-out; -moz-transition: 0.9s all ease-in-out; -o-transition: 0.9s all ease-in-out; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; }

#vancode36:hover .page { bottom: -120px; -webkit-transition: 0.9s all ease-in-out; -moz-transition: 0.9s all ease-in-out; -o-transition: 0.9s all ease-in-out; -web kit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s;  }
</style><link href='http://fonts.googleapis.com/css?family=Oxygen+Mono' rel='stylesheet' type='text/css'>
<center><div id="vancode36">

<div class="page"><img src="http://s3.uploads.ru/vNzJ3.png" width= "200" height= "120"></div>

<div style="width: 160px; padding: 20px; text-align: justify; background-color: #89b1d4; height: 80px;"><div style="width: 160px; text-align: center; font-family: Natasha, 'Oxygen Mono', sans-serif; font-size: 20px; line-height: 100%; font-weight: bold; letter-spacing: -3px; color: #9d2a2f; text-transform: uppercase; padding-top: 20px; text-shadow: 1px 1px 2px #2d1e10;">

Карта Мародеров</div>


</div></div></div></div>

</div></div><div style="width: 200px; margin: 3px; border-top: 3px double #ccc;"></div><div style="width: 160px; margin: 10px; padding-left: 10px; text-align: justify; font-family: tahoma; color: #666; font-size: 10px; line-height: 100%; border-left: 5px solid #2d1e10;">
<i>На наших библиотечных полках вы найдете самые нужные фолианты для домашнего задания. Особенно уделите внимание Техномагии. Новые предметы всегда даются сложно. Главное начать. </i>  <br>
<br>
<a href="http://smokeandmirrors.rusff.ru/viewtopic.php?id=941#p74854">Волшебные палочки</a><br>
<a href="http://smokeandmirrors.rusff.ru/viewtopic.php?id=949#p74872">Техномагия</a><br>
<a href="http://smokeandmirrors.rusff.ru/viewtopic.php?id=947#p74861">Волшебные растения</a><br>
<a href="http://smokeandmirrors.rusff.ru/viewtopic.php?id=948#p74862">Волшебные способности</a><br>
<a href="http://smokeandmirrors.rusff.ru/viewtopic.php?id=945#p74859">Ингредиенты и зелья</a><br>
<a href="http://smokeandmirrors.rusff.ru/viewtopic.php?id=939#p74852">Квиддич</a> <br>
<a href="http://smokeandmirrors.rusff.ru/viewtopic.php?id=950#p74875">Магические животные</a><br>
<a href="http://smokeandmirrors.rusff.ru/viewtopic.php?id=946#p74860">Магическая литература</a><br>
<a href="http://smokeandmirrors.rusff.ru/viewtopic.php?id=942#p74856">Магический транспорт. Технологии. Летающие мётлы</a> NB! Информация отличается от канона.<br>
<a href="http://smokeandmirrors.rusff.ru/viewtopic.php?id=940#p74853">Список заклинаний</a><br>
<a href="http://smokeandmirrors.rusff.ru/viewtopic.php?id=943#p74857">Чистота крови</a><br>
<a href="http://smokeandmirrors.rusff.ru/viewtopic.php?id=944#p74858">Школа Чародейства и Волшебства Хогвартс</a>
</div>
<div style="width: 200px; margin: 3px; border-top: 3px double #ccc;"></div><div style="width: 205px; padding: 3px; font-family: arial; font-size: 7px;  text-transform: uppercase; text-align: right; color: #89b1d4; line-height: 100%; letter-spacing: 3px;"></div></center>
Код:
<!--HTML--><style type="text/css">#vancode36 { width: 200px; height: 120px; position: relative; overflow: hidden; }

#vancode36 .page { position: absolute; bottom: 0px; -webkit-transition: 0.9s all ease-in-out; -moz-transition: 0.9s all ease-in-out; -o-transition: 0.9s all ease-in-out; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; }

#vancode36:hover .page { bottom: -120px; -webkit-transition: 0.9s all ease-in-out; -moz-transition: 0.9s all ease-in-out; -o-transition: 0.9s all ease-in-out; -web kit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s;  }
</style><link href='http://fonts.googleapis.com/css?family=Oxygen+Mono' rel='stylesheet' type='text/css'>
<center><div id="vancode36">

<div class="page"><img src="http://s3.uploads.ru/fBgyo.png" width= "200" height= "120"></div>

<div style="width: 160px; padding: 20px; text-align: justify; background-color: #89b1d4; height: 80px;"><div style="width: 160px; text-align: center; font-family: Natasha, 'Oxygen Mono', sans-serif; font-size: 20px; line-height: 100%; font-weight: bold; letter-spacing: -3px; color: #9d2a2f; text-transform: uppercase; padding-top: 20px; text-shadow: 1px 1px 2px #2d1e10;">

Философский камень</div>


</div></div></div></div>

</div></div><div style="width: 200px; margin: 3px; border-top: 3px double #ccc;"></div><div style="width: 160px; margin: 10px; padding-left: 10px; text-align: justify; font-family: tahoma; color: #666; font-size: 10px; line-height: 100%; border-left: 5px solid #2d1e10;">
<i>Раздел предназначен для гостей, желающих начать игру, но не знающих кого именно хотелось бы взять. Акции, нужные и недельные предложения. </i> <br>
<br>
<a href="http://smokeandmirrors.rusff.ru/viewtopic.php?id=951#p74880">action of the month</a><br>
<a href="http://smokeandmirrors.rusff.ru/viewtopic.php?id=952#p74881">Смоук ищет тебя!</a><br>
<a href="http://smokeandmirrors.rusff.ru/viewtopic.php?id=956#p74889">Ты нужен мне</a><br>
<a href="http://smokeandmirrors.rusff.ru/viewtopic.php?id=953#p74882">• Action #1 diagon alley kids</a><br>
<a href="http://smokeandmirrors.rusff.ru/viewtopic.php?id=954#p74884">• Action #2 fantastic beasts and where to find them</a><br>
<a href="http://smokeandmirrors.rusff.ru/viewtopic.php?id=955#p74886">• Action #3 Uroboros</a><br>
<br>
<br><br>
<br>
<br>
<br>
</div>
<div style="width: 200px; margin: 3px; border-top: 3px double #ccc;"></div><div style="width: 205px; padding: 3px; font-family: arial; font-size: 7px;  text-transform: uppercase; text-align: right; color: #89b1d4; line-height: 100%; letter-spacing: 3px;"></div></center>
Код:
<!--HTML--><style type="text/css">#vancode36 { width: 200px; height: 120px; position: relative; overflow: hidden; }

#vancode36 .page { position: absolute; bottom: 0px; -webkit-transition: 0.9s all ease-in-out; -moz-transition: 0.9s all ease-in-out; -o-transition: 0.9s all ease-in-out; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; }

#vancode36:hover .page { bottom: -120px; -webkit-transition: 0.9s all ease-in-out; -moz-transition: 0.9s all ease-in-out; -o-transition: 0.9s all ease-in-out; -web kit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s;  }
</style><link href='http://fonts.googleapis.com/css?family=Oxygen+Mono' rel='stylesheet' type='text/css'>
<center><div id="vancode36">

<div class="page"><img src="http://sd.uploads.ru/StsI9.png" width= "200" height= "120"></div>

<div style="width: 160px; padding: 20px; text-align: justify; background-color: #89b1d4; height: 80px;"><div style="width: 160px; text-align: center; font-family: Natasha, 'Oxygen Mono', sans-serif; font-size: 20px; line-height: 100%; font-weight: bold; letter-spacing: -3px; color: #9d2a2f; text-transform: uppercase; padding-top: 20px; text-shadow: 1px 1px 2px #2d1e10;">

Сквозные зеркала</div>


</div></div></div></div>

</div></div><div style="width: 200px; margin: 3px; border-top: 3px double #ccc;"></div><div style="width: 160px; margin: 10px; padding-left: 10px; text-align: justify; font-family: tahoma; color: #666; font-size: 10px; line-height: 100%; border-left: 5px solid #2d1e10;">
<i>В это подфоруме вы найдете анонс новых квестов и запись(для игроков) в квесты. </i><br>
<br>
<a href="http://smokeandmirrors.rusff.ru/viewtopic.php?id=961#p74894">Афиша Пророка</a><br>
<a href="http://smokeandmirrors.rusff.ru/viewtopic.php?id=960#p74893">Мастерская квестов</a><br>
<a href="http://smokeandmirrors.rusff.ru/viewtopic.php?id=962#p74895">Очередность</a><br>
<br>
<br>
<br>
<br>
<br><br><br>
<br>
<br>
<br>
<br>
</div>
<div style="width: 200px; margin: 3px; border-top: 3px double #ccc;"></div><div style="width: 205px; padding: 3px; font-family: arial; font-size: 7px;  text-transform: uppercase; text-align: right; color: #89b1d4; line-height: 100%; letter-spacing: 3px;"></div></center>