Код:
<center> <link href='http://fonts.googleapis.com/css?family=Abril+Fatface' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Trochut' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Advent+Pro:100' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'> <style> .charli { color: #D7DACF; text-align: justify; width: 550px; height: 650px; -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -ms-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease; -webkit-filter: invert(0%); -ms-transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); opacity: 0.0; } .charli:hover { opacity: 1.0; -ms-transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1);} -webkit-filter: invert(100%); } .skai::-webkit-scrollbar { width: 3px; background: #f2f2f1; } .skai::-webkit-scrollbar-thumb { background: #32b0a5; } .skai::-webkit-scrollbar-corner { background: #32b0a5; } </style> <div style="background: url(https://forumstatic.ru/files/0014/67/df/77640.png); width: 550px; height: 650px; padding: 30px; border: 1px solid #FFFFFF;"> <div style="background: #FFFFF; width: 550px; height: 450px; padding: 1px;"> <div style="background: url(https://forumstatic.ru/files/0014/67/df/16570.png); width: 530px; height: 630px; padding: 10px;"> <div style="width: 520px; height: 620px; border: 3px double #ffffff;"> <div class="charli"> <center> <div style="background: #514340; width: 500px; height: 600px; padding: 10px; position: relative; left: -15px;"> <table cellspacing="1" cellpadding="1"> <tr> <div style="font: 55px Abril Fatface; letter-spacing: 3px; background: -webkit-linear-gradient(#604e54, #0ea89c); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 80%; text-align: center; line-height: 70%;">Oh, Portland</div> <br> <div style="font: 10px Abel; text-transform: uppercase; letter-spacing: 3px; color: #c04886; position: relative; top: -10px;"><span style="color: #c04886;"> real-life;</span> <span style="color: #efcc7a;"> эпизодическая;</span> <span style="color: #2bada3;"> nc-17 [18+].</span></div> </tr> <tr> <div style="background: url(https://forumstatic.ru/files/0014/67/df/77640.png); width: 450px; height: 160px; padding: 5px; border: 3px solid #FFFFFF;"> <div style="background: #FFFFFF; width: 420px; height: 140px; padding: 5px; border: 3px double #f2f2f1;"> <div class="skai" style="font:9px Century Gothic; text-transform: lowecase; letter-spacing: 1px; color: #547361; text-align: justify; height: 140px; overflow: auto; line-height: 90%; column-count: 2; -moz-column-count: 2; -webkit-column-count: 2;"> <div style="font: 30px Abril Fatface; letter-spacing: -3px; color: #e1b047; text-align: center; line-height: 100%; text-transform: lowercase;">Oh,</div> Добро пожаловать в город Роз.<br> название форума:<big> oh, Portland;</big><br> тематика игры:<big> real-life;</big><br> место & дата событий: США, штат Орегон, город Портленд [подробнее о городе будет рассказано в путеводителе];<br><br> <div style="font: 30px Abril Fatface; letter-spacing: -3px; color: #d3799f; text-align: center; line-height: 100%; text-transform: lowercase;">Portland</div> Добро пожаловать в Портленд, дорогой путник, в город, в котором у каждого впереди миллионы дорог, мириады возможностей и шансов, в город, который дышит громкой музыкой, шепотом деревьев и детским смехом. <br> Вы попали в город, наполненный пятьюдесятью оттенками зеленого, солнечно-рыжего, небесно-голубого, разного, такого живого... Здесь все дышит. Здесь каждый живет ежесекундно. Здесь плоды цивилизации и огромные небоскребы мегаполиса сплетаются лозами с деревенским уютом парков, маленькими семейными бакалеями и кондитерскими, здесь неоновые вывески ночных клубов сменяют городские праздники на центральной площади, отпрысков богатых родителей - бегуны в 5.03 на стадионе, здесь всегда кипят события, здесь не бывает затишья. Это Портленд, город, в котором можно стать тем, кем по-настоящему хочется, даже не прибегая к помощи О. Ж. Гранта. Проходите, устраивайтесь поудобнее, отныне вы - дома. </div> </div> </tr> <tr> <div style="background: url(https://forumstatic.ru/files/0014/67/df/77640.png); width: 450px; height: 120px; padding: 5px; border: 3px solid #FFFFFF;"> <div style="background: #FFFFFF; width: 420px; height: 100px; padding: 5px; border: 3px double #f2f2f1;"> <div class="skai" style="font: 10px Century Gothic; text-transform: lowercase; letter-spacing: 1px; color: #547361; text-align: justify; height: 100px; overflow: auto; line-height: 90%; column-count: 2; -moz-column-count: 2; -webkit-column-count: 2;"> <div style="font: 16px Abril Fatface; letter-spacing: 1px; color: #e1b047; text-align: center; line-height: 100%; text-transform: lowercase;">за гостями числятся</div> <b>dylan o'brien</b> за <i>jester</i> <br> <b>tyler hoechlin</b> за <i>синие океаны</i> <br> <b>kaya scodelario</b> за <i>синие океаны</i> <br> <b>jack o'konnell</b> за<i> синие океаны</i><br> <b>holland roden </b> за <i>ночь</i> <br> <b>kim hyuna </b> за <i>финн парнишка</i> <br> <b>shelley hennig </b> за <i>пицца</i> <br> <b>phoebe tonkin</b> за <i>принцесса пупырка</i> <br> <b> daniel sharman</b> за <i>принцесса пупырка</i> <br> <b>nina dobrev </b> за <i>love, rosie</i> <br> <b>colton haynes </b> за <i>rebel</i> <br> <b>emilia clarke </b> за <i>hydra</i> <br> <div style="font: 16px Abril Fatface; letter-spacing: 1px; color: #d3799f; text-align: center; line-height: 100%; text-transform: lowercase;">проходят по акции</div> lily loveless для нужных<br> kathryn prescott для нужных<br> megan prescott для нужных<br> luke pasqualino для нужных<br> ollie barbieri для нужных<br> lisa backwell для нужных<br> merveille lukeba для нужных<br> sam jackson для нужных<br> dakota blue richards нужных<br> joe cole для нужных<br> hannah murray для нужных<br> </div> </div> </tr> <tr> <div style="background: url(https://forumstatic.ru/files/0014/67/df/77640.png); width: 450px; height: 190px; padding: 5px; border: 3px solid #FFFFFF;"> <div style="background: #FFFFFF; width: 420px; height: 170px; padding: 5px; border: 3px double #f2f2f1;"> <div class="skai" style="font: 10px Century Gothic; text-transform: lowercase; letter-spacing: 1px; color: #547361; text-align: justify; height: 160px; overflow: auto; line-height: 90%; column-count: 2; -moz-column-count: 2; -webkit-column-count: 2;"> <div style="font: 16px Abril Fatface; letter-spacing: 1px; color: #e1b047; text-align: center; line-height: 100%; text-transform: lowercase;">условия</div> - роли придерживаются на три дня, по истечению которых, вы можете продлить срок еще на столько же (всего можно продлевать три раза);<br> - касаемо заявок в нужном: смело пишете в гостевую, если у вас есть какие-то вопросы, главное укажите заявку, и автор прилетит к вам на помощь и подарит эскимо;;<br> - если не знаете кого выбрать, тоже можете сюда писать, и мы всем форумом подберем для вас кого-то интересного. <div style="font: 16px Abril Fatface; letter-spacing: 1px; color: #d3799f; text-align: center; line-height: 100%; text-transform: lowercase;">шаблон оформления</div> <i><</i>b<i>></i>имя выбранной вами внешности <i><</i>/b<i>></i> за <i><</i>i<i>></i>ваш ник<i><</i>/i<i>></i> <i><<i/>br<i>></i> </div> </div> </tr> </table> </center> </div> </div> </div> </div> </div> </center>
*наведите на центр картинки.