Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'> <center> <div style="font-family: 'Open Sans Condensed', sans-serif; text-align: center; font-size: 40px; letter-spacing: 1px; line-height: 30px;">Welcome to San Francisco</div> <div style="background-image:url(http://i11.pixs.ru/storage/2/2/5/ivapirtobl_7269142_17862225.jpg); padding: 10px; width: 400px;"><div style="background-color: #fff; font-family: tahoma; font-size: 10px; padding: 5px; line-height: 10px; text-align: justify;"><img src="http://ak-hdl.buzzfed.com/static/2015-01/6/19/enhanced/webdr05/anigif_enhanced-buzz-9407-1420591168-13.gif" width="390"> </div><p> <div style="background-color: #fff; font-family: tahoma; font-size: 13px; padding: 7px; line-height: 13px; text-align: justify;"> </div><p> <div style="background-color: #fff; font-family: tahoma; font-size: 13px; padding: 7px; line-height: 13px; text-align: justify;"> Очередной тестовый форум, подумали вы. Ну да, так собственно и есть. Не будем отрицать этот факт, и говорить, что мы, и только мы создадим огромный, прекрасный форум по мотивам реальной жизни, который проживет не один год. Может быть, и создадим, но к чему загадывать сейчас, когда все только начинается?<br> Что же это будет в итоге? Будет самый обычный реальный реал в городе Сан-Франциско, штат Калифорния, США. И для того, чтобы все получилось, нам нужны вы, каждый из тех, что стал гостем на нашем тестовике.<br> Многие стали забывать, для чего именно нужна ролевая игра. Она нужна не для того, чтобы постоянно сидеть во флуде, участвовать в бесконечных конкурсах и висеть на главной странице форума. Она нужна, чтобы играть. Если разделяете наше мнение, значит вы попали куда нужно. Да, у нас будут и конкурсы, и флуд, и мысли, и красивая главная страница, где можно позависать, но акцент мы хотим сделать именно на играх. <img src="http://i11.pixs.ru/storage/7/9/8/eggif_2840376_17871798.gif" width="390"> Если хотите остаться с нами, то скорее придерживайте любимую внешность, продумывайте будущего персонажа, заполняйте анкету, общайтесь, знакомьтесь. И самое главное, участвуйте в опросе, и рассказывайте, каким видите будущий форум, ведь он будет наш общий, и важно мнение каждого.<br>Так же, мы будем рады, если к нам присоединяться те, кто хотят стать частью команды администраторов. Если у вас есть время и желание, мы с удовольствием возьмем вас к себе. </div> <p> <div style="background-color: #fff; font-family: tahoma; font-size: 13px; padding: 7px; line-height: 13px; text-align: justify;"> </div> <p> <div style="font-family: 'Open Sans Condensed', sans-serif; text-align: center; font-size: 15px; letter-spacing: 1px; line-height: 10px;">Внешности придерживаются только для зарегистрированных пользователей</div> </center> <link href='http://fonts.googleapis.com/css?family=Rock+Salt' rel='stylesheet' type='text/css'> <style type="text/css"> .posfc1 { opacity: 0; width: 200px; height: 300px; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; } .posfc1:hover { opacity: 1; } .posfc2 { width: 180px; height: 280px; background-color: #f5f5f5; padding: 10px; font-family: tahoma; font-size: 9px; text-align: justify; line-height: 100%; color: #222; padding: 10px; } #posfcscroll::-webkit-scrollbar { width: 5px;} #posfcscroll::-webkit-scrollbar-thumb { background: #DCDCDC; } #posfcscroll::-webkit-scrollbar-track { background-color: transparent; } .posfcmain { width: 520px; height: 360px; border: 10px double #DCDCDC; } .posfcbody { width: 170px; height: 220px; padding: 5px; overflow-y: auto; overflow-x: hidden; color: #989898; font-family: sans-serif; } .posfcfemcore { width: 200px; background-color: #e47c7a; padding: 10px; border: 20px solid #fae5e4; float: left; } .posfcfemimg { width: 200px; height: 300px; background-image: url(http://i1286.photobucket.com/albums/a616/lmneuburger/Fireflies/FemaleFaceclaimPic_zpsefeee4eb.png?t=1378156648); } .posfcfemtitle { width: 200px; height: 20px; font-family: arial; font-size: 12pt; color: #db5250; letter-spacing: 5px; text-align: left; font-family:'Rock Salt', georgia, times;" } .posfcfemsub { width: 180px; font-family: georgia; font-size: 8pt; color: #e8918f; text-transform: lowercase; border-bottom: 2px solid #db5250; padding: 0 0 5px 0; font-style: italic; } .posfcmalecore { width: 200px; background-color: #7aaee4; padding: 10px; border: 20px solid #cff5f5; float: right; } .posfcmaleimg { width: 200px; height: 300px; background-image: url(http://i1286.photobucket.com/albums/a616/lmneuburger/Fireflies/MaleFaceclaimPic_zps25485028.png?t=1378156654); } .posfcmaletitle { width: 200px; height: 20px; font-family: arial; font-size: 12pt; color: #3a87d7; letter-spacing: 5px; text-align: left; font-family:'Rock Salt', georgia, times;" } .posfcmalesub { width: 180px; font-family: georgia; font-size: 8pt; color: #79aee5; text-transform: lowercase; border-bottom: 2px solid #3a87d7; padding: 0 0 5px 0; font-style: italic; } .posfccredit { width: 520px; font-size: 6pt; text-align: right; } </style> <CENTER> <DIV CLASS="posfcmain"> <DIV CLASS="posfcfemcore"><DIV CLASS="posfcfemimg"> <DIV CLASS="posfc1"><DIV CLASS="posfc2"> <DIV CLASS="posfcfemtitle">Девушки</DIV> <DIV CLASS="posfcbody" ID="posfcscroll"> • Внешность - <a href="ссылка">ник</a><br> </DIV></DIV></DIV></DIV></DIV> <DIV CLASS="posfcmalecore"><DIV CLASS="posfcmaleimg"> <DIV CLASS="posfc1"><DIV CLASS="posfc2"> <DIV CLASS="posfcmaletitle">Парни</DIV> <DIV CLASS="posfcbody" ID="posfcscroll"> • Внешность - <a href="ссылка">ник</a><br> </DIV></DIV></DIV></DIV></DIV> </DIV> </CENTER>