<center>
<style type="text/css">
#menu {
padding-left: 20px;
text-align: center;
}

#menu a {
padding: 7px 15px 7px; 
margin-right: 5px;
margin: 10px 0;
width: 100px;
text-decoration: none;
}

#submenu {
padding: 5px;
height: 200px;
text-align: center;
font-size: 12px;
width: 700px;
}

.submenutext {
display: none; 
height: 60px;
}


#MenuTxT {
 background:url(http://s46.radikal.ru/i114/1101/51/8122a15c55c6.jpg) no-repeat center;
text-shadow: #755a57 2px 2px 12px,#9C816C -2px -2px 12px,#94A4B0  1px 1px 2px;
}

#submenu A {
color: #CCC; 
}
#menu .tabactive {
color: 65065f;
}
</style>
<!-- Cкрипт для всей Таблички  -->


<table id=007 style="width: 730px;">
 <tbody>
  <tr>
   <td>
    <div id="menu"> <i>
     <a alt=#sm1 "style="cursor: pointer;">Новости</a>
     <a alt=#sm2 "style="cursor: pointer;">Администрация</a>
     <a alt=#sm3 "style="cursor: pointer;">Время|Погода</a>
     <a alt=#sm4 "style="cursor: pointer;">События</a>
     <a alt=#sm5 "style="cursor: pointer;">Ссылки</a>
     <a alt=#sm6 "style="cursor: pointer;">Партнеры</a>
     <a alt=#sm7 "style="cursor: pointer;">Реклама</a>
      </i>
    </div>
   </td>
  </tr>
  <tr>
   <td id="MenuTxT"  align="center" valign="center">
    <div id="submenu" align="center"> <i>
     <div id="sm1" class="submenutext" style="display:block;"><br /><br />
<div style="overflow: scroll; overflow-x: hidden; height:150px;">
<b>7.01.2011</b> 
<br> Ролевая официально открыта!!! Гости не сидите долго на главной странице, а регистрируйтесь, <a href="http://kuromonoshitsuji.mybb.ru/viewtopic.php?id=10">пишите анкеты</a> и присоединяйтесь к нам! <a href="http://kuromonoshitsuji.mybb.ru/viewtopic.php?id=12#p35">Ролей</a> больше чем достаточно. Благо и обстоятельства к этому располагают. В меру добрая администрация, будет рада новым участникам на проекте!
<br><b>1.01.2011</b> 
<br>Вот мы и дождались!!! Новый год!!! Ура, товарищи!
<br><b>26.11.2010</b> 
<br>Ролевая начала свое существование.</div></div>
     <div id="sm2" class="submenutext"><br /><br />
<b>Глав. администратор</b>
<br><a href="http://kuromonoshitsuji.mybb.ru/profile.php?id=3">Arisu</a>
<br><b>Администраторы</b>
<br><a href="http://kuromonoshitsuji.mybb.ru/profile.php?id=2">Sebastian</a>
<br><a href="http://kuromonoshitsuji.mybb.ru/profile.php?id=5">Angela&Ash</a>
<br><b>Модераторы</b>
<br>Идет набор</div>
     <div id="sm3" class="submenutext"><br /><br />
<table width="100%" border="0">
<tr>
<td>
<b>Время</b></td>
<td>
<b>Погода</b></td></tr></table></div>
     <div id="sm4" class="submenutext"><br /><br />Ролевая создана по аниме и манге Темный Дворецкий. Сюжет в разработке.</div>
     <div id="sm5" class="submenutext"><br /><br />
<table width="100%" border="0">
<tr>
<td>
<b>Для гостей</b>
<br><a href="http://kuromonoshitsuji.mybb.ru/viewforum.php?id=2">Гостевая</a>
<br><a href="http://kuromonoshitsuji.mybb.ru/viewtopic.php?id=3#p14">Правила</a>
<br><a href="http://kuromonoshitsuji.mybb.ru">Сюжет</a>
<br><a href="http://kuromonoshitsuji.mybb.ru/viewtopic.php?id=4">Демонология</a>
<br><a href="http://kuromonoshitsuji.mybb.ru/viewtopic.php?id=10">Шаблон анкеты</a>
<br><a href="http://kuromonoshitsuji.mybb.ru/viewtopic.php?id=12#p35">Список ролей</a>
<br><a href="http://kuromonoshitsuji.mybb.ru/viewforum.php?id=8">Реклама</a>
</td>
<td>
<br><b>Для участников</b>
<br>Отсутствие|Уход
<br>Заполнение профиля
<br>Галерея
<br>Поиск партнера по игре
</td></tr></table></div>
     <div id="sm6" class="submenutext"><br /><br />
<b>Наши партнеры:</b>
</div>
     <div id="sm7" class="submenutext"><br /><br />
<br>Для рекламы создан специальный аккаунт. Новых регистрировать не надо. Не забываем: Реклама только взаимна!
<br>
<table width="100%" border="0">
<tr>
<td> 
<br><b>Аккаунт для рекламы:</b>
<br>
<br>Ник: <b>PR</b>
<br>Пароль: <b>0000</b></td>
<td>
<b>Ротация:</b>
<br> 
</td></tr></table>
</div>
     </i>
    </div>
   </td>
  </tr>
 </tbody>
</table>
<script type="text/javascript">

$(document).ready(function() {

$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs a:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();

$("div.#menu a").click(function() {
    $("div.#menu a").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false;
 });
});
</script>

<!--<script type="text/javascript">
var prevmenu, prevtab
function subMenu(obj, menu) {
if (document.getElementById) {
if (prevmenu) document.getElementById(prevmenu).style.display = "none"
document.getElementById(menu).style.display = "block"
if (prevtab) { prevtab.className = "" }
obj.className = "tabactive"
prevmenu = menu
prevtab = obj
}
}
</script>-->
</center>

<center><table style="width: 90%">
<tr>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src='путь до картинки'></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src='путь до картинки'></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src='путь до картинки'></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
Тут будет что-то</DIV></DIV>
</div></td>
</tr>
</table></center>

<style>
div .splLink {width: 130px; height: 40px; border: 2px solid #FFD700; background: #FFFFCC; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}
.spll {width: 130px; height: 70px; }
.spll div .splCont {height: auto; width: 300px; background:  url(http://forumupload.ru/uploads/0003/83/96/1556-1.png); padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #FFD700; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}
</style>

<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>