Пожалуйста, помогите сделать так, чтобы цвет в меню при наводе на пункт правого меню был №788fa3 ( а не белый как сейчас ) Я целый день пролазил в /templates/yoo_blueprint/css/menus.css результата ноль. Вот сайт _http://stalker-mania.com/_ вот код /* * YOOtheme CSS file * * @author yootheme.com * @copyright Copyright (C) 2007 YOOtheme Ltd. & Co. KG. All rights reserved. */ /* * topmenu */ div#topmenu ul { margin: 0px; padding: 0px; list-style: none; float: left; } div#topmenu li { margin: 0px; padding: 0px; float: left; display: block; } div#topmenu li a { height: 20px; padding: 0px 10px 0px 10px; background: url(../images/topmenu_item_bg.png) 0 4px no-repeat; float: left; display: block; position: relative; line-height: 17px; overflow: hidden; font-size: 85%; text-decoration: none; } div#topmenu li.item1 a { padding: 0px 10px 0px 0px; background: none; } div#topmenu a:link, div#topmenu a:visited { color: #ffffff; } /* * menu */ div#menu ul { margin: 0px; padding: 0px; list-style: none; float: left; } div#menu li { position: relative; margin: 0px; padding: 0px; display: block; float: left; z-index: 5; } div#menu li a, #menu li span.separator { height: 35px; display: block; float: left; line-height: 32px; text-decoration: none; color: #a6bdd3; } div#menu li span { display: block; cursor: pointer; } div#menu li span { background-repeat: no-repeat; background-position: 95% 0px; } div#menu li a.current { font-weight: bold; } div#menu a:hover div#menu span.separator:hover, div#menu span.sfhover { /* color: #000000; */ } div#menu a.active, div#menu span.active { color: #ffffff; } div#menu li.parent span.separator { cursor: pointer; } div#menu ul.menu { } div#menu li.level1 { } div#menu a.level1, div#menu span.level1 { padding: 0px 23px 0px 25px; background: url(../images/menu_level1_item.png) 0 0 no-repeat; font-size: 110%; line-height: 250%; } div#menu li.first a.level1, div#menu li.first span.level1 { background: none; } div#menu a.level1 span, div#menu span.level1 span { } div#menu a.level1 span.title, div#menu span.level1 span.title{ padding: 0px; font-size: 100%; line-height: 180%; } div#menu a.level1 span.sub, div#menu span.level1 span.sub { margin-top: -5px; padding: 0px 0px 10px 0px; background: none; font-size: 70%; font-weight: normal; color: #00aede; line-height: 10px; } div#menu a.active span.sub, div#menu span.active span.sub { color: #ffffff; } div#menu li.level1:hover a.level1 span.sub, div#menu li.level1:hover span.level1 span.sub { background: none; } div#menu li.fancy { position: absolute; top: -5px; visibility: hidden; z-index: 4; overflow: hidden; } div#menu li.fancy div.fancy-container { padding: 0px 40px 0px 40px; } div#menu li.fancy div.fancy-container div.fancy-m { height: 45px; background: url(../images/menu_fancy_m.png) 0 0 repeat-x; } div#menu li.fancy div.fancy-container div.fancy-l { position: absolute; top: 0px; left: 0px; width: 40px; height: 45px; background: url(../images/menu_fancy_l.png) 0 0 no-repeat; } div#menu li.fancy div.fancy-container div.fancy-r { position: absolute; top: 0px; right: 0px; width: 40px; height: 45px; background: url(../images/menu_fancy_r.png) 0 0 no-repeat; } div#menu ul.menu ul { position: absolute; top: 35px; left: -999em; width: 165px; padding: 2px 0px 1px 0px; border-bottom: 1px solid #27557a; background: url(../images/menu_dropdown_bg.png) 0 1px no-repeat; } div#menu li:hover ul, div#menu li.sfhover ul { left: 0px; z-index: 100; } div#menu li.level1 li { width: 100%; text-indent: 15px; } div#menu li.level1 li a, div#menu li.level1 li span.separator{ height: 25px; padding: 0px; margin: 0px 1px 0px 1px; background: none; float: none; display: block; line-height: 25px; } div#menu li.level2 a.parent, div#menu li li.level2 span.parent { background: url(../images/menu_level2_item_parent.png) 100% 0 no-repeat; } div#menu li.level2 a.active, div#menu li.level2 span.active { } div#menu li.level2 a:hover, div#menu li.level2 span.separator:hover, div#menu li.level2 span.sfhover { } div#menu li ul ul { margin: -38px 0 0 164px; } div#menu li:hover ul ul, div#menu li.sfhover ul ul { background: url(../images/menu_dropdown_bg2.png) 0 0 no-repeat; border-top: 1px solid #27557a; } div#menu li:hover ul ul, div#menu li.sfhover ul ul, div#menu li:hover ul ul ul, div#menu li.sfhover ul ul ul, div#menu li:hover ul ul ul ul, div#menu li.sfhover ul ul ul ul { left: -999em; } div#menu li li:hover ul, div#menu li li.sfhover ul, div#menu li li li:hover ul, div#menu li li li.sfhover ul, div#menu li li li li:hover ul, div#menu li li li li.sfhover ul { left: 0; z-index: 100; } /* * sub menu */ div#middle div.mod-menu div.module ul, div#middle div.mod-menu div.module ul { margin: 0px; padding: 0px; overflow: hidden; list-style: none; } div#middle ul.menu li { margin: 0px; padding: 0px; display: block; } div#middle ul.menu a, div#middle ul.menu span.separator { height: 25px; background: none; display: block; line-height: 25px; text-decoration: none; color: #afc6da; } div#right ul.menu a, div#right ul.menu span.separator { background: #none; } div#middle ul.menu li span { display: block; } div#middle ul.menu li span { background-repeat: no-repeat; background-position: 95% 0px; } div#middle ul.menu a.current { font-weight: bold; color: #87a1b8; } div#middle ul.menu a:hover{ div#middle ul.menu span.separator:hover, div#middle ul.menu span.sfhover { /* color: #ff0000; */ } div#middle ul.menu a.active, div#middle ul.menu span.active { /*color: #ffffff;*/ } div#middle ul.menu li.parent span.separator { cursor: pointer; } div#middle ul.menu a.parent, div#middle ul.menu span.parent { background: url(../images/submenu_l_item_parent.png) 0 0 no-repeat; } div#right ul.menu a.parent, div#right ul.menu span.parent { background: url(../images/submenu_r_item_parent.png) 0 0 no-repeat; } div#middle ul.menu li.level1 { background: url(../images/submenu_item.png) 0px 0px no-repeat; } div#middle ul.menu a.level1, div#middle ul.menu span.level1 { text-indent: 15px; } div#middle ul.menu li.level2 { background: url(../images/submenu_item.png) 10px 0px no-repeat; } div#middle ul.menu a.level2 { text-indent: 25px; } div#middle ul.menu a.level2 span { } div#middle ul.menu li.level3 { background: url(../images/submenu_item.png) 20px 0px no-repeat; } div#middle ul.menu a.level3 { text-indent: 35px; } div#middle ul.menu a.level3 span { } div#middle ul.menu li.level4 { background: url(../images/submenu_item.png) 30px 0px no-repeat; } div#middle ul.menu a.level4 { text-indent: 45px; } div#middle ul.menu a.level4 span { } А вот ксс меню еще одно которое находится /templates/yoo_blueprint/css/black/black-menus.css /* * YOOtheme CSS file * * @author yootheme.com * @copyright Copyright (C) 2007 YOOtheme Ltd. & Co. KG. All rights reserved. */ /* * menu */ div#menu li a, #menu li span.separator { color: #B4C8DC; } div#menu a.active, div#menu span.active { color: #ffffff; } div#menu a.level1 span.sub, div#menu span.level1 span.sub { color: #7891AA; } div#menu a.active span.sub, div#menu span.active span.sub { color: #ffffff; } /** level 2 */ div#menu ul.menu ul { border-bottom: 1px solid #464d54; background: url(../../images/black/menu_dropdown_bg.png) 0 1px no-repeat; } div#menu li.level2 a.parent, div#menu li li.level2 span.parent { /** set parent */ background: url(../../images/black/menu_level2_item_parent.png) 100% 0 no-repeat; } div#menu li:hover ul ul, div#menu li.sfhover ul ul { background: url(../../images/black/menu_dropdown_bg2.png) 0 0 no-repeat; border-top: 1px solid #464d54; } /* * sub menu */ div#middle ul.menu a, div#middle ul.menu span.separator { color: #B4C8DC; } div#middle ul.menu a.current { color: #ffffff; } div#middle ul.menu a.parent, div#middle ul.menu span.parent { background: url(../../images/black/submenu_l_item_parent.png) 0 0 no-repeat; } div#right ul.menu a.parent, div#right ul.menu span.parent { background: url(../../images/black/submenu_r_item_parent.png) 0 0 no-repeat; } div#middle ul.menu li.level1 { background: url(../../images/black/submenu_item.png) 0px 0px no-repeat; } div#middle ul.menu li.level2 { background: url(../../images/black/submenu_item.png) 10px 0px no-repeat; } div#middle ul.menu li.level3 { background: url(../../images/black/submenu_item.png) 20px 0px no-repeat; } div#middle ul.menu li.level4 { background: url(../../images/black/submenu_item.png) 30px 0px no-repeat; } помогите пожалуйста исправить, сделайте мне подарок на новый год
пожалуйста, если можно, впишите єто в код который я скопировал выше, я ж не знаю куда всовывать это ( только впишите такой цвет же №788fa3 заранее спасибоо огромное вам!
Код (CODE): * * YOOtheme CSS file * * @author yootheme.com * @copyright Copyright (C) 2007 YOOtheme Ltd. & Co. KG. All rights reserved. */ /* * menu */ div#menu li a, #menu li span.separator { color: #B4C8DC; } div#menu a.active, div#menu span.active { color: #788fa3; } div#menu a.level1 span.sub, div#menu span.level1 span.sub { color: #7891AA; } div#menu a.active span.sub, div#menu span.active span.sub { color: #788fa3; } /** level 2 */ div#menu ul.menu ul { border-bottom: 1px solid #464d54; background: url(../../images/black/menu_dropdown_bg.png) 0 1px no-repeat; } div#menu li.level2 a.parent, div#menu li li.level2 span.parent { /** set parent */ background: url(../../images/black/menu_level2_item_parent.png) 100% 0 no-repeat; } div#menu li:hover ul ul, div#menu li.sfhover ul ul { background: url(../../images/black/menu_dropdown_bg2.png) 0 0 no-repeat; border-top: 1px solid #464d54; } /* * sub menu */ div#middle ul.menu a, div#middle ul.menu span.separator { color: #B4C8DC; } div#middle ul.menu a.current { color: #ffffff; } div#middle ul.menu a.parent, div#middle ul.menu span.parent { background: url(../../images/black/submenu_l_item_parent.png) 0 0 no-repeat; } div#right ul.menu a.parent, div#right ul.menu span.parent { background: url(../../images/black/submenu_r_item_parent.png) 0 0 no-repeat; } div#middle ul.menu li.level1 { background: url(../../images/black/submenu_item.png) 0px 0px no-repeat; } div#middle ul.menu li.level2 { background: url(../../images/black/submenu_item.png) 10px 0px no-repeat; } div#middle ul.menu li.level3 { background: url(../../images/black/submenu_item.png) 20px 0px no-repeat; } div#middle ul.menu li.level4 { background: url(../../images/black/submenu_item.png) 30px 0px no-repeat; }
Asylum, огромное спасибо что помогаешь такому чайнику как я, но в силу случившихся проблем ( не скачивает и не изменяет black-menus.css ) не мог бы ты внести поправку /templates/yoo_blueprint/css/menus.css сюда ( ну если это возможно вопще ) если спасибо не поможет, то могу сделать для тебя какието графические работы с огромной скидкой, та бесплатно короче
помогите а, вот полазил http://joomla-support.ru/thread/16340/ я не один такой с ошибкой. Можно както средствами /templates/yoo_blueprint/css/menus.css сделать то что я хочу ?
Вам же Asylum все расписал. Берите и вставляйте код. Что еще тут сложного? За вас все равно никто ничего делать не будет. И так уже разжевали по максимуму...
эх..совершенно не помогло - _http://stalker-mania.com/_ смотрите "Главное меню" при наведении мышкой белое так и остаётся белый цвет. Может быть не в css проблема?
gft, так а где искать тот скрипт? я готов его удалить или отключить, мне просто нужно нормальное,юзабильное меню(((
Полностью шаблон отправьте мне. Но по-моему вот этот скрипт - /templates/yoo_blueprint/lib/js/yoo_tools.js Там попробуйте поменять #FFFFFF на цвет, который Вам нужен.