Код:
<style type="text/css">#bex {width: 500px; height: 566px; position: relative; overflow: hidden;} #bex .page { -WEBKIT-TRANSITION: 2S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.8S ALL EASE-IN-OUT; O-TRANSITION: 0.8S ALL EASE-IN-OUT; position: absolute; left: 0px; bottom: 0px; width: 500px; height: 566px;} #bex:hover .page {-WEBKIT-TRANSITION: 0.8S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.8S ALL EASE-IN-OUT; O-TRANSITION: 0.8S ALL EASE-IN-OUT; left: -500px;}</style> <center> <div id="bex"><div class="page"> <img src="http://i62.fastpic.ru/big/2014/0531/84/fa5b762dc44d2ae5dd187292a2244b84.png"> </div> <div style="width: 400px; background-color: #b7b8e8; font-size: 10px; border: ridge #a9a8d7 3px; line-height: 9px; text-align: justify;"><br><br> <center><div style="text-shadow: 1px 1px #aea9c6, 2px 2px #3e3e3e; font-size: 4em; color: #222228; font-family: Arial;">carpe diem</div><br><br><br> <div style="color: #222228; font-family: Orator Std;"><center>HOLLYWOOD, NC-21, REAL LIFE</center></div> <br> </div> <br><br> <div style="width: 400px; background-color: #b7b8e8; font-size: 10px; border: ridge #a9a8d7 3px; line-height: 9px; font-family: Verdana, Arial, sans-serif; text-align: justify;"> <br> <b>I.</b> Мы рады всем и приветствуем каждого на нашем форуме - мы свободны от предрассудков и любые попытки разжечь скандал, ссору и костер в людном месте будут пресекаться и караться розгами. <br><br> <b>II.</b> Да, у нас нет темы с правилами – серьезно, вы ее читаете? Естественно, нет, кто не в курсе сегодня, какого размера ставить аватары, на каком языке регистрироваться, и что значит NC-21? В целом, общепринятые пункты мы решили опустить, но вот то, что иногда вызывает споры, все-таки стоит указать. <br><br> <b>III.</b> Мы придерживаем внешности ровно на два дня, столько же вам дается на то, что бы оставить анкету. Перепридерживать свои мордахи вы можете не больше трех раз – суровая реальность такова, что вас не будут ждать вечно. Внешности для нужных не придерживаються ни под каким предлогом. Со списком придержанных вы можете ознакомиться в гостевой книге.<br><br> <b>IV.</b> Нет активности неделю – мы удаляем вам профиль. Тут все четко. Либо играешь, флудишь, принимаешь участие в жизни форума, либо сходи с поезда форумной жизни. Не занесли свою роль в список - забудьте о ней, оа не считается занятой. <br><br> <b>V.</b> Пусть мы и толерантные, и все такое, но давайте не устраивать балаган и быть хорошими мальчиками-девочками – не флудим там, где это не нужно, но лезем в гостевую, когда вас не зовут, не оскорбляем других игроков и получаем удовольствие от времяпровождения на форуме. <br><br></div> <br><br> <div style="width: 400px; background-color: #b7b8e8; font-size: 10px; border: ridge #a9a8d7 3px; line-height: 9px; font-family: Verdana, Arial, sans-serif; text-align: justify;"> <br> <table><tr><td><b>придержаны до 07.06.:</b> <br> Colin O'Donoghue<br> <br> <b>придержаны до:</b> <br> ...<br> <br> <b>придержаны до:</b> <br> ... <br><br> </td></tr></table> </div> </div> </center>