изменить вид горизонтального меню

[darkglobe]

Такая вот проблема нарисовалась. Использую шаблон Ja_Purity. Прикрутил таки горизонтальное меню с выпадающими списками. Но одна вещ сильно огорчила. Это его высота, цвет (не нравится заказчику), шрифт. Из за всего этого многоуровневый список просто не втиснется в экран, хотя можно было бы и ужать едва ли не в три раза. Вопрос залу - где можно эти атрибуты отредактировать? Сколько ни ковырял css-ы, так и не нашел в каком месте оно описывается.

[Adeptus]

пока не дадите ссылку на пример - никто вам ничего не скажет...
телепаты все в отпуске.

[darkglobe]

пока не дадите ссылку на пример - никто вам ничего не скажет...
телепаты все в отпуске.

gorod.siteholder.ru/joomla (после окончательной доработки переедет в другое место)
Мне там много чего поменять хочется кстати. Например левую колонку ужать,но как то не получилось. Да и мое желание с пожеланиями заказчика не совпадают часто (один логотип чего стоит)

[Adeptus]

Ну и что именно в горизонтальном меню вы хотите изменить?

[NightGuard]

Плохо ковырялись... На поиск ушло не более минуты. FireBug в помощь.

[darkglobe]

Плохо ковырялись... На поиск ушло не более минуты. FireBug в помощь.

Еще бы я мурзиллой пользовался...

Ну и что именно в горизонтальном меню вы хотите изменить?

Очевидно, что размер в высоту и цвет этого блока. Заказчику он кажется ядовитым.

[AlexSmirnov]

Плохо ковырялись... На поиск ушло не более минуты. FireBug в помощь.

полностью поддерживаю.

@darkglobe,

правильный инструмент - залог успеха. FireBug сегодня - стандартный инструмент любого админа Joomla. найти какой стиль за какой элемент на странице отвечает и в каком файле с помощью FireBug до безобразия легко.

[Adeptus]

Еще бы я мурзиллой пользовался...
Очевидно, что размер в высоту и цвет этого блока. Заказчику он кажется ядовитым.

Параметры этого меню настраиваются в файле http://gorod.siteholder.ru/joomla/templates/ja_purity/css/ja-sosdmenu.css

Вот основные:

Код:

#ja-mainnav a (линия 18)
{
display: block;
line-height: 20px;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
}
#ja-mainnav li a (линия 117)
{
color: #ffffff;
font-weight: normal;
text-decoration: none;
}
#ja-mainnav ul ul a (линия 41)
{
width: 160px;
}

Правьте.

[NightGuard]

Adeptus, это как в анекдоте?

"Профессор за что пять? Я ведь ничего не знаю!"

[darkglobe]

Параметры этого меню настраиваются в файле http://gorod.siteholder.ru/joomla/templates/ja_purity/css/ja-sosdmenu.css

Знаете, но я сегодня утром еще догадался что описание стилей в этом файле... Вот только походу не только в нем. Вот этих аттрибутов в ja-sosdmenu.css НЕТ!

Код:

ja-mainnav a (линия 18)
{
display: block;
line-height: 20px;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
}

На самом деле если сей файл я открою, то со строки 18 там код выглядит так:

Код:

#ja-mainnav a {
display: block;
line-height: 20px;
margin: 0;
padding: 10px 20px;
}

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

[Adeptus]

Знаете, но я сегодня утром еще догадался что описание стилей в этом файле... Вот только походу не только в нем. Вот этих аттрибутов в ja-sosdmenu.css НЕТ!

На самом деле если сей файл я открою, то со строки 18 там код выглядит так:

Код:

#ja-mainnav a {
display: block;
line-height: 20px;
margin: 0;
padding: 10px 20px;
}

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

Вы меня уморите...

Это ОДИН И ТОТ ЖЕ КОД!

Его и правьте.

[darkglobe]

Вы меня уморите...

Это ОДИН И ТОТ ЖЕ КОД!

Его и правьте.

Сорри... Я веб дизайном несколько лет не занимался. С тех пор знания мои сильно протухли, как сейчас убеждаюсь. А тут пришлось вспоминать. В результате в коде нахожу совершенно незнакомые вещи.

[Adeptus]

Сорри... Я веб дизайном несколько лет не занимался. С тех пор знания мои сильно протухли, как сейчас убеждаюсь. А тут пришлось вспоминать. В результате в коде нахожу совершенно незнакомые вещи.

В CSS-файле код "свернутый". Я вам дал развернутый вариант того же самого кода - чтоб вам было легче

[darkglobe]

В CSS-файле код "свернутый". Я вам дал развернутый вариант того же самого кода - чтоб вам было легче

Тысячу бесплатных интернетов вам. Пришлось играться не только с этими атрибутами, но и с этим.Привел этот фрагмент методом тыка. подозреваю,  что при ином разрешении экрана будет смотреться коряво

Код:

#ja-mainnav li ul { /* second-level lists */
position: absolute;
width: 252px;
/*
* Using left instead of display to hide menus because display: none isn't
* read by screen readers
*/
left: -999em;
}

#ja-mainnav ul ul a { /* sub-links */
width: 200px;
}