Помощь Как сделать умное меню?

[Urch]

Делаю сайт на вп. Нужно чтобы в зависимости от страницы сайта менялось фоновое изображение кнопки.

Например:

Главная О нас Контакты
Наша копания занимается...

Главная О нас Контакты
icq...skyp:...

 

[Denis_Pi]

<div id="top-menu">
<div class="navig">
  <ul>
  <li id="main"><a href="/">Главная</a></li>
  <li id="about"><a href="/about">О нас</a></li>
  </ul>
</div>
</div>
<script type="text/javascript">
try{
var el=document.getElementById('top-menu-l').getElementsByTagName('a');
var url=document.location.href;
for(var i=0;i<el.length; i++){
if (url==el.href){
el.className += ' act';
};
};
}catch(e){}
</script>

#o-nas{
    background-image: url("img/onas.png");
}
.navig li#o-nas a.act{
    background-image: url("img/act-onas.png");
}

вот правильный код

<div id="top-menu">
<div class="navig">
  <ul>
  <li><a class="main" href="/">Главная</a></li>
  <li><a class="about" href="/about">О нас</a></li>
  </ul>
</div>
</div>
<script type="text/javascript">
try{
var el=document.getElementById('top-menu').getElementsByTagName('a');
var url=document.location.href;
for(var i=0;i<el.length; i++){
if (url==el.href){
el.className += ' act';
};
};
}catch(e){}
</script>

a.main {
background-color: rgb(16, 136, 216);
}
a.about{
background-color: rgb(130, 5, 170);
}

a.act{
background-color: rgb(7, 129, 16);
}

ЗЫ. это меню не конкретно под WP его можно использовать в любом другом движке и ли без движка..

 

[Urch]

вот правильный код

<div id="top-menu">
<div class="navig">
  <ul>
  <li><a class="main" href="/">Главная</a></li>
  <li><a class="about" href="/about">О нас</a></li>
  </ul>
</div>
</div>
<script type="text/javascript">
try{
var el=document.getElementById('top-menu').getElementsByTagName('a');
var url=document.location.href;
for(var i=0;i<el.length; i++){
if (url==el.href){
el.className += ' act';
};
};
}catch(e){}
</script>

a.main {
background-color: rgb(16, 136, 216);
}
a.about{
background-color: rgb(130, 5, 170);
}

a.act{
background-color: rgb(7, 129, 16);
}

ЗЫ. это меню не конкретно под WP его можно использовать в любом другом движке и ли без движка..

что то не работает причем на html пробывал подцепить тож не работает...

 

[Denis_Pi]

что то не работает причем на html пробывал подцепить тож не работает...

попробуй так

.navig li a.main {
color: rgb(16, 136, 216);
}

.navig li a.about{
color: rgb(130, 5, 170);
}

.navig li a.act{
color: rgb(7, 129, 16);
}