Код:
<!--HTML--> <style type="text/css"> .happiness { width: 600px; height: 720px; background: url(http://funkyimg.com/i/29ALN.png) top no-repeat, url(http://funkyimg.com/i/29AMk.png) bottom no-repeat, url(http://funkyimg.com/i/29ALQ.png) repeat-y; } .happine{ position: relative; width: 570px; height: 690px; margin-top: 30px; border-radius: 10%; } .head { color: #568ba9;text-shadow: 2px 2px 0px #f7d25d; font-family: raleway; font-weight: 900; text-transform: uppercase; font-size: 15px; padding: 5px; } </style> <center> <div class="happiness"><div class="happine"> <div style="width: 450px; margin-left: 5px; font-family: bebas; font-size: 25px; font-style: none; letter-spacing: 1px; padding-top: 50px; line-height: 100%; text-align: center; color: #568ba9;text-shadow: 2px 2px 0px #f7d25d; text-transform: uppercase;"> Добро пожаловать </div> <div style="width: 500px; padding-top: 70px; font-family: oswald; font-size: 12px; text-align: justify; overflow: auto; letter-spacing:4px; ">Располагайся, чувствуй себя как дома, а я стану твоим проводников в этом большом и сверкающем мире. Здесь нет ограничений или правил, ты волен делать то, что считаешь нужным. Быть собой или притвориться кем-то другим, носить тысячу масок, а можешь открыться каждому. Целый мир в твоих руках. Дерзай, следуя за своей мечтой. <br> <div class="head">Правила:</div> <img src="http://funkyimg.com/i/29Hvz.png">Придержать внешность на нашем форуме можно лишь на <b>3</b> дня. По истечении этого срока, вы всегда можете продлить бронь для вашего персонажа. Внешности для нужных не придерживаем! <div style="width: 500px; padding-top: 40px;"> <table cellpadding="0" cellspacing="0"><tr><td> <center><div class="head">Проведут экскурсию</div> <a href="https://happinesslive.rusff.me/profile.php?id=2"><img src="http://funkyimg.com/i/29Hv5.png"><br>Lee Taeil</a><br> <a href="https://happinesslive.rusff.me/profile.php?id=3"><img src="http://funkyimg.com/i/29Htr.png">Minatozaki Sana</a> </center><br> </td><td><div style="width: 250px; height: 210px; padding-right: 5px; overflow: auto;"> <div class="head"><u>Придержанные внешности:</u><br></div> <b>A</b><br> <b>B</b><br> <b>C</b><br> <b>D</b><br> <b>E</b><br> <b>F</b><br> <b>G</b><br> <b>H</b><br> <b>I</b><br> <b>J</b><br> <b>K</b><br> <b>L</b><br> <b>M</b><br> <b>N</b><br> <b>O</b><br> <b>P</b><br> <b>Q</b><br> <b>R</b><br> <b>S</b><br> <b>T</b><br> <b>U</b> <br> <b>V</b> <br> <b>W</b><br> <b>X</b> <br> <b>Y</b> <br> <b>Z</b> <br> </div></div></div></td> </tr> </table> </div> <div class="code-box" style="width:440px;"><strong class="legend"><a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName('pre')[0]); return false;">Выделить код</a></strong><div class="blockcode"><div class="scrollbox" style="height: 100%; text-align:left;"><pre><*a href="ссылка">имя<*/a> - группа,соло<*br></pre></div></div></div> </div></div> </center>