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

1 234
7able
На сайте с 07.02.2013
Offline
85
#31
Dimmmetrio:
А если вот так? :)
Вот это в шапку: <script type="text/javascript" src="http://www.acc-garant.ru/engine/classes/js/activelinks.js"></script>
А это перед </body>: <script type="text/javascript">shineLinks('topmenu');</script>

Поставил, тоже не то )

Профессиональная разработка сайтов. Веб программирование ООП, верстка. Технологии: HTML, CSS, PHP, JS. MVC: Laravel, Yii2, самописы. CMS Тесно работаю с Opencart, Wordpress, Prestashop, OctoberCms, Xenforo 2 Имею опыт работы с Joomla, DLE и другими cms. Могу влезть и разобраться практически с любым проектом на PHP. Цены на работы со специфическими самописами выше обычных. Email: 7able@bk.ru Telegram: Vladislavs_eu Skype: vladja3037
D
На сайте с 19.07.2011
Offline
32
#32

И вот такой вариант попробуйте (скрипты из предыдущих моих постов удалите предварительно, если не помогут, конечно):

<script type="text/javascript">

$(document).ready(function(){

var url=document.location.href;

$.each($("#topmenu a"),function(){

if(this.href==url){$(this).addClass('act');};

});

});

</script>

Вставлять также перед </body>

Покупаю: домены и сайты-визитки фирм (в т.ч. псевдо-фирм) в индексе от 6мес. -> в ЛС (). Профессиональная верстка шаблонов любой сложности; адаптация для ImageCMS; создание и продвижение сайтов.
7able
На сайте с 07.02.2013
Offline
85
#33

Ну вот, я совсем расстроился. Увы, но этот вариант тоже не прошел. Не сдавайтесь пожалуйста

izbushka
На сайте с 08.06.2007
Offline
110
#34

Сейчас текущему меню присваевается класс act. Значит надо разобраться только со стилями.

Добавьте в css стоку:

.act { color: red !important }

D
На сайте с 19.07.2011
Offline
32
#35
7able:
Ну вот, я совсем расстроился. Увы, но этот вариант тоже не прошел. Не сдавайтесь пожалуйста

Класс act к ссылке присваивается теперь. Прописывайте стиль :) Например так: #topmenu a.act {стиль для "нажатой" ссылки}

7able
На сайте с 07.02.2013
Offline
85
#36

Всем спасибо! Все получилось! :)

#topmenu {background:url(../images/retop71.png) repeat-x;height:26px;margin:15px 0;border:1px solid #0;opacity: 0.9;}

#topmenu ul {display:inline-block;padding:0 3px;}
#topmenu li {float:left;height:26px;line-height:26px;padding:5px 0;margin:0 3px;}
#topmenu a {font-family:Tahoma ;font-size:11px;font-weight:bold;color: #FFE4E1;text-decoration:none;padding:1px 10px;text-shadow: 0 0 1px #000;height:14px;line-height:12px;display:block;}
#topmenu a:hover {background:url(../images/li.png);font-size:11px;-moz-border-radius: 5px;
border-radius: 5px;}
#topmenu a.act {background:url(../images/li.png); -moz-border-radius: 5px;
border-radius: 5px;
}

Вот так все стало как нужно. Благодарю.

Возник еще один вопрос, уже более часа пытаюсь сделать

#topmenu a.act {background:url(../images/li.png); -moz-border-radius: 5px;

border-radius: 5px;

от края меню до края, но никак не получается. И padding / margin / height / width пробовал использовать чтобы задать размер - никак не получается. Проблема в том, что если менять их, то текст меняется вместе с картинкой, куда картинка сползает, туда и текст уходит, я хочу от края до края, а не такая сплющеная как сейчас

Geers
На сайте с 12.04.2011
Offline
487
#37

Так и не понятно что вы хотите в последней проблеме.

7able
На сайте с 07.02.2013
Offline
85
#38
Geers:
Так и не понятно что вы хотите в последней проблеме.

Вот как у меня сейчас : http://impic.ru/uploads/2013/0803/7065150_64502784.png

Вот я нарисовал как хочу чтобы было: http://impic.ru/uploads/2013/0803/67048136_80116407.png

1 234

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий