Нашла очень интересный код для объявления, но хочу кое-что доделать, но вот сама не справлюсь.
<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://s1.ipicture.ru/uploads/20110312/4wBUpW7M.png) 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>Открытие</b> <br>Добро пожаловать но ролевую игру по МБ. Наши двери открыты для всех желающих. Не важно, читали ли вы Мефодия Буслаева или нет, все равны.<br> Мы убрали с ролевой канонических персонажей, и теперь регистрация канонов не приветствуется. </div></div> <div id="sm2" class="submenutext"><br /><br /> <br><a href="http://buslaev.rolca.ru/profile.php?id=2">Дарена Страшко</a> <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://buslaev.rolca.ru/viewforum.php?id=3">Гостевая</a> <br><a href="http://buslaev.rolca.ru/viewtopic.php?id=5">Правила</a> <br><a href="http://buslaev.rolca.ru/viewtopic.php?id=21#p25">Сюжет</a> <br><a href="http://buslaev.rolca.ru/viewtopic.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> <b>Ник:</b> Реклама <br> <b>Пароль</b> 0000 <br> <table width="100%" border="0"> <tr> <td> <td> <b>Партнеры</b> </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>
на картинке представлено, как он выглядит сейчас. Я хочу поставить "панельку"(картинку) под "кнопки" новости, администрация и т.д. Тоесть чтобы выделялись эти кнопки , а то они сливаются с фоном.
Отредактировано Wikki (Вт, 15 Мар 2011 17:11:00)