Обещанный скрипт. Картинка для анимации сделана замечательным человеком - мисс Кольт.
1. Кусок кода CSS, ставить в нижнее окно своего стиля.
Чтобы не копаться долго, можно поставить в самый низ кода.
ЗЫ. Так как картинку для кнопки "админка" я не вижу, ее вам нужно будет вставить самостоятельно вместо тире.
#pun #pun-navlinks .container #navindex,
#pun #pun-navlinks .container #navuserlist,
#pun #pun-navlinks .container #navsearch,
#pun #pun-navlinks .container #navprofile,
#pun #pun-navlinks .container #navpm,
#pun #pun-navlinks .container #navadmin,
#pun #pun-navlinks .container #navlogout,
#pun #pun-navlinks .container #navregister,
#pun #pun-navlinks .container #navlogin
{display: block; float: left; height: 30px; width: 90px; background-color: #cccccc; background-position: center; background-repeat: no-repeat}#pun #pun-navlinks .container #navindex {background-image: url(http://funkyimg.com/u2/440/861/wor.png)}
#pun #pun-navlinks .container #navuserlist {background-image: url(http://funkyimg.com/u2/692/337/mut.png)}
#pun #pun-navlinks .container #navsearch {background-image: url(http://funkyimg.com/u2/607/100/cer.png)}
#pun #pun-navlinks .container #navprofile {background-image: url(http://funkyimg.com/u2/420/946/prof.png)}
#pun #pun-navlinks .container #navpm {background-image: url(http://funkyimg.com/u2/171/562/mai.png)}
#pun #pun-navlinks .container #navregister {background-image: url(http://funkyimg.com/u2/735/620/join.png)}
#pun #pun-navlinks .container #navlogin {background-image: url(http://funkyimg.com/u2/702/164/ent.png)}
#pun #pun-navlinks .container #navlogout {background-image: url(http://funkyimg.com/u2/766/467/ex.png)}
#pun #pun-navlinks .container #navadmin {background-image: url(-------)}#pun-navlinks a {
height: 30px;
width: 90px;
color: transparent;
text-decoration: none;
display: block;
}#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: transparent;
text-decoration: none;
}
2. Собственно скрипт, ставить в настройки, в html-низ.
<script type="text/javascript">
str = document.getElementById("navpm").innerHTML
if( (str.indexOf("(") != -1))
{
document.getElementById("navpm").style.backgroundImage = 'url(http://savepic.ru/2877370.gif)'
}
</script>
Примечание: если картинки в названия меню вы ставили в стиле CSS, то вероятнее всего, все заработает правильно. Если они ставились сркиптом (есть и такой вариант), то номер может не пройти, и скрипт надо будет удалить.
Если будут проблемы, я попрошу предоставить мне отдельные куски CSS-кода)
Отредактировано Caroline Jeffers (2011-07-21 16:21:33)