Основной курс по Joomla
0 Пользователей и 1 Гость просматривают эту тему.
  • 26 Ответов
  • 8604 Просмотров
*

pautina

  • Осваиваюсь на форуме
  • ***
  • 160
  • 0
Пункт меню другого цвета
« : 13.04.2010, 23:36:08 »
Здравствуйте Уважаемое сообщество.
Ни скажете как сделать чтоб 1 пункт меню был другого цвета
Меню формируется Jommla списком, класс для определённого пункта прописать нельзя.
html
Код
 
<div id="gor_menu">
<ul class="menu"><li id="current" class="active item1"><a href="http://localhost/www/site 33 joomla/"><span>ГЛАВНАЯ</span></a></li><li class="item2"><a href="/www/site%2033%20joomla/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=2&amp;Itemid=2"><span>ПАРТНЕРЫ и КЛИЕНТЫ</span></a></li><li class="item3"><a href="/www/site%2033%20joomla/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=3&amp;Itemid=3"><span>УСЛУГИ</span></a></li><li class="item4"><a href="/www/site%2033%20joomla/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=4&amp;Itemid=4"><span>ВЫБОР ЯЗЫКА</span></a></li><li class="item5"><a href="/www/site%2033%20joomla/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=5&amp;Itemid=5"><span>ВАКАНСИИ</span></a></li><li class="item6"><a href="/www/site%2033%20joomla/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=6&amp;Itemid=6"><span>КОНТАКТЫ</span></a></li></ul>                    
</div>
css
Код
#gor_menu { float:left; position:relative; width:100%;  }
#gor_menu ul { list-style:none; float:left; position:relative; width:100%; }
#gor_menu ul li { display:inline; float:left; width:16.5%; padding:15px 0px; text-align:center; }
#gor_menu ul li a { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#000000; text-decoration:none;  }
для 1-го пункта меню
Код
<li id="current" class="active item1"><a href="http://localhost/www/site 33 joomla/"><span>ГЛАВНАЯ</span></a></li>
Как сделать чтоб для 1 пункта меню цвет был отличный от всех остальных пунктов, красный например

*

ShadowXak

  • Разработчик расширений для Joomla 1.5
  • *
  • 1626
  • 156
  • мой скайп smokermlm
Re: Пункт меню другого цвета
« Ответ #1 : 14.04.2010, 11:55:56 »
выведите 2 меню:
Цитировать
1 меню
с классом _другой цвет
тут только 1 пункт
Цитировать
2 меню
с классом _совсем другой цвет
тут остальные пункты меню
---
получится:
главная
новости
статьи
...
контакты
*

pautina

  • Осваиваюсь на форуме
  • ***
  • 160
  • 0
Re: Пункт меню другого цвета
« Ответ #2 : 14.04.2010, 20:19:24 »
А как быть если меню должно быть одно.
*

SmokerMan

  • Профи
  • ********
  • 5329
  • 689
Re: Пункт меню другого цвета
« Ответ #3 : 14.04.2010, 20:26:03 »
А как быть если меню должно быть одно.
тема мусолиться каждый день :)
ставьте в настройках модуля меню отображение обычным списком. и смотрите исходный код.
вот вишите
Цитировать
<li id="current" class="active item1"><a href="http://localhost/www/site 33 joomla/"><span>ГЛАВНАЯ</span></a></li>
кто мешает сделать так
Код
.item1 a {
color:red;
}
И так ставите соответственно для нужного Item.
*

pautina

  • Осваиваюсь на форуме
  • ***
  • 160
  • 0
Re: Пункт меню другого цвета
« Ответ #4 : 15.04.2010, 12:25:13 »
Так и прописал в template.css
Код
.item1 a { color:red; } 
  не помогло
пробовал
Код
.active item1 a { color:red; }
Код
li.active item1 a { color:red; }
Цвет первого пункта меню не меняется, почему?

*

SmokerMan

  • Профи
  • ********
  • 5329
  • 689
Re: Пункт меню другого цвета
« Ответ #5 : 15.04.2010, 12:28:13 »
Цвет первого пункта меню не меняется, почему?
Возможно перекрывается другими свойствами.
Трудно сказать не видя сайт.
*

pautina

  • Осваиваюсь на форуме
  • ***
  • 160
  • 0
Re: Пункт меню другого цвета
« Ответ #6 : 15.04.2010, 12:56:27 »
Адрес сайта http://my-page40.xmldesign.ru/
Посмотрите может сможете помочь.
Пытаюсь изменить цвет 1 пункта верхнего горизонтального меню. (Главная)
« Последнее редактирование: 15.04.2010, 13:00:59 от pautina »
*

