0 Пользователей и 1 Гость просматривают эту тему.
  • 10 Ответов
  • 1616 Просмотров
*

BHy4eK

  • Захожу иногда
  • 110
  • 1 / 0
Cтиль каждого пункта меню
« : 06.12.2011, 00:13:05 »
Через админку создал меню обычным способом,  присвоил им материалы, все работает тфу тфу тфу :)

А как изменить стиль каждого пункта меню ?

Вставить картинку 1  Бедым цветом    Детали
Вставить картинку 2  Синим цветом    Машины
Вставить картинку 3  Черным цветом    Кран

Посмотрел CSS шаблона через оперу Dargonfly показывает следующее:

Код
<ul class="menu">
<li class="item1">
<li class="item2">
<li class="item3">

Ну соответственно item’ов в CSS нет

Примерно понимаю, что нужно отдельно создать для каждого item’a свой стиль, но не могу понять как и где …

Подскажите пожалуйста ! За ранее спасибо !
Кофе - лучший друг программиста!
*

danik.html

  • Живу я здесь
  • 2650
  • 353 / 4
Re: Cтиль каждого пункта меню
« Ответ #1 : 06.12.2011, 00:28:00 »
Собственно в чм проблема то?
Вписываем  в CSS шаблона
Код: css
.item1{
    background: url(../images/img.png) no-repeat;
    color: #FFFFFF;
    ....
}
【Мегапак Virtuemart:
 • метатеги (description,keywords)
 • заголовки (title)
 • красивые алиасы (чпу) без тормозов и дублей!
*

BHy4eK

  • Захожу иногда
  • 110
  • 1 / 0
Re: Cтиль каждого пункта меню
« Ответ #2 : 06.12.2011, 00:32:52 »
Не выходит каменный цветок ! может перебивает стильем какимто !? посмотрите пожалуйста мой css  >:(

Спойлер
[свернуть]
« Последнее редактирование: 06.12.2011, 00:43:19 от BHy4eK »
Кофе - лучший друг программиста!
*

karsalex

  • Захожу иногда
  • 139
  • 20 / 0
Re: Cтиль каждого пункта меню
« Ответ #3 : 06.12.2011, 01:48:30 »
Собственно в чм проблема то?
Вписываем  в CSS шаблона
Код: css
.item1{
    background: url(../images/img.png) no-repeat;
    color: #FFFFFF;
    ....
}
Код: css
li.item1{
    background: url(../images/img.png) no-repeat;
    ....
}
li.item1 a{
    color: #fff;
    ....
}
если <a> не в <span>
Самобытный самарский вебмастер
*

BHy4eK

  • Захожу иногда
  • 110
  • 1 / 0
Re: Cтиль каждого пункта меню
« Ответ #4 : 06.12.2011, 03:05:50 »
Нет не получается что то не даёт вывести ...
Кофе - лучший друг программиста!
*

karsalex

  • Захожу иногда
  • 139
  • 20 / 0
Re: Cтиль каждого пункта меню
« Ответ #5 : 06.12.2011, 10:59:25 »
Нет не получается что то не даёт вывести ...
Артистер потому что, ссылку на сайт можно
Самобытный самарский вебмастер
*

danik.html

  • Живу я здесь
  • 2650
  • 353 / 4
Re: Cтиль каждого пункта меню
« Ответ #6 : 06.12.2011, 11:59:56 »
Цитировать
/*LEFT COL LINK*/
#leftcolumn ul.menu li a, #leftcolumn ul.menu li a:link,
#rightcolumn ul.menu li a, #rightcolumn ul.menu li a:link {
        line-height: 18px;
        padding: 0 0 0 8px;
        text-decoration: none;
        color: #666;
        font-weight: normal;
        font-size: 11px;
        background: url(../images/menu_row.jpg) center left no-repeat;
        margin: 0;
        height: 18px;
}
Вот этот код перекрывает правило .item1, так как написан с использованием id (id конкретнее и имеет больший вес чем класс)
Пиши #leftcolumn .item1 a{}

Вообще в Dragonfly ведь видно какие css-правила применяются к элементу
【Мегапак Virtuemart:
 • метатеги (description,keywords)
 • заголовки (title)
 • красивые алиасы (чпу) без тормозов и дублей!
*

BHy4eK

  • Захожу иногда
  • 110
  • 1 / 0
Re: Cтиль каждого пункта меню
« Ответ #7 : 06.12.2011, 17:48:52 »
danik.html вы правы, УРАааа ! спасибо Большое всем кто откликнулся и отдельное ОГРОМНОЕ тем кто помог. :)
« Последнее редактирование: 06.12.2011, 17:52:21 от BHy4eK »
Кофе - лучший друг программиста!
*

scheriff

  • Новичок
  • 4
  • 0 / 0
Re: Cтиль каждого пункта меню
« Ответ #8 : 07.12.2011, 20:36:33 »

danik.html как с тобой связаться, совет нужен, если не трудно кинь контакт на мыло scheriff555@mail.ru
*

danik.html

  • Живу я здесь
  • 2650
  • 353 / 4
Re: Cтиль каждого пункта меню
« Ответ #9 : 07.12.2011, 22:36:15 »
Так ты спрашивай на форуме - всем форумом посоветуем ;)
【Мегапак Virtuemart:
 • метатеги (description,keywords)
 • заголовки (title)
 • красивые алиасы (чпу) без тормозов и дублей!
*

scheriff

  • Новичок
  • 4
  • 0 / 0
Re: Cтиль каждого пункта меню
« Ответ #10 : 08.12.2011, 06:59:23 »
можешь взяться за верстку сайта на Joomla 1,7, по условиям пиши в личку
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Вытащить главное меню из шаблона

Автор Леон

Ответов: 2
Просмотров: 793
Последний ответ 18.05.2015, 15:40:18
от Леон
Редактировать меню сайта

Автор sanin25

Ответов: 6
Просмотров: 844
Последний ответ 10.04.2015, 18:40:19
от sanin25
Привязка плагина к пункту меню

Автор rudoy24

Ответов: 0
Просмотров: 465
Последний ответ 28.10.2014, 14:41:38
от rudoy24
[РЕШЕНО] Абсолютные ссылки в меню

Автор css_ufa

Ответов: 1
Просмотров: 1713
Последний ответ 24.06.2014, 11:31:28
от djfactory
top-menu не открывается

Автор vityatir

Ответов: 1
Просмотров: 616
Последний ответ 02.03.2014, 13:29:49
от Efanych