Код:
<center><link href="http://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet" type="text/css">
<style type="text/css">
.zico { width:184px; height:150px; background-color:#f5f5dc; color:121212; font-family:arial; text-align:justify; font-size:11px; opacity:0; line-height:100%; margin-top:-80px;-webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; margin-top:-160px; overflow:auto; padding:5px; margin-left:5px;}
.zico:hover { width:184px; height:150px; padding:5px; background-color:2d3a28; color:121212; font-family:arial; text-align:justify; font-size:11px; opacity:.95; line-height:100%;; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; margin-top:-160px; margin-left:5px; overflow:auto;}
.zelo {width:172px; height:160px; background-color:#f5e8a9; opacity:1;}
.zico:hover .zelo {opacity:0;}
.rome {width:172px; height:160px; background-color:#cfb53b; opacity:1; margin-top:5px;}
.zico:hover .rome {opacity:0;}
.scratch {width:172px; height:160px; background-color:#c7fcec; opacity:1; margin-top:5px;}
.zico:hover .scratch {opacity:0;}
.voldemort {width:172px; height:160px; background-color:#013220; opacity:1; margin-top:5px;}
.zico:hover .voldemort {opacity:0;}
</style><link href="http://fonts.googleapis.com/css?family=Parisienne" rel="stylesheet" type="text/css">
<style type="text/css">
.hover1 { opacity: 0; width: 110px; height:110px; transition-duration: 0.7s; -moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; -o-transition-duration: 0.7s; }
.hover1:hover { opacity: 0.75; }
.hover2 { width: 108px; height: 35px; background-color: #f5f5dc; font-family: times new roman; font-size: 9px; text-align: left; line-height: 100%; color: #222; PADDING: 50PX 17PX;}
</style>
<style type="text/css">
@font-face { font-family: "times"; }
.voice { font-size: 11px; font-family: georgia; text-align: justify}
.voice:first-letter { width: 20px; height: 20px; padding: 5px; margin-bottom: 0px; margin-right: 4px; float: left; background-color: #f5f5f5; border: 3px double white; color: white; font-size: 22px; font-style: italic; line-height: 20px; text-transform: uppercase; text-align: center;}
</style>
<style type="text/css">
.poice { font-size: 11px; font-family: georgia; text-align: justify}
</style>
<center>
<div style="width: 552px; font: 11px arial; text-align: justify; color: #000000; line-height: 100%; -moz-border-radius: 50px 0px 50px 0px; -webkit-border-radius: 50px 0px 50px 0px;">
<table><tbody><tr><td>
<div class="rome"><div class="zelo"><img src="http://s8.uploads.ru/4whIT.png"></div>
<div class="zico">
<div align="center"><table><tbody><tr><td>
<div class="scroll" style="overflow: scroll; overflow-y: scroll; overflow-x: hidden; height: 140px;"><table widt100%=""><tbody><tr align="center"><td style="background-color: #556832;"><font style="color: #f5f5dc; font-family: Times New Roman; font-size: 14px; text-shadow: #686c1f 1px 1px 0px;"><i>что вы вообще такое,
и как я сюда попал?
</i></font><br></font></td></tr>
<tr align="justify"><td style="background-color: #f5f5dc;"><font style="font-size: 10px;">Начнем с того, что здравствуйте. Что здесь происходит? А здесь нашла свое место форумная ролевая игра (фрпг). Мы хотим пообещать вам, что это будет не то место, что проживет чуть больше двух недель или всего пару месяцев. Это - скажем, дом, где вы сумеете расслабиться, окунуться с головой в процесс и особую атмосферу. Будем рады видеть каждого из вас. С возвращением домой!</font></td></tr></tbody></table></div>
</td></tr></tbody></table>
</div></div></div></td><td>
<div class="rome"><img src="http://s8.uploads.ru/4whIT.png"></div></div>
<div class="zico"><div align="center">
<table><tbody><tr><td>
<div class="scroll" style="overflow: scroll; overflow-y: scroll; overflow-x: hidden; height: 140px;"><table widt100%=""><tbody><tr align="center"><td style="background-color: #556832;"><font style="color: #f5f5dc; font-family: Times New Roman; font-size: 14px; text-shadow: #686c1f 1px 1px 0px;"><i>я не увидел(а) сюжета. на чем будет базироваться игра?</i></font><br></td></tr>
<tr align="justify"><td style="background-color: #f5f5dc;"><font style="font-size: 10px;">Ролевой отыгрыш будет стоять на том, что вы увидите за окном, если выгляните - наше время, наш прогресс, наша жизнь. Жизнь со всеми ее плюсами и недостатками, все, что случается именно здесь и сейчас - вот на чем мы будем основываться. А сюжет - лишняя трата времени хотя бы для игроков.</font></td></tr></tbody></table></div>
</td></tr></tbody></table>
</div></div></div></td><td>
<div class="rome"><div class="zelo"><img src="http://s8.uploads.ru/4whIT.png"></div></div>
<div class="zico"><div align="center">
<table><tbody><tr><td>
<div class="scroll" style="overflow: scroll; overflow-y: scroll; overflow-x: hidden; height: 140px;"><table widt100%=""><tbody><tr align="center"><td style="background-color: #556832;"><font style="color: #f5f5dc; font-family: Times New Roman; font-size: 14px; text-shadow: #686c1f 1px 1px 0px;"><i>кем я могу тут быть?</i></font><br>
</td></tr>
<tr align="justify"><td style="background-color: #f5f5dc;"><font style="font-size: 10px;">
Вы можете отнести себя к любой отрасли, представленной в перечне профессий. Если не нашли нужного, то вы имеете право придумать свою организацию, пополнить список чем-то новым. Никто не запретит вам числиться школьником и висеть на шее у дорогих мамы и папы.</font></td></tr></tbody></table></div>
</td></tr></tbody></table></div>
</div></td></tr></tbody></table>
</b></center></div></center></center>
<center><link href="http://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet" type="text/css">
<style type="text/css">
.zico { width:184px; height:150px; background-color:#ffffff; color:121212; font-family:arial; text-align:justify; font-size:11px; opacity:0; line-height:100%; margin-top:-80px;-webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; margin-top:-160px; overflow:auto; padding:5px; margin-left:5px;}
.zico:hover { width:184px; height:150px; padding:5px; background-color:ffffff; color:121212; font-family:arial; text-align:justify; font-size:11px; opacity:.95; line-height:100%;; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; margin-top:-160px; margin-left:5px; overflow:auto;}
.zelo {width:172px; height:160px; background-color:#f5e8a9; opacity:1;}
.zico:hover .zelo {opacity:0;}
.rome {width:172px; height:160px; background-color:#cfb53b; opacity:1; margin-top:5px;}
.zico:hover .rome {opacity:0;}
.scratch {width:172px; height:160px; background-color:#c7fcec; opacity:1; margin-top:5px;}
.zico:hover .scratch {opacity:0;}
.voldemort {width:172px; height:160px; background-color:#013220; opacity:1; margin-top:5px;}
.zico:hover .voldemort {opacity:0;}
</style><link href="http://fonts.googleapis.com/css?family=Parisienne" rel="stylesheet" type="text/css">
<style type="text/css">
.hover1 { opacity: 0; width: 110px; height:110px; transition-duration: 0.7s; -moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; -o-transition-duration: 0.7s; }
.hover1:hover { opacity: 0.75; }
.hover2 { width: 108px; height: 35px; background-color: #f5f5dc; font-family: times new roman; font-size: 9px; text-align: left; line-height: 100%; color: #222; PADDING: 50PX 17PX;}
</style>
<style type="text/css">
@font-face { font-family: "times"; }
.voice { font-size: 11px; font-family: georgia; text-align: justify}
.voice:first-letter { width: 20px; height: 20px; padding: 5px; margin-bottom: 0px; margin-right: 4px; float: left; background-color: #f5f5dc; border: 3px double white; color: white; font-size: 22px; font-style: italic; line-height: 20px; text-transform: uppercase; text-align: center;}
</style>
<style type="text/css">
.poice { font-size: 11px; font-family: georgia; text-align: justify}
</style>
<center>
<div style="width: 552px; font: 11px arial; text-align: justify; color: #000; line-height: 100%; -moz-border-radius: 50px 0px 50px 0px; -webkit-border-radius: 50px 0px 50px 0px;">
<table><tbody><tr><td>
<div class="rome"><div class="zelo"><img src="http://s8.uploads.ru/4whIT.png"></div>
<div class="zico">
<div align="center"><table><tbody><tr><td>
<div class="scroll" style="overflow: scroll; overflow-y: scroll; overflow-x: hidden; height: 140px;"><table widt100%=""><tbody><tr align="center"><td style="background-color: #556832;"><font style="color: #f5f5dc; font-family: Times New Roman; font-size: 14px; text-shadow: #686c1f 1px 1px 0px;"><i>что насчет организации игровой зоны?
</i></font><br></td></tr>
<tr align="justify"><td style="background-color: #f5f5dc;"><font style="font-size: 10px;">Локационно-эпизодическая (смешанная).</font></td></tr></tbody></table></div>
</td></tr></tbody></table>
</div></div></div></td><td>
<div class="rome"><img src="http://s8.uploads.ru/4whIT.png"></div></div>
<div class="zico"><div align="center">
<table><tbody><tr><td>
<div class="scroll" style="overflow: scroll; overflow-y: scroll; overflow-x: hidden; height: 140px;"><table widt100%=""><tbody><tr align="center"><td style="background-color: #556832;"><font style="color: #f5f5dc; font-family: Times New Roman; font-size: 14px; text-shadow: #686c1f 1px 1px 0px;"><i>а что я могу себе здесь позволить? какой рейтинг?</i></font><br></td></tr>
<tr align="justify"><td style="background-color: #f5f5dc;"><font style="font-size: 10px;">Вы можете позволить себе многое, потому что рейтинг игры NC-17. Любые извращения, если вы такой любитель, но без анатомических подробностей, пожалуйста. Понятное дело, персонаж может быть любой ориентации, что должно быть подкреплено фактами биографии по этому поводу. Что касается бранных слов в постах, то они не запрещены, но не усердствуйте с этим.</font></td></tr></tbody></table></div>
</td></tr></tbody></table>
</div></div></div></td><td>
<div class="rome"><div class="zelo"><img src="http://s8.uploads.ru/4whIT.png"></div></div>
<div class="zico"><div align="center">
<table><tbody><tr><td>
<div class="scroll" style="overflow: scroll; overflow-y: scroll; overflow-x: hidden; height: 140px;"><table widt100%=""><tbody><tr align="center"><td style="background-color: #556832;"><font style="color: #f5f5dc; font-family: Times New Roman; font-size: 14px; text-shadow: #686c1f 1px 1px 0px;"><i>за что я могу получить ремня?</i></font><br></td></tr>
<tr align="justify"><td style="background-color: #f5f5dc;"><font style="font-size: 10px;">Не пишите посты больше двух недель без предупреждения администрации - получаете люлей. Отсутствуете больше недели и не проявляете маленькую активность - то же самое. Если внешность довольно ходовая, то сроки могут сократиться.</font></td></tr></tbody></table></div>
</td></tr></tbody></table></div>
</div></td></tr></tbody></table>
</b></center></div></center></center>
<center><link href="http://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet" type="text/css">
<style type="text/css">
.zico { width:184px; height:150px; background-color:#ffffff; color:121212; font-family:arial; text-align:justify; font-size:11px; opacity:0; line-height:100%; margin-top:-80px;-webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; margin-top:-160px; overflow:auto; padding:5px; margin-left:5px;}
.zico:hover { width:184px; height:150px; padding:5px; background-color:ffffff; color:121212; font-family:arial; text-align:justify; font-size:11px; opacity:.95; line-height:100%;; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; margin-top:-160px; margin-left:5px; overflow:auto;}
.zelo {width:172px; height:160px; background-color:#f5e8a9; opacity:1;}
.zico:hover .zelo {opacity:0;}
.rome {width:172px; height:160px; background-color:#cfb53b; opacity:1; margin-top:5px;}
.zico:hover .rome {opacity:0;}
.scratch {width:172px; height:160px; background-color:#c7fcec; opacity:1; margin-top:5px;}
.zico:hover .scratch {opacity:0;}
.voldemort {width:172px; height:160px; background-color:#013220; opacity:1; margin-top:5px;}
.zico:hover .voldemort {opacity:0;}
</style><link href="http://fonts.googleapis.com/css?family=Parisienne" rel="stylesheet" type="text/css">
<style type="text/css">
.hover1 { opacity: 0; width: 110px; height:110px; transition-duration: 0.7s; -moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; -o-transition-duration: 0.7s; }
.hover1:hover { opacity: 0.75; }
.hover2 { width: 108px; height: 35px; background-color: #f5f5dc; font-family: times new roman; font-size: 9px; text-align: left; line-height: 100%; color: #222; PADDING: 50PX 17PX;}
</style>
<style type="text/css">
@font-face { font-family: "times"; }
.voice { font-size: 11px; font-family: georgia; text-align: justify}
.voice:first-letter { width: 20px; height: 20px; padding: 5px; margin-bottom: 0px; margin-right: 4px; float: left; background-color: #f5f5dc; border: 3px double white; color: white; font-size: 22px; font-style: italic; line-height: 20px; text-transform: uppercase; text-align: center;}
</style>
<style type="text/css">
.poice { font-size: 11px; font-family: georgia; text-align: justify}
</style>
<center>
<div style="width: 552px; font: 11px arial; text-align: justify; color: #000; line-height: 100%; -moz-border-radius: 50px 0px 50px 0px; -webkit-border-radius: 50px 0px 50px 0px;">
<table><tbody><tr><td>
<div class="rome"><div class="zelo"><img src="http://s8.uploads.ru/4whIT.png"></div>
<div class="zico">
<div align="center"><table><tbody><tr><td>
<div class="scroll" style="overflow: scroll; overflow-y: scroll; overflow-x: hidden; height: 140px;"><table widt100%=""><tbody><tr align="center"><td style="background-color: #556832;"><font style="color: #f5f5dc; font-family: Times New Roman; font-size: 14px; text-shadow: #686c1f 1px 1px 0px;"><i>хочу второго персонажа. можно?</i></font><br></td></tr>
<tr align="justify"><td style="background-color: #f5f5dc;"><font style="font-size: 10px;">Для всех действует обязательное условие, которое вы можете обнаружить в теме обменного пункта. А так, ей богу, друзья. Безусловно, оба аккаунта должны быть одинаково активны, а под активностью подразумевается не только посиделки во флуде, но и сами посты. В конце-то концов, мы ролевая игра или да? </font></td></tr></tbody></table></div>
</td></tr></tbody></table>
</div></div></div></td><td>
<div class="rome"><img src="http://s8.uploads.ru/4whIT.png"></div></div>
<div class="zico"><div align="center">
<table><tbody><tr><td>
<div class="scroll" style="overflow: scroll; overflow-y: scroll; overflow-x: hidden; height: 140px;"><table widt100%=""><tbody><tr align="center"><td style="background-color: #556832;"><font style="color: #f5f5dc; font-family: Times New Roman; font-size: 14px; text-shadow: #686c1f 1px 1px 0px;"><i>мне надоел мой персонаж, но я уже начал игру. возможно ли его сменить?</i></font><br></td></tr>
<tr align="justify"><td style="background-color: #f5f5dc;"><font style="font-size: 10px;">
Естественно. Но где вы видели, чтобы жир откачивали за пожалуйста? Накопленные вами богатства (баллы) могут пойти на пользу в дальнейшем. </font></td></tr></tbody></table></div>
</td></tr></tbody></table>
</div></div></div></td><td>
<div class="rome"><div class="zelo"><img src="http://s8.uploads.ru/4whIT.png"></div></div>
<div class="zico"><div align="center">
<table><tbody><tr><td>
<div class="scroll" style="overflow: scroll; overflow-y: scroll; overflow-x: hidden; height: 140px;"><table widt100%=""><tbody><tr align="center"><td style="background-color: #556832;"><font style="color: #f5f5dc; font-family: Times New Roman; font-size: 14px; text-shadow: #686c1f 1px 1px 0px;"><i>можно ли брать какие-либо другие внешности, помимо корейских?</i></font><br></td></tr>
<tr align="justify"><td style="background-color: #f5f5dc;"><font style="font-size: 10px;">На европейские говорим вам нет. Что касается японцев, китайцев, то разрешены модели, актеры и те, кто уже работает в корейской индустрии.</font></td></tr></tbody></table></div>
</td></tr></tbody></table></div>
</div></td></tr></tbody></table>
</b></center></div></center></center>* на картинки наводим курсор