Код:
<!--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://storage2.static.itmages.ru/i/16/0523/h_1464027524_5626691_1c30d47465.jpg);margin: 10px auto; padding: 20px; width: 450px; "> <table><tr> <td style="width: 110px; height: 450px; padding: 5px;"> <br> <div id="cappy1"> <div class="page"><img src="http://savepic.ru/9990394.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> [личные сообщения] </div> </div> <br> <br> <div id="cappy3"> <div class="page"><img src="http://savepic.ru/9982202.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> [личные сообщения] </div> </div> <br> <br> <div id="cappy1"> <div class="page"><img src="http://savepic.ru/9963770.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> [личные сообщения] </div> </div> <br> <br> <div id="cappy1"> <div class="page"><img src=""></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> [личные сообщения] </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;"> House of Cards </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> Мы предлагаем вам окунуться в жизнь столицы Соединенных штатов Америки. Здесь не бывает серых будней. Каждый день здесь раскрашен миллионом ярких красок. Предлагаем вам окунуться в мир интриг и политики, в мир добра и зла. Построить жизнь этого города. И помните город это большой механизм, а каждая история важная его часть. И этот город дышит и существует благодаря этим историям. Поэтому давайте начнем писать эту увлекательную историю, которая будет полна яркими красками. <br> <center>○○ ○ ○○<br> <b>Название:</b> House of Cards<br> <b>Жанр:</b> реальная жизнь<br> <b>Дата открытия:</b> 28.05.2016<br> ○○ ○ ○○<br></center> Администрация проекта будет рада видеть вас в наших краях, лишь запомните несколько простых правил Гостевой:<br> ► Роль и внешность придерживается на <b>трое суток</b>. Вы можете продлить придержание на три дня в случае если не успеваете дописать анкету. <br> <br>► С шаблоном для придержания вы можете ознакомиться ниже.<br><br> <center> <br><i><b>по 06.06.16 </b><i> <br><b>Kat Graham </b> ~ за <i>Janel Sherman</i> </center> </div> </td> </tr></table> </div></div> </center>
Код:
<br><b>имя знаменитости </b> ~ за <i>ваш ник/имя персонажа</i>