Перейти к содержимому


Фон Категорий И Подкатегорий


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 2

#1 Yurren

Yurren

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 415 сообщений
  • ГородСамара

Отправлено 19 Октябрь 2012 - 10:33

Доброго времени суток!
Помогите пожалуйста реализовать!

Обычный шаблон Сияние. http://kolgotki63.ru
Очень бы хотелось чтобы при закрытых категориях при наведении на них мышкой изменялся их фон. После открытия категории до подкатегорий - фон на категории оставался, одновременно с этим при наведении мышкой на подкатегорию она также меняла свой фон (уже другой). При выборе подкатегории были выделены фоном категория и подкатегория, выделенным шрифтом категория (сейчас выделение исчезает) и подкатегория.
Если не совсем сложно объясните, пожалуйста, как для очень далёких в html :)

Заранее спасибо откликнувшимся!

#2 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 19 Октябрь 2012 - 11:40

Просмотр сообщенияYurren (19 Октябрь 2012 - 10:33) писал:

Доброго времени суток!
Помогите пожалуйста реализовать!

Обычный шаблон Сияние. http://kolgotki63.ru
Очень бы хотелось чтобы при закрытых категориях при наведении на них мышкой изменялся их фон. После открытия категории до подкатегорий - фон на категории оставался, одновременно с этим при наведении мышкой на подкатегорию она также меняла свой фон (уже другой). При выборе подкатегории были выделены фоном категория и подкатегория, выделенным шрифтом категория (сейчас выделение исчезает) и подкатегория.
Если не совсем сложно объясните, пожалуйста, как для очень далёких в html :)

Заранее спасибо откликнувшимся!

Для начала, перейдите в панели управления по "Сайт -> Редактор тем" .
Найдите на странице файл main.csstemplate и откройте для редактирования.

Фон при наведение мышкой на категорию.
Найдите:
.leftmenu li li a:hover {
  background: url({ASSETS_IMAGES_PATH}lm-bg.jpg) repeat-x left bottom;
}
Для изменения фона замените эту строку на :
.leftmenu li li a:hover {
  background-color: #BEBEBE;
}

Фон категории будет серым при наведении на него мышки. За цвет отвечает параметр #BEBEBE. Это RGB в шестнадцатеричной системе.

Фон у открытой категории и подкатегории.
Найдите текст:
} .leftmenu li li a.selected{
  font-weight:bold; color:#000;
}

И добавьте в него тот же параметр "background-color":
} .leftmenu li li a.selected{
  font-weight:bold; color:#000;
  background-color: #BEBEBE;
}


#3 Yurren

Yurren

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 415 сообщений
  • ГородСамара

Отправлено 19 Октябрь 2012 - 12:18

Просмотр сообщенияKoderhan (19 Октябрь 2012 - 11:40) писал:

Для начала, перейдите в панели управления по "Сайт -> Редактор тем" .
Найдите на странице файл main.csstemplate и откройте для редактирования.

Фон при наведение мышкой на категорию.
Найдите:
.leftmenu li li a:hover {
  background: url({ASSETS_IMAGES_PATH}lm-bg.jpg) repeat-x left bottom;
}
Для изменения фона замените эту строку на :
.leftmenu li li a:hover {
  background-color: #BEBEBE;
}

Фон категории будет серым при наведении на него мышки. За цвет отвечает параметр #BEBEBE. Это RGB в шестнадцатеричной системе.

Фон у открытой категории и подкатегории.
Найдите текст:
} .leftmenu li li a.selected{
  font-weight:bold; color:#000;
}

И добавьте в него тот же параметр "background-color":
} .leftmenu li li a.selected{
  font-weight:bold; color:#000;
  background-color: #BEBEBE;
}

Огромное спасибо! Получилось именно то, что хотелось!




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных