Код:
<!--HTML--><div class="post-box"> <div id="p2-content" class="post-content"> <div class="htmldemo" style="margin-left: -9px"> <style type="text/css"> .rolebody { width: 605px; height: auto; margin-left: -3px; padding-top: 20px; padding-bottom: 30px; display: block; background: url(http://funkyimg.com/i/2n8CA.png) top no-repeat, url(http://funkyimg.com/i/2n8CB.png) bottom no-repeat, url(http://funkyimg.com/i/2n8CC.png) repeat-y;} .topicnews {width: 495px; font-family: verdana, arial, helvetica, sans-serif; line-height: 160%; letter-spacing: 0px; margin-left:0px; margin-top:10px; padding: 100 0 0 20px;} .newstext {font-family: 'Bebas Neue', font-size: 12px; color: #fff; letter-spacing: -0px; text-align: left; } .theletters { width:450px; background-color:#; border-radius: 0px 0px 15px 15px; box-shadow: inset 0px 0px 14px #29091c, 0px 0px 1px #fff; height:35px; line-height:35px; font-family:boblic; font-family:Bebas Neue; font-size:25px; text-transform:uppercase; letter-spacing:-2px; color:#fff; text-shadow:1px 1px 0 #e4e4e4; margin:20px 0; } .thefacesz { width:418px; padding:15px; margin-left: 56px; background-color:#; border-radius: 15px 15px 15px 15px; box-shadow: inset 0px 0px 14px #29091c, 0px 0px 1px #fff; border:1px solid #; text-align:center; } .thegendersz { width: 100%; background-color:#e8cdd7; height:15px; line-height:15px; font-family:Bebas Neue; font-size: 14px; text-align:center; color:#29091c; text-transform:uppercase; margin-bottom:10px; } .thefacesz a { color:#fff; font-family:bebas neue; font-size:12px; line-height:80%; text-transform:uppercase; letter-spacing:0px; font-weight:300;text-align:center; } .thefacesz a:hover { color:#e8cdd7; } .name{overflow: auto; height: 150px; padding: 5px; font-size: 10px;} .rules {width: 370px; font-family: 'Tahoma', font-size: 10px; color: #dedede; letter-spacing: -0px; line-height 30%; text-align: left; position: relative; top:-7px; left: 60px; } .info {width: 434px; text-align: center;} </style> <center> <div class="rolebody"> <br><br><br> <div class="topiczone"><br><br> <div class="newstext"> <div style="width: 100%; background-color:; padding-top: 100px; margin-top: -30px;margin-left:18px; align:center;"> <div style="width: 480px; padding: 0px; background-color:;"> <div class="info" style= "margin-top: -125px; margin-left: 70px; margin-bottom: 45px"> <span style=" font-size: 9px; font-family: 'Roboto', sans-serif; color: #fff; "> Прекрасно, что ты уже получил все необходимые карты и сможешь пойти на любимый шопинг. Однако, не забудь закрепить за собой своё личико, дабы избежать неловких ситуаций, как с одинаковыми вещами, например.<br> Выкупленные имена и фамилии обозначены звездочками!<br> Не забудь убрать звездочки!!!<br> [*code]► <*a href="ссылка на профиль"><b>внешность на англ</b> - ваш ник на англ<*/a><*br>[*/code]</span></div> <div class="theletters" style="margin-top:0; margin-left: 56px;"><center>a - f</center></div> <div class="thefacesz"> <table cellspacing="0" cellpadding="0" style="border-collapse:collapse;"> <tbody><tr> <td valign="top"><div style="width:200px; padding:5px; margin-left:-4px;text-align:left;"><div class="thegendersz" style= "border-radius: 56px;">the woman</div> <div class="name"> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> </div></div></td> <td valign="top"><div style="width:200px; padding:5px; margin-left:-4px;text-align:left;"><div class="thegendersz" style= "border-radius: 56px;">the man</div> <div class="name"> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> </div> </div></td> </tr> </tbody></table> </div> <div class="theletters" style= "margin-left: 56px;"><center>g - n</center></div> <div class="thefacesz"> <table cellspacing="0" cellpadding="0" style="border-collapse:collapse;"> <tbody><tr> <td valign="top"><div style="width:200px; padding:5px; margin-left:-4px;text-align:left;"><div class="thegendersz" style= "border-radius: 56px;">the woman</div> <div class="name"> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> </div> </div></td> <td valign="top"><div style="width:200px; padding:5px; margin-left:-4px;text-align:left;"><div class="thegendersz" style= "border-radius: 56px;">the man</div> <div class="name"> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> </div> </div></td> </tr> </tbody></table> </div> <div class="theletters" style= "margin-left: 56px;"><center>o - t</center></div> <div class="thefacesz"> <table cellspacing="0" cellpadding="0" style="border-collapse:collapse;"> <tbody><tr> <td valign="top"><div style="width:200px; padding:5px; margin-left:-4px;text-align:left;"><div class="thegendersz" style= "border-radius: 56px;">the woman</div> <div class="name"> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> </div> </div></td> <td valign="top"><div style="width:200px; padding:5px; margin-left:-4px;text-align:left;"><div class="thegendersz" style= "border-radius: 56px;">the man</div> <div class="name"> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> </div> </div></td> </tr> </tbody></table> </div> <div class="theletters" style= "margin-left: 56px;"><center>u - z</center></div> <div class="thefacesz"> <table cellspacing="0" cellpadding="0" style="border-collapse:collapse;"> <tbody><tr> <td valign="top"><div style="width:200px; padding:5px; margin-left:-4px;text-align:left;"><div class="thegendersz" style= "border-radius: 56px;">the woman</div> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> </div></td> <td valign="top"><div style="width:200px; padding:5px; margin-left:-4px;text-align:left;"><div class="thegendersz" style= "border-radius: 56px;">the man</div> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> ► <a href="ссылка"><b>Name En</b> - Name Ru</a><br> </div></td> </tr> </tbody></table> </div></div> <br><br><br> </div></div></div></div></center></div>