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

Xook

  • Захожу иногда
  • 77
  • 1 / 0
Мне надо на сайте spyvip.ru слева в меню для разных пунктов сделать разные фоновые изображения. например в первом и последнем пункте другой фон. через браузер вижу (web developer для ff) вижу что у них действительно разные стили, но не могу понять как правильно написать стиль. например у первого:

#e0_0o .othermenu_l0oout #e0_0i .othermenu_l0iout

но что делать с этим дальше? вот css для меню:

Код
/**** lex menu ****/



/* main level */

table.moduletable a.othermenu_l0oover, table.moduletable .othermenu_l0oover, a.othermenu_l0oover, .othermenu_l0oover {

text-decoration: none !important;

background:  url(../images/menuhover.gif) no-repeat #67d2df;

}



table.moduletable a.othermenu_l0oout, table.moduletable .othermenu_l0oout, a.othermenu_l0oout, .othermenu_l0oout {

text-decoration: none !important;

background:  url(../images/menubg.gif) no-repeat #000000;

}



table.moduletable div.othermenu_l0iout, table.moduletable .othermenu_l0iout, div.othermenu_l0iout, .othermenu_l0iout {

font-size: 12px;

font-family: Arial, Helvetica, sans-serif;

font-weight: normal;

text-align: left;

text-decoration: none !important;

margin-top: 5px;

margin-right: 0px;

margin-bottom: 0px;

margin-left: 22px;

padding-top: 3px;

padding-right: 0px;

padding-bottom: 3px;

padding-left: 3px;

color: #FFFFFF;

}



table.moduletable div.othermenu_l0iover, table.moduletable .othermenu_l0iover, div.othermenu_l0iover, .othermenu_l0iover {

font-size: 12px;

font-family: Arial, Helvetica, sans-serif;

font-weight: normal;

text-align: left;

text-decoration: none !important;

margin-top: 5px;

margin-right: 0px;

margin-bottom: 0px;

margin-left: 22px;

padding-top: 3px;

padding-right: 0px;

padding-bottom: 3px;

padding-left: 3px;

color: #FFFFFF;

}



/* sub level */

table.moduletable a.othermenu_l1oover, table.moduletable .othermenu_l1oover, a.othermenu_l1oover, .othermenu_l1oover {

text-decoration: none !important;

background:  url(../images/subbg.gif) no-repeat;

border-left: 1px solid #d5d5d5;

border-right: 1px solid #d5d5d5;

}



table.moduletable a.othermenu_l1oout, table.moduletable .othermenu_l1oout, a.othermenu_l1oout, .othermenu_l1oout {

position: absolute;

text-decoration: none !important;

background:  url(../images/subbg.gif) no-repeat #000000;

border-left: 1px solid #d5d5d5;

border-right: 1px solid #d5d5d5;

}



table.moduletable a.othermenu_l1oover, table.moduletable .othermenu_l1oover, a.othermenu_l1oover, .othermenu_l1oover {

text-decoration: none !important;

}



table.moduletable div.othermenu_l1iout, table.moduletable .othermenu_l1iout, div.othermenu_l1iout, .othermenu_l1iout {

font-size: 12px;

font-family: Arial, Helvetica, sans-serif;

font-weight: normal;

text-align: left;

text-decoration: none !important;

margin-top: 4px;

margin-right: 0px;

margin-bottom: 0px;

margin-left: 25px;

padding-top: 3px;

padding-right: 0px;

padding-bottom: 3px;

padding-left: 3px;

color: #FFFFFF;

}



table.moduletable div.othermenu_l1iover, table.moduletable .othermenu_l1iover, div.othermenu_l1iover, .othermenu_l1iover {

font-size: 12px;

font-family: Arial, Helvetica, sans-serif;

font-weight: normal;

text-align: left;

text-decoration: underline !important;

margin-top: 4px;

margin-right: 0px;

margin-bottom: 0px;

margin-left: 25px;

padding-top: 3px;

padding-right: 0px;

padding-bottom: 3px;

padding-left: 3px;

color: #69d5e1;

}

все-таки как поменять отображение первого и последнего пункта?
*

Xook

  • Захожу иногда
  • 77
  • 1 / 0
Re: разные стили у разных пунктов меню
« Ответ #1 : 28.06.2009, 13:09:24 »
забыл прилепить файл. должно выглядеть вот так: http://www.spyvip.ru/images/menu.jpg
*

vagkrsk

  • Давно я тут
  • 731
  • 125 / 0
  • Дорогу осилит идущий
Re: разные стили у разных пунктов меню
« Ответ #2 : 28.06.2009, 13:09:52 »
Похожая тема

По скрину:
Спойлер
[свернуть]
« Последнее редактирование: 28.06.2009, 13:26:17 от vagkrsk »
*

Xook

  • Захожу иногда
  • 77
  • 1 / 0
Re: разные стили у разных пунктов меню
« Ответ #3 : 28.06.2009, 13:40:46 »
Похожая тема

По скрину:
Спойлер
[свернуть]
спасибо! половину проблемы решил
*

Xook

  • Захожу иногда
  • 77
  • 1 / 0
Re: разные стили у разных пунктов меню
« Ответ #4 : 28.06.2009, 13:46:56 »
нет поторопился я. что-то не то все-равно (
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Пункт меню

Автор s120367

Ответов: 0
Просмотров: 244
Последний ответ 03.06.2018, 13:02:55
от s120367
Большое меню Joomla

Автор Amakeeva

Ответов: 1
Просмотров: 411
Последний ответ 22.01.2018, 13:17:45
от effrit
Как можно отображать имя пользователя в название меню?

Автор selimoff

Ответов: 27
Просмотров: 3571
Последний ответ 02.01.2018, 15:24:44
от logan-19
как сделать пункт меню не кликабельным?

Автор qweqweqwe

Ответов: 13
Просмотров: 6412
Последний ответ 07.09.2017, 01:45:49
от forzi
Сдвинуть пункты меню в левое положение

Автор wectra

Ответов: 6
Просмотров: 676
Последний ответ 12.07.2017, 21:09:01
от wectra