Нашла очень интересный код для объявления, но хочу кое-что доделать, но вот сама не справлюсь.
<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)