Код:
<!--HTML-->
<style>.gallbg { width: 600px; padding: 10px; margin: 0 auto; background: #f1f1f1; } .gall-head { width: inherit; position: relative; height: 65px; } .gall-head h2 { margin: 0px 0px 7px 0px; padding: 0; font: 28px oswald; text-transform: uppercase; color: #1E7F7D; position: absolute; top: 0; left: 0; } .gall-head h2 span { color: #333; } .gall-head h3 { margin: 0; padding: 0; width: 490px; font: 9px verdana; line-height: 12px; text-transform: uppercase; color: #505050; position: absolute; top: 0; right: 0; text-align: justify; }
.bwlinks { column-count: 1; column-gap: 3px; -moz-column-count: 1; -moz-column-gap: 3px; -webkit-column-count: 1; -webkit-column-gap: 3px; } .bwlinks a { display: block; width: inherit; margin: 0px 0px 3px 0px; background: #f1f1f1; padding: 5px; text-align: center; font: 10px calibri; text-transform: uppercase; color: #f1f1f1; } .bwlinks a:hover { background: #dddddd; padding-left: 30px; color: #505050; letter-spacing: 0px; } .tabGroup { font: 11px arial; width: inherit; }.tabGroup > input[type="radio"] { display: none; }.tabGroup > input[type="radio"] + label { display: inline-block; background: #dddddd; padding: 5px; color: #1E7F7D; font: 16px oswald; text-transform: uppercase; width: 185px; text-align: center; } .tabGroup > input[type="radio"]:focus + label { background: #f1f1f1; } .tabGroup > input[type="radio"]:checked + label { background: none; color: #505050; margin-bottom: -1px; } .tabGroup > div { display: none; background-color: #f1f1f1; padding: 10px; height: 100%; overflow: auto; } .gall-tab1:checked ~ .gall-tab1, .gall-tab2:checked ~ .gall-tab2, .gall-tab3:checked ~ .gall-tab3, .gall-tab4:checked ~ .gall-tab4, .gall-tab5:checked ~ .gall-tab5 { display: block; }</style>
<center><div style="width: 630px; height: auto;
background: url(http://funkyimg.com/i/25e2E.jpg) top no-repeat, url(http://funkyimg.com/i/25e2F.jpg) bottom no-repeat, url(http://funkyimg.com/i/25e2G.jpg) repeat-y;">
<div style="width: 500px; font-family: arial;line-height: 160%;letter-spacing: 0px;text-align: justify; margin-left:0px;padding-top:30px;padding-bottom:30px;">
<div style="letter-spacing: 0px; text-transform: lowercase;color: #5096A7;font-family: 'Nautilus Pompilius'; font-size: 30px;margin-top: 15px;text-align: center;">
кто ходит в гости без конфет
</div>
<div style="margin-top:5px; color: #5096A7; letter-spacing: 2px; font-family: bebas neue;text-align: center;">
тот поступает плохо
</div>
<div style="margin-top:45px; letter-spacing: 0px;">
<div class="gall-head">
<h2>Welcome <span>dear friend</span></h2>
<h3>Уважаемые гости, прежде чем задавать вопрос, рекомендуем не полениться изучить информационные темы. Ниже представлены ссылки которые могут Вам пригодиться:<br><br><br>
<center>
<a href="https://levelup.rusff.me/viewtopic.php?id=53#p62"><img src="http://se.uploads.ru/kNr8Z.png" onmouseover="this.src='http://se.uploads.ru/Xt7vY.png'" onmouseout="this.src='http://se.uploads.ru/kNr8Z.png'" border="0" title="сюжет"></a>
<a href="https://levelup.rusff.me/viewtopic.php?id=4"><img src="http://se.uploads.ru/gCxZ6.png" onmouseover="this.src='http://se.uploads.ru/uaC83.png'" onmouseout="this.src='http://se.uploads.ru/gCxZ6.png'" border="0" title="часто задаваемые вопросы"></a>
<a href="https://levelup.rusff.me/viewtopic.php?id=8"><img src="http://se.uploads.ru/EFP6O.png" onmouseover="this.src='http://se.uploads.ru/lZBU7.png'" onmouseout="this.src='http://se.uploads.ru/EFP6O.png'" border="0" title="нужные мальчики"></a>
<a href="https://levelup.rusff.me/viewtopic.php?id=22"><img src="http://se.uploads.ru/NZ8ME.png" onmouseover="this.src='http://se.uploads.ru/iB7u3.png'" onmouseout="this.src='http://se.uploads.ru/NZ8ME.png'" border="0" title="нужные девочки"></a>
<a href="https://levelup.rusff.me/viewtopic.php?id=36"><img src="http://se.uploads.ru/LfmRO.png" onmouseover="this.src='http://se.uploads.ru/RYanA.png'" onmouseout="this.src='http://se.uploads.ru/LfmRO.png'" border="0" title="хотим видеть"></a>
<a href="https://levelup.rusff.me/viewtopic.php?id=3"><img src="http://se.uploads.ru/7SoJc.png" onmouseover="this.src='http://se.uploads.ru/GlTeS.png'" onmouseout="this.src='http://se.uploads.ru/7SoJc.png'" border="0" title="занятые внешности"></a>
</center></h3>
</div>
<div style="width: 500px; padding-left: 5px; margin-top: 32px; padding-right: 34px; text-align: justify;"><br>Мы рады приветствовать тебя в гостях в солнечном городе Майами. Жизнь здесь кипит и бурлит, здесь всегда тепло, и каждый найдет себе занятия по душе. Раз ты заглянул к нам на огонек, надеемся, что тебе захочется с нами остаться, ведь мы собираемся стать уютным и интересным местечком для любого посетившего наш город.
<br>
<br>»» Место действия: Майами, штат Флорида, США<br>
»» Тематика: реальная жизнь<br>
»» Рейтинг: NC-21<br>
»» Система игры: эпизодическая<br><br> Если ты решил присоединиться к жителям солнечного Майами, то тебе необходимо заполнить шаблон, приведенный ниже. Внешности придерживаются на два дня включительно, но срок придержания всегда можно продлить при необходимости.
<br><br><div class="code-box"><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: 4.5em"><pre><br><b>ваша внешность</b> »» <a href="ссылка на профиль">ваш ник</a></pre></div></div></div>
<table><tr><td><center><b><i>Придержанные внешности</i></b></center>
<div style="overflow-x: auto; width: 240px; height: 90px; border-bottom: 2px solid #76B2C3; border-top: solid 2px #76B2C3; border-radius: 15px 15px 15px 15px; background-color: #E4E3EB; box-shadow: 0 0 10px #e7e7e7 inset; line-height: 11px; text-transform: lowercase; font-size: 10px; text-align: center; font-family: Verdana; padding-top: 5px;">
<b>до 24.12</b>
<br><b>Sophia Bush</b> »» <a href="https://levelup.rusff.me/profile.php?id=115">Близняшки</a>
<br><b>дженна коулман</b> »» <a href="https://levelup.rusff.me/profile.php?id=119">Emma Brown</a>
<br><br><b>до 26.12</b>
<br><b>neil patrick harris </b> »» <a href="https://levelup.rusff.me/profile.php?id=121">Jerry Goulding</a>
</div></td>
<td><center><b><i>Придержанные роли</i></b></center>
<div style="overflow-x: auto; width: 240px; height: 90px; border-bottom: 2px solid #76B2C3; border-top: solid 2px #76B2C3; border-radius: 15px 15px 15px 15px; background-color: #E4E3EB; box-shadow: 0 0 10px #e7e7e7 inset; line-height: 11px; text-transform: lowercase; font-size: 10px; text-align: center; font-family: Verdana; padding-top: 5px;">
</div></td></tr></table>
</div>
<br><br><br><br>
</center>
</div>
</div>
удачи и вам))