SmokerMan

  • Профи
  • ********
  • 5329
  • 689
Re: Пункт меню другого цвета
« Ответ #7 : 15.04.2010, 13:03:45 »
Код
#gor_menu .item1 a {
color:red;
}
*

pautina

  • Осваиваюсь на форуме
  • ***
  • 160
  • 0
Re: Пункт меню другого цвета
« Ответ #8 : 15.04.2010, 13:32:18 »
Спасибо все заработало.
Немного правда вот так надо было.
Код
#gor_menu ul li.item1 a { color:#FF0000; }
Но все работает цвет изменён, благодарю.
*

yalo

  • Осваиваюсь на форуме
  • ***
  • 27
  • 1
Re: Пункт меню другого цвета
« Ответ #9 : 24.04.2010, 12:22:59 »
а можете подсказать начинающему
ГДЕ должна стоять строчка
<li id="current" class="active item1"><a href="http://localhost/www/site 33 joomla/"><span>ГЛАВНАЯ</span></a></li>
из данного примера?

не понимаю(

мне тоже нужно выделить пункт меню, второй по счету (путешествия),
никак не могу въехать что и где прописать((

сайт climblife  ru
*

yalo

  • Осваиваюсь на форуме
  • ***
  • 27
  • 1
Re: Пункт меню другого цвета
« Ответ #10 : 25.04.2010, 15:20:52 »
большое спасибо, все получилось!
мозг блондинки -не ленивый, он просто оооочень медленный
*DRINK*
*

kreolka_8

  • Осваиваюсь на форуме
  • ***
  • 153
  • 2
Re: Пункт меню другого цвета
« Ответ #11 : 24.05.2012, 02:54:35 »
Общая схема решения абсолютно аналогична! Если вы ищете строку кода совершенно другого сайта, у себя на сайте, то это уже ваши проблемы. Откройте исходник и посмотрите на свой второй пункт меню и сделайте по аналогии с приведенным выше примером.

А если лень мозги включить вот:
#pillmenu ul li.item54 a { color:#FF0000; }

Уважаемый NightGuard, я похоже то же блондинка, я пыталась, но не выходит.
Может будет время взглянуть на мой код? Например пункт меню с китайскими иероглифам или "Интернет-магазин": www.deepvvater.com
*

Fedor Vlasenko

  • Профи
  • ********
  • 3800
  • 698
  • Все начинается с Value
Re: Пункт меню другого цвета
« Ответ #12 : 24.05.2012, 03:05:06 »
Например пункт меню с китайскими иероглифам или "Интернет-магазин": www.deepvvater.com
Код: css
.item148 .t{color: red;}
.item14 .t{color: yellow;}
*

kreolka_8

  • Осваиваюсь на форуме
  • ***
  • 153
  • 2
Re: Пункт меню другого цвета
« Ответ #13 : 24.05.2012, 03:14:39 »
Poznakomlus, почему-то не выходит. Может, как выше описано нужно добавлять "ul li"?
Стили "не цепляются".
« Последнее редактирование: 24.05.2012, 03:18:06 от kreolka_8 »
*

Fedor Vlasenko

  • Профи
  • ********
  • 3800
  • 698
  • Все начинается с Value
*

kreolka_8

  • Осваиваюсь на форуме
  • ***
  • 153
  • 2
Re: Пункт меню другого цвета
« Ответ #15 : 24.05.2012, 03:33:07 »
Не получается, FireBug даже не показывает эти стили. Может добавить: .art-menu
Правда и так не работает.
*

Fedor Vlasenko

  • Профи
  • ********
  • 3800
  • 698
  • Все начинается с Value
Re: Пункт меню другого цвета
« Ответ #16 : 24.05.2012, 03:38:26 »
Так неправильно
Код: css
.art-menu li.item148 a {
    color: red !important;
}
Правильно так будет
Код: css
.item148 .t {
    color: red !important;
}
*

NightGuard

  • Практически профи
  • *******
  • 3025
  • 371
  • вжжж-вжжж
Re: Пункт меню другого цвета
« Ответ #17 : 24.05.2012, 11:09:39 »
.art-menu li.item14 a .t {
    color: yellow;
}

-----------------------
Poznakomlus, там обращение через тег <a>, так что в любом случае придется его указать, иначе перешьет, кроме того учти указание от родителя.

Цитировать
.art-menu a .t
« Последнее редактирование: 24.05.2012, 11:49:01 от NightGuard »
Идеология сверхпотребления более опасна для человечества, чем идеология гитлеровского тоталитаризма

skype: nightguardsrussia - только по рабочим вопросам, любые консультации - платные!
*

kreolka_8

  • Осваиваюсь на форуме
  • ***
  • 153
  • 2
Re: Пункт меню другого цвета
« Ответ #18 : 24.05.2012, 11:27:21 »
NightGuard, ваш код сработал!
Но не пойму в чем дело: прописываю стили в .css своего шаблона, обновляю, проверяю FireBug-ом, они  не отображаются. Просматриваю весь список стилей открытой страницы, нового стиля нет. Вот когда принудительно вписываю уже в Мозеле, все работает корректрно. Я уже грешила, что не тот файл обновляю или права доступа не те, но скачав стили на комп, проверяю- в нем стили прописаны. Вроде бы не первый день дорабатываю стили, впервые такое, попробую ещё раз.
*

NightGuard

  • Практически профи
  • *******
  • 3025
  • 371
  • вжжж-вжжж
Re: Пункт меню другого цвета
« Ответ #19 : 24.05.2012, 11:49:30 »
Кэш очистите.
Идеология сверхпотребления более опасна для человечества, чем идеология гитлеровского тоталитаризма

skype: nightguardsrussia - только по рабочим вопросам, любые консультации - платные!
*

kreolka_8

  • Осваиваюсь на форуме
  • ***
  • 153
  • 2
Re: Пункт меню другого цвета
« Ответ #20 : 24.05.2012, 14:45:16 »
NightGuard, СПАСИБО! Пришлось даже перезагрузить браузер.
Ловите +
*

kreolka_8

  • Осваиваюсь на форуме
  • ***
  • 153
  • 2
Re: Пункт меню другого цвета
« Ответ #21 : 24.05.2012, 14:46:21 »
Poznakomlus и вам спасибо за участие!
*

Provr

  • Новичок
  • *
  • 4
  • 0
Re: Пункт меню другого цвета
« Ответ #22 : 27.12.2012, 13:33:15 »
Уважаемые, не могли бы вы мне так же помочь в данном вопросе ?
Необходимо пункт "Hand Shop" (крайний правый) сделать отличного от остального меню цвета в "спокойном его состоянии".
Сайтик: UfaDesign.net
Вопрос: какую конкретно строку и в какую конкретно строчку вставить ( в файлике tdefaut, наверное)?
Рассмотрю все предложенные интерпретации, попробую все варианты.

Заранее благодарю тех кто откликнется (ежели таковые будут вообще)
*

kreolka_8

  • Осваиваюсь на форуме
  • ***
  • 153
  • 2
Re: Пункт меню другого цвета
« Ответ #23 : 27.12.2012, 15:52:01 »
Уважаемые, не могли бы вы мне так же помочь в данном вопросе ?
Необходимо пункт "Hand Shop" (крайний правый) сделать отличного от остального меню цвета в "спокойном его состоянии".

Все по аналогии.
Код
#navigation li.item-219 a {
    color: orange;
    background-color: red;
    height: 35px;}
*

Provr

  • Новичок
  • *
  • 4
  • 0
Re: Пункт меню другого цвета
« Ответ #24 : 28.12.2012, 10:08:44 »
kreolka_8
Мадама, вы мой герой ^_^

« Последнее редактирование: 28.12.2012, 10:30:47 от Provr »
*

yuranltd

  • Осваиваюсь на форуме
  • ***
  • 43
  • 0
Re: Пункт меню другого цвета
« Ответ #25 : 27.10.2013, 22:14:45 »
друзья помогите и мне новичку сделать пункт меню цветом и\или чтобы моргал так красивенько. Сайт www.potolkiplus.ru Хочудругим цветом пункт меню НОВИНКИ !
Я не волшебник - я только учусь
*

anoorik

  • Осваиваюсь на форуме
  • ***
  • 103
  • 0
Re: Пункт меню другого цвета
« Ответ #26 : 02.03.2017, 10:22:10 »
Здравствуйте! Никак не могу поменять один пункт меню на другой цвет. Может кто поможет? Сайт obes.kz. Пункт меню ПОДАТЬ ОБЪЯВЛЕНИЕ. CSS класс ссылки указал (ramka). в файле CSS цвет задал. Передвигаю в конец меню цвет меняется в начале нет.
« Последнее редактирование: 02.03.2017, 10:28:05 от anoorik »