Горизонтальное меню

В первую очередь пишешь этот код:

<div id="topmenu" class="menu">

Далее в css пишем (предварительно удалив свой код topmenu, но все сохраните на всякий случай):

#topmenu{
  overflow:hidden;
  background:url(../images/retop7.png) repeat-x;
  height:31px;
  margin:15px 0;
  border:1px solid #000;
  opacity: 0.9;
}
#topmenu .menu{ 
list-style:none;
}
#topmenu li {
float:left;
height:26px;
line-height:26px;
padding:5px 0;
margin:0 3px;
}
#topmenu .menu li a {
font-family:Tahoma ;
font-size:11px;
font-weight:bold;
color: #FFE4E1;
text-decoration:none;
padding:4px 10px;
text-shadow: 0 0 1px #000;
height:14px;
line-height:12px;
display:block;
}
#topmenu .menu li a:hover {
color:#fff; 
text-shadow: #666 0 4px;
font-size:11px;
border-radius: 5px;
}
#topmenu .menu li.selected a.selected{
color:#555555;
}
#topmenu ul li ul li a.selected span{
    text-decoration:none;
}

Если и это не поможет, то там в самом шаблоне надо будет уже ковыряться.

Попробовал сделать все как вы расписали. Заранее благодарю за ваше внимание. Но к сожалению ничего хорошего из этого не вышло. css вернул назад. Вот скрин что получилось при замене

Вот что получилось: http://s2.uploads.ru/iOmJo.png

Насчет моего совета - class="act" для ссылки самостоятельно прописывать действительно не нужно, как уже написали выше - это сделает скрипт. У вас для ссылки "главная" прописан class="act" - это вы его прописали?

Попробуйте по-другому. Вынесите этот файл в скрипт (сам файл можете скачать, например, отсюда). Только подключите его в файле main.tpl не в блоке head, а перед закрывающимся тегом </body>, через вот такую строку:

<script type="text/javascript" src="/engine/classes/js/activelinks.js"></script>

Ну и сам файл поместите, разумеется сюда: /engine/classes/js/ (ну или в другой каталог - тогда в ссылке пропишите другой путь).

Далее в css файле необходимо прописать стиль для #topmenu a.act

Если не получится (ничего не изменится) - не удаляйте, а дайте взглянуть :)

---------- Добавлено 07.03.2013 в 21:55 ----------

<div id="topmenu" class="menu">

#topmenu{

  overflow:hidden;

  background:url(../images/retop7.png) repeat-x;

  height:31px;

  margin:15px 0;

  border:1px solid #000;

  opacity: 0.9;

}

#topmenu .menu{ 

list-style:none;

}

#topmenu li {

float:left;

height:26px;

line-height:26px;

padding:5px 0;

margin:0 3px;

}

#topmenu .menu li a {

font-family:Tahoma ;

font-size:11px;

font-weight:bold;

color: #FFE4E1;

text-decoration:none;

padding:4px 10px;

text-shadow: 0 0 1px #000;

height:14px;

line-height:12px;

display:block;

}

#topmenu .menu li a:hover {

color:#fff; 

text-shadow: #666 0 4px;

font-size:11px;

border-radius: 5px;

}

#topmenu .menu li.selected a.selected{

color:#555555;

}

#topmenu ul li ul li a.selected span{

    text-decoration:none;

}

Хм. Все очень даже правильно вроде. Странно, почему не работает...

Сделал как вы сказали. Проверьте, вроде бы все 1 в 1 сделал, но результат прежний

Файл по ссылке в коде не открывается: http://www.acc-garant.ru/engine/classes/js/activelinks.js

Возможно, причина в этом. Проверьте права на файл и / или действительно ли он лежит там.

Вот, сейчас открывается. Только все равно не работает.

Так... А если код вставить вот так? - <script type="text/javascript" src="http://www.acc-garant.ru/engine/classes/js/activelinks.js">shineLinks('topmenu');</script>

Вставил, не помогает все равно

А если вот так? :)

Вот это в шапку: <script type="text/javascript" src="http://www.acc-garant.ru/engine/classes/js/activelinks.js"></script>

А это перед </body>: <script type="text/javascript">shineLinks('topmenu');</script>

В этом примере убраны два пункта меню, так как они имеют одинаковый url и будут подсвечиваться оба.

<div id="topmenu" class="menu">

<ul>

<li[aviable=main] class="active"[/aviable]><a href="/"> Главная</a></li>

<li[static=actual] class="active"[/static]><a href="/actual.html">Актуально</a></li>

<li[static=garant] class="active"[/static]><a href="/garant.html">Гарант сделок</a></li>

<li[static=5-reviews] class="active"[/static]><a href="/5-reviews.html">Отзывы</a></li>

<li[static=contacts] class="active"[/static]><a href="/contacts.html">Контакты</a></li>

</ul>

</div>

В css добавьте класс

.active {

color: нужный цвет;

}