Таблица на Пеларгониум

Код:

<table style="text-align: left; width: 100%;" border="1"
 cellpadding="0" cellspacing="2">
  <tbody>



    <tr>



      <td colspan="2" rowspan="1">
<div align="center">
<img src="http://s017.radikal.ru/i437/1306/cf/4beaf46b1f2f.png">
<br>
<b>Время</b>
<br>
5 июня 3745 года.
<br>
День
<br><br>

<b>Погода</b>
<br>
В Энерджитауне сейчас все спокойно, стоит знойный день, никакого ветра, густой, сиреневатый воздух совершенно неподвижен.
<br>
В Ватриксе также довольно спокойно, дует легкий ветерок. Солнце греет не сильно, так что жары не наблюдается.
<br>
В Файрвилле стоит невыносимая жара, происходят сильные испарения, днем практически невозможно находиться на улице.
<br>
Эархтайн окутан туманом, здесь довольно прохладно и сыро. 
<br>
В Айртайне дует свежий приятный ветер, солнце греет в меру, стоит прекрасная погода.<br><br>
</div>


      </td>



      <td colspan="1" rowspan="2">
<div align="center">
Вы попали на форум о стихийной магии, тайнах и незабываемых приключениях! На форуме вас ждет теплое и приятное общение с участниками форума, а в игре захватывающий дух приключения, возможность управлять событиями, ведь все зависит от вас, дорогие игроки! Мы рады приветствовать вас здесь, надеемся вам у нас понравится.</div>


      </td>



      <td style="height: 80px; width: 150px;">

<!--НАЧАЛО СЮЖЕТА-->

<div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://s60.radikal.ru/i170/1306/68/ad73e28b26be.png" ></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">

<div align="center">
<table border="2" bordercolor="300000" background="http://s017.radikal.ru/i412/1306/d1/0cd8b8dc9ad8.png">

<tr><td>
<div align="center">Настали сложные времена. Сад Цветущей Герани перестал функционировать около десяти тысяч лет назад. В живых осталось совсем мало магов Квитесенции. Все сходится к дисгармонии. <br>
На удачу жителям Пеларгониума настала пора избрать новых Избранных. Но это не всем принесло счастье.  Если в Файрвилле и Айртайне Избранными стали наследники трона, а в Энерджитауне самый молодой маг Квинтессенции, то в Ватриксе и Эархтайне начались стычки. Серьезные стычки. Они все ширились, и переросли в настоящее сражение за пост Избранного. Жители в городах разделились на два лагеря. Те, что за правительство, и те что против. <br>
Когда разрешиться этот конфликт неизвестно, но ведь Время не ждет.</div>

</td></tr>

</table>
</div>

</DIV>
</DIV>
</div>

<!--КОНЕЦ СЮЖЕТА-->

       </td>



    </tr>






    <tr>



      <td colspan="1" rowspan="3">

<!--НАЧАЛО СОБЫТИЙ ФОРУМА-->

<center><div style="overflow: scroll; overflow-x: hidden; height: 285px; width: 200px">

<p><img src="http://s53.radikal.ru/i140/1306/42/7d4c84c5be4c.png" ></p>

<b>ВНИМАНИЕ!</b> Открыт набор в персонал форума, всех желающих просим обращаться к Майе или Мигере.
<br><br>
Администрация форума продолжает активно работать. Регистрируйтесь, мы всегда Вам рады. После регистрации советуем ознакомиться с путеводителем, сюжетом и правилами, а уже после заполнять анкету.
<br><br>

</div></center>

<!--КОНЕЦ СОБЫТИЙ ФОРУМА-->


      </td>




      <td colspan="1" rowspan="3">

<!--НАЧАЛО СОБЫТИЙ ИГРЫ-->

<center><div style="overflow: scroll; overflow-x: hidden; height: 285px; width: 200px">

<p><img src="http://s017.radikal.ru/i410/1306/1a/f889b3d8c27a.png" ></p>

Во всех торговых центрах появились вкладки с полным списком имеющихся товаров. С этой минуты в лавках можно покупать только то, что есть в списке. Товары будут периодично обновляться и пополняться.
<br><br>
Идет набор на главные сюжетные роли. Сейчас каждый зарегистрировавшийся может стать Избранным или другим из главных персонажей. Спешите, количество ролей ограничено!
<br><br>
Ура, на нашем форуме стартовала ролевая игра! Началась регистрация игровых персонажей, стали писаться игровые посты, очень скоро вступит в силу главная сюжетная ветка. А пока мы ждем новых игроков и набираем роли!

</div></center>

<!--КОНЕЦ СОБЫТИЙ ИГРЫ-->

      </td>





      <td style="width: 100px; height: 75px;">

<!--НАЧАЛО НАВИГАЦИИ-->

<div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://s42.radikal.ru/i097/1306/7c/b7b24a4ce3b4.png" ></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">

<div align="center">
<table border="2" bordercolor="300000" background="http://s017.radikal.ru/i412/1306/d1/0cd8b8dc9ad8.png">

<tr><td>


