CSS стили для меню подменю

pantela

Захожу иногда
257
1 / 0

Реализован вывод меню через изображения, у меню имеется подменю.
Надо доделать:
Щас вывод меню напр. "1_menu_1.jpg" надо что бы при наведения на меню или активности меню было бы "1_menu_2.jpg"

В CSS стили меню прописаный через ID меню, напр. top_menu{ID меню}:

Код

li#top_menu1 a {
	display:block;
	width:98px;
	height:39px;
	background:url('../img/top_menu/menu1-1.jpg');
}

li#top_menu41 a {
	display:block;
	width:98px;
	height:39px;
	background:url('../img/top_menu/menu1-2.jpg');
}
li#top_menu48 a {
	display:block;
	width:98px;
	height:39px;
	background:url('../img/top_menu/menu1-3.jpg');
}

Исходный код меню имеет вид:

Код

<ul id="ja-cssmenu" class="clearfix">
	<li id="top_menu1"><a href="http://test36.ru/" class="menu-item0 first-item" id="menu1" title="Main"><span class="menu-title">Main</span></a></li> 
	<li id="top_menu41"><a href="http://test36.ru/cont" class="menu-item1" id="menu41" title="Contact"><span class="menu-title">Contact</span></a></li> 
	<li id="top_menu48"><a href="http://test36.ru/about" class="menu-item2" id="menu48" title="About us"><span class="menu-title">About us</span></a>
		<ul>
			<li id="top_menu37"><a href="http://test36.ru/team" class=" first-item" id="menu37" title="Team"><span class="menu-title">Team</span></a></li> 
			<li id="top_menu49"><a href="http://test36.ru/history" id="menu49" title="History"><span class="menu-title">History</span></a></li> 
			<li id="top_menu53"><a href="http://test36.ru/price" id="menu53" title="Price"><span class="menu-title">Price</span></a></li> 
			<li id="top_menu54"><a href="http://test36.ru/maps" class=" last-item" id="menu54" title="Maps"><span class="menu-title">Maps</span></a></li> 
		</ul>
	</li>
</ul>
[/b]

[b]Team, History, Price, Maps[/b] - ПодМеню

« Последнее редактирование: 07.03.2011, 03:28:19 от pantela »

Записан

al-teen

Глобальный модератор
2385
224 / 10
im

Re: CSS стили для меню подменю

« Ответ #1 : 07.03.2011, 03:59:11 »

Ну по поводу активной кнопки хз, не вижу в коде класса, задающего это (.active например), а вот с ховером проблем нет

Код

li#top_menu1 a:hover {
	display:block;
	width:98px;
	height:39px;
	background:url('../img/top_menu/menu1-2.jpg');
}

Записан

pantela

Захожу иногда
257
1 / 0

Re: CSS стили для меню подменю

« Ответ #2 : 07.03.2011, 10:42:22 »

Приведёный тобой код почему-то не работал, немного через ж**у у меня сделанно ))
Можите удалить тему, проблемму решил с перезаписыванием CSS и php файла выводяшее меню-подменю
спс.Ув.

Записан

al-teen

Глобальный модератор
2385
224 / 10
im

Re: CSS стили для меню подменю

« Ответ #3 : 07.03.2011, 14:13:56 »

Ховер бы переставил с a для li. Я лишь указал путь к решению задачи, а не думал за тебя

« Последнее редактирование: 07.03.2011, 14:22:11 от al-teen »

Записан

pantela

Захожу иногда
257
1 / 0

Re: CSS стили для меню подменю

« Ответ #4 : 09.03.2011, 01:04:22 »

ссп но по другому сдеа ка ки говрил можете ужалять тему.

Записан

Ширина меню Автор alex86r93	Ответов: 5 Просмотров: 5836	14.06.2018, 05:13:50 от KANEGI
как сделать кнопки меню! Автор Millenium_3000	Ответов: 10 Просмотров: 12567	17.08.2017, 17:24:12 от Intrande
Стили шаблона Автор karkan25	Ответов: 12 Просмотров: 5990	21.05.2017, 16:40:32 от karkan25
Вопрос по добавлению тега в МЕНЮ j 1.5 Автор berTalino	Ответов: 12 Просмотров: 5727	29.03.2017, 16:20:43 от berTalino
Как увеличить ширину левого меню? Автор afina2009	Ответов: 8 Просмотров: 3174	09.04.2016, 23:00:36 от afina2009

CSS стили для меню подменю - Joomla 1.5: Шаблоны, разметка и макеты вывода

Новости Joomla

🏆 Открыто голосование за Joomla в премии CMS Critic People’s Choice Awards 2025

👩‍💻 Релиз JoomGallery 4.3.0 - компонент галереи изображений для Joomla.

👩‍💻 Вместе мы развиваем Joomla: станьте Joomfluencer!

pantela

CSS стили для меню подменю

al-teen

Re: CSS стили для меню подменю

pantela

Re: CSS стили для меню подменю

al-teen

Re: CSS стили для меню подменю

pantela

Re: CSS стили для меню подменю

Похожие темы