[html]
<div style="margin-left: 40px;"       class="container">
   <div class="column1">
Мы - единственная ныне функционирующая ролевая по замечательному мультсериалу <b>Winx</b>.<br>
Наш проект был активным и имел популярность в <b>2009-2013</b> годах, сейчас пришло время вспомнить былое и перезапустить его. Приглашаем Вас вместе с нами доказать всем скептикам, что ролевые по Winx жили, живы и будут жить ещё очень долго.<br><br>
В этой теме Вы можете задать все интересующие Вас вопросы администрации, придержать роль или внешность, выразить своё мнение на счёт нашего форума.<br>
   </div>

   <div class="column2">
<a href="http://w1nx.rolka.me/viewtopic.php?id=941">Роли</a> ■ <a href="http://w1nx.rolka.me/viewtopic.php?id=944">Сюжет</a> ■ <a href="http://w1nx.rolka.me/viewtopic.php?id=985">Фанон</a> ■ <a href="http://w1nx.rolka.me/viewtopic.php?id=967">F.A.Q.</a>  ■ <a href="http://w1nx.rolka.me/viewtopic.php?id=943">Расы</a> ■ <a href="http://w1nx.rolka.me/viewtopic.php?id=950">Превращения</a>
<br>
<a href="http://w1nx.rolka.me/viewtopic.php?id=972">Нужные</a> ■ <a href="http://w1nx.rolka.me/viewtopic.php?id=938">Внешности(ОС)</a> ■ <a href="http://w1nx.rolka.me/viewtopic.php?id=970">Путеводитель по акциям</a> ■ <a href="http://w1nx.rolka.me/viewtopic.php?id=980">Правила</a>
   </div>

   <div class="column3">
   <div class="dop">бронь на акционных персонажей - 1 неделя, <br> на всех остальных - 2 недели</div>
Гризельда - бессрочно
<br>

<br>   
</div>

   <div class="column4">
   <div class="dop">бронь 2 недели</div>
... <br>

   </div>

</div>

<style type="text/css">
.container{
    background-image:url("http://funkyimg.com/i/2B46W.png");
    background-repeat: no-repeat;
    width: 496px;
    height: 700px;
    margin: 0px;
}
.column1{
    float:left;
    margin-top: 136px;
    margin-left: 167px;
    width: 270px;
    height: 140px;
    color: #c26714;
    font-size: 11px;
    line-height: 1.0;
}
   A {
    color: #ffffff !important;
    font-weight: bold  !important;
   }
   A:hover {
    color: #444444 !important;
   }

.column2{
    float:left;
    margin-top: 64px;
    margin-left: 20px;
    width: 456px;
    height: 34px;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    line-height: 1.4;
}
.column3{
    float:left;
    margin-top: 75px;
    margin-left: 5px;
    width: 220px;
    height: 225px;
    color: #c26714;
    text-align: center;
    font-size: 12px;
    line-height: 1.4;
}
.column4{
    float:left;
    margin-top: 75px;
    margin-left: 35px;
    width: 225px;
    height: 225px;
    color: #c26714;
    text-align: center;
    font-size: 12px;
    line-height: 1.4;
}
.dop{
    font-size: 8px;
    line-height: 1.0;
    margin-bottom: 5px;
}
</style>
[/html]