<div align="center">

<b>Регистрация</b>
<br>
<a href="http://pelargonium.spybb.ru/viewtopic.php?id=2">Шаблон анкеты</a>
<br>
<a href="http://pelargonium.spybb.ru/viewtopic.php?id=19">Свободные персонажи</a>
<br><br>

<b>Новичкам</b>
<br>
<a href="http://pelargonium.spybb.ru/viewtopic.php?id=3">Путеводитель по миру</a><br>
<a href="http://pelargonium.spybb.ru/viewtopic.php?id=109">Помощь в написании постов</a>
<br>
<a href="http://pelargonium.spybb.ru/viewtopic.php?id=4">Ваши вопросы</a>
<br>
<a href="http://pelargonium.spybb.ru/viewtopic.php?id=6">Сюжет</a>
<br>
<a href="http://pelargonium.spybb.ru/viewtopic.php?id=111">Квестовые боты</a>
<br><br>

<b>Важно</b>
<br>
<a href="http://pelargonium.spybb.ru/viewtopic.php?id=29">Правила игры</a>
<br>
<a href="http://pelargonium.spybb.ru/viewtopic.php?id=5">Правила форума</a>
<br>
<a href="http://pelargonium.spybb.ru/viewtopic.php?id=110">Система штрафов</a>
<br>

</div>



</td></tr>

</table>
</div>

</DIV>
</DIV>
</div>

<!--КОНЕЦ НАВИГАЦИИ-->     

      </td>



    </tr>







    <tr>



      <td style="width: 150px;">

<!--НАЧАЛО ЛИЦ-->

<div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://s020.radikal.ru/i705/1306/17/803c7d7ec375.png" ></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">

<div align="center">
<table border="2" bordercolor="300000" background="http://s017.radikal.ru/i412/1306/d1/0cd8b8dc9ad8.png">

<tr><td>


<div align="center">

<b>Лучший игрок</b>
<br>
свободно
<br><br>

<b>Лучший форумчанин</b>
<br>
свободно
<br><br>

<b>Лучший модератор</b>
<br>
свободно
<br><br>

<b>Лучший дизайнер</b>
<br>
свободно
<br><br>

<b>Лучший пиарщик</b>
<br>
свободно
<br><br>



</div>



</td></tr>

</table>
</div>

</DIV>
</DIV>
</div>

<!--КОНЕЦ ЛИЦ-->


      </td>





      <td style="height: 75px;">

<!--НАЧАЛО ОЧЕРЕДИ ПОСТОВ-->

<div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://s018.radikal.ru/i508/1306/87/951107d4122d.png" ></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">

<div align="center">
<table border="2" bordercolor="300000" background="http://s017.radikal.ru/i412/1306/d1/0cd8b8dc9ad8.png">

<tr><td>


<div align="center">

<b>Локация</b>
<br>
Игрок 1
<br>
Игрок 2
<br>
Игрок 3
<br><br>

<b>Локация</b>
<br>
Игрок 1
<br>
Игрок 2
<br>
Игрок 3
<br><br>

<b>Локация</b>
<br>
Игрок 1
<br>
Игрок 2
<br>
Игрок 3
<br><br>


</div>



</td></tr>

</table>
</div>

</DIV>
</DIV>
</div>

<!--КОНЕЦ ОЧЕРЕДИ ПОСТОВ-->


      </td>



    </tr>








    <tr>



      <td>

<!--НАЧАЛО АДМИНОВ-->

<div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://s57.radikal.ru/i156/1306/ad/424bc85c63e4.png" ></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">

<div align="center">
<table border="2" bordercolor="300000" background="http://s017.radikal.ru/i412/1306/d1/0cd8b8dc9ad8.png">

<tr><td>


<div align="center">

<b>Администраторы</b>
<br>
Майя
<br>
Мигера
<br><br>

<b>Модераторы</b>
<br>
Свободно
<br>
Свободно


</div>



</td></tr>

</table>
</div>

</DIV>
</DIV>
</div>

<!--КОНЕЦ АДМИНОВ-->

      </td>






      <td style="height: 75px;">

<!--НАЧАЛО РЕКЛАМЫ-->

<div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src="http://s018.radikal.ru/i504/1306/8c/2dc58ebb706f.png" ></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">

<div align="center">
<table border="2" bordercolor="300000" background="http://s017.radikal.ru/i412/1306/d1/0cd8b8dc9ad8.png">

<tr><td>


<div align="center">

<b>ЗДЕСЬ БУДЕТ РЕКЛАМА</b>


</div>



</td></tr>

</table>
</div>

</DIV>
</DIV>
</div>

<!--КОНЕЦ РЕКЛАМЫ-->


      </td>



    </tr>








  </tbody>
</table>

В ХТМЛ_НИЗ:

Код:

<!--Окошки в таблице-->

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

Тестовик Листвы

Меню навигации

Пользовательские ссылки

Информация о пользователе

Таблица на Пеларгониум

Сообщений 1 страница 1 из 1

Поделиться12013-06-24 20:30:14