Меню сайта на CSS

[dmMaster]

Подскажите пожалуйста, как сделать на CSS меню такого типа как на этом сайте: http://ipkpro.ru/

[Emm]

как сделать

руками, с обязательным подключением моска.

[dmMaster]

руками, с обязательным подключением моска.

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

[Serhij]

Сохранить как.. , вебстраница полностью (или что то похожее), и код выложить сюда можно самому.

[dmMaster]

Мне надо код CSS чтобы сделать меню как на сайте.

[guvatara]

http://www.ipkpro.ru/templates/ja_olyra/css/template_css.css

вообщето можно было из кода страницы взять ссылку на css.

потом находим это

ul {
	list-style: none;
}

ul li {
	padding-left: 35px;
	background: url(../images/bullet-list.gif) no-repeat 25px 8px;
	line-height: 170%;
}

ol li {
	margin-left: 35px;
	line-height: 170%;
}

и думаем что можно с этим сделать.

Подсказка используйте hover - это правильный путь.

[Serhij]

Мне надо код CSS чтобы сделать меню как на сайте.

и я о том же.

[Sotnikov]

я думал, что об этом не надо никого спрашивать, потому что по-любому сам лезешь в код и вс? изучаешь... или читаешь литературу, что тоже очень полезно)...

прописываешь в менюшках классы и по случаю - ID (class="mainlevel" id="active_menu")

а код ниже.. вставляешь в CSS файл...вообшем - изучай! полезно здесь http://csszengarden.com/

/* Default Joomla! Menu */
a.mainlevel {
	margin: 0;
	padding: 5px 5px 5px 14px;
	width: 90%;
	border-bottom: 1px solid #EFEFEF;
	display: block;
	color: #333333;
	background: url(http://www.ipkpro.ru/templates/ja_olyra/images/bullet-list.gif) no-repeat 3px 12px;
}

a.mainlevel:hover,
a.mainlevel:active,
a.mainlevel:focus {
	color: #D78807;
	background: #F7F7F7;
}

a.mainlevel#active_menu {
	color: #D78807;
}

a.sublevel {
	padding: 3px 3px 3px 14px;
	border-bottom: none;
	display: block;
}

a.sublevel:hover,
a.sublevel:active,
a.sublevel:focus {
	border-bottom: none;
}

#active_menu {
	color: #CC0000;
	font-weight: bold;
}