Вверх

Код:

<span style="float:left;">
<div id="Leftbar" class="sidebar">
<div class="container">

<h3>Заголовок 1</h3>

тут что-то 

</div>
</div>
</span>

<span style="float:right;">
  <div id="Rightbar" class="sidebar">
<div class="container">

<h3>Лучший игрок недели</h3>

<img style="width: 150px; height: 150px;" src="link"/>

</div>
</div>
</span>

В объявление

Код:

<style>
.my_tab_st h3 {
  font-size: 14px;
  font-family: 'Century Gothic';
  font-style: italic;
  margin: 5px 0 8px 0;
  color: #fff;}

.splLink {width: 170px; height: 14px; text-align: center; font-size: 14px; padding: 5px 0 8px 0; margin-bottom: 12px; font-family: 'Century Gothic'; font-style: italic; color: #fff;}
.splCont {height: auto; width: 200px; background: #74997F; padding: 5px; z-index: 1000; margin: 5px 0 0 -10px; border: 1px solid #000; text-align: center;
    border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;}
</style>

<table class="my_tab_st" style="width: 100%;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 25%;" align="center" valign="top">
<div style="width: 100%; height: 200px; overflow-y: auto;">

<h3>Партнеры</h3>

<b>Может, ты?..</b>

<br/><br/>

<h3>Реклама</h3>
<b>Ник:</b> Странник
<br/>
<b>Пароль:</b> 12345
<br/>
Рекламим взаимно - невзаимная реклама проверяется и удаляется. В случае неполадок с чем-либо обращайтесь в Гостевую или к администраторам.

</div>
</td>
<td style="width: 50%;" align="center">
<div style="width: 100%; height: 200px; overflow-y: auto;">

<h3>Гостям</h3>

<b>Добро пожаловать на Сказания КВ!</b>
Наш форум еще совсем новый, неокрепший, но постепенно укореняющийся на незнакомой почве ролевых игр по Котам-Воителям и привлекающий все больше и больше участников. У нас еще действуют старые территории времен Огнезвезда (Скала собраний и т.п.), и все события, происходящие в сюжете, остались в памяти воителей книг многоуважаемой Э.Хантер лишь темными, непонятными легендами...

</div>
</td>
<td style="width: 25%;" align="center">

<table style="width: 100%;" cellpadding="0" cellspacing="0">
<tr>
<td align="center"><DIV><div class=splLink>Администрация</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

<b>Администраторы</b>
<br/>
<a href="http://legendsofwarriors.spybb.ru/profile.php?id=2">Главный администратор|Шатти</a>
<br/>
<a href="ссылка на профиль">Правая лапа|поиск</a>
<br/>
<a href="http://legendsofwarriors.spybb.ru/profile.php?id=5">Левая лапа|Лантан</a>

<br/><br/>

<b>Модераторы</b>
<br/>
<a href="http://legendsofwarriors.spybb.ru/profile.php?id=3">Следящий|Чернолап</a>
<br/>
<a href="http://legendsofwarriors.spybb.ru/profile.php?id=7">Пиарщик|Пылинка</a>
<br/>
<a href="ссылка на профиль">Квестоплет|поиск</a>
<br/>
<a href="ссылка на профиль">Фотошопер|поиск</a>

</DIV></DIV></td>
</tr><tr>
<td align="center"><DIV><div class=splLink>Новости форума</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

<div style="width: 98%; height: 160px; overflow-y: auto;">

<b>22.05.</b>
<br/>
Ура-ура-ура! Бросайте в воздух шапки, ибо нашему молодому, но перспективному форуму исполняется неделя! Несомненно, ему требуется маленький подарочек) А именно: форуму с 10 активными участниками можно заказать собственный дизайн на ПКВ. А почему бы и нет?..Как раз тебя не хватает))
<br/>
<b>21.05.</b>
<br/>
У нас опять новые участники - Коршуноглазка и Sarafina. Добро пожаловать) Порядком удивило то, что в статистике были зарегистрированы 33 гостя/пользователя одновременно. И это на нашем юном форуме...) Надеюсь, мы прорвемся. А вы ведь тоже на это надеетесь, и очень-очень хотите помочь нашему замурчательному дружелюбному проекту, и для этого обязательно зарегистрируетесь, не правда ли?..^^
<br/>
<b>19.05.</b>
<br/>
Приветствуем нашего нового участника и пиарщика - Пылинку) И еще одно чудесное известие: кричите "Ура!", ибо у нашего юного форума наконец-то  появилась таблица! Не ахти какая, конечно, но явно учше первоначального варианта, "стыренного" Шатей с ее старого форума. P.S. Мы доработали записи за прошедшие дни - надо же вести хоть какую-то хронику форума!..
<br/>
<b>18.05.</b>
<br/>
По-прежнему ждем пост от Крика. К нам присоединилась Светлогривка - и тоже в Речное племя, причем снова воительницей) Интересно, у КВшников началась антипатия в предводителям, целителям и глашатаям?..Если нет - мы ждем вас, вы нам очень нужны...
<br/>
<b>17.05.</b>
<br/>
Отлично, теперь с нами Лантан и Крик. Приятного времяпровождения на нашем гостеприимном форуме)) А Шатти тем временем почти закончила текстовую работу и принимается за рекламу форума...
<br/>
<b>16.05.</b>
<br/>
Появился первый участник) Добро пожаловать, Чернолап!
<br/>
<b>15.05.</b>
<br/>
Итак, наш форум наконец создан - после стольких подготовлений на тестовике, часов, проведенных перед компьютером. Жаль только, что дизайнер не сдержал свое обещание и теперь придется заказывать у кого-нибудь другого...Кстати, как вам описания подфорумов? Стоитли добавлять к ним еще текста или так сойдет? Отзывы просьба писать в Техническом разделе, то бишь в Механизме) ~Шатти

</div>
</DIV></DIV></td>
</tr><tr>
<td align="center"><DIV><div class=splLink>В игре</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
<div style="width: 98%; height: 160px; overflow-y: auto;">

<b>Игровые дни:</b>
<br/>
<b>пн</b> - рассвет
<br/>
<b>вт</b> - утро
<br/>
<b>ср</b> - первая половина дня
<br/>
<b>чт</b> - полдень
<br/>
<b>пт</b> - вторая половина дня
<br/>
<b>сб</b> - закат, сумерки
<br/>
<b>вс</b> - ночь
<br/>
<b>Погода:</b> Довольно ясная, приятная погода. Часто сквозь полоски облаков проглядывает солнышко, легкий ветерок больше не холодит, а приносит приятное тепло. Все в искрящемся изумрудным светом листьев лесу сразу стали дружелюбнее, и даже самые черные души не слишком настроены на пакости) Точно так же чувствуют себя и животные, поэтому не пропустите очень благоприятное время для охоты.

</div>
</DIV></DIV></td>
</tr><tr>
<td align="center"><DIV><div class=splLink>Навигация</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
<div style="width: 98%; height: 160px; overflow-y: auto;">

<a href="link">Тема 1</a>
<br/><br/>
<a href="link">Тема 2</a>
<br/><br/>
<a href="link">Тема 3</a>
<br/><br/>
<a href="link">Тема 4</a>
<br/><br/>
<a href="link">Тема 5</a>
<br/><br/>
<a href="link">Тема 6</a>
<br/><br/>
<a href="link">Тема 7</a>

</div>
</DIV></DIV></td>
</tr>
</table>

</td>
</tr>
</table>

<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>