Код:
<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> <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> <table style="width: 730px;"> <tbody> <tr> <td> <div id="menu"> <i> <a onclick="subMenu(this,'sm1')"style="cursor: pointer;">Новости</a> <a onclick="subMenu(this,'sm2')"style="cursor: pointer;">Администрация</a> <a onclick="subMenu(this,'sm3')"style="cursor: pointer;">Время|Погода</a> <a onclick="subMenu(this,'sm4')"style="cursor: pointer;">События</a> <a onclick="subMenu(this,'sm5')"style="cursor: pointer;">Ссылки</a> <a onclick="subMenu(this,'sm6')"style="cursor: pointer;">Партнеры</a> <a onclick="subMenu(this,'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 /> adasdasdasd </div> <div id="sm7" class="submenutext"><br /><br /><b> <br>Аккаунт для рекламы:</b> <br> <br>Ник: <b>PR</b> <br>Пароль: <b>0000</b> <br>Для рекламы создан специальный аккаунт. Новых регистрировать не надо. Не забываем: Реклама только взаимна!</div> </i> </div> </td> </tr> </tbody> </table> </center>