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


Поменять Цвет В Левой Панели При Нажатой Ссылке.


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

#1 alpha-me

alpha-me

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

  • Пользователи
  • PipPipPipPip
  • 244 сообщений

Отправлено 04 Декабрь 2013 - 21:43

Доброго времени суток!
Подскажите пожалуйста как мне поменять цвет уже нажатой ссылки. А то не совсем понятно на какой ссылке находишься в данный момент???
Хотелось бы поменять и фон и текст.

Прикрепленные изображения

  • Поменять цвет.png


#2 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 05 Декабрь 2013 - 03:37

В файле main.css в самый конец добавьте:

.block .main.ullinks li.b a{
здесь прописываем необходимые стили
}


#3 alpha-me

alpha-me

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

  • Пользователи
  • PipPipPipPip
  • 244 сообщений

Отправлено 06 Декабрь 2013 - 22:07

Просмотр сообщенияVaccina (05 Декабрь 2013 - 03:37) писал:

В файле main.css в самый конец добавьте:

.block .main.ullinks li.b a{
здесь прописываем необходимые стили
}

Работает, но так изменяются корневые ссылки в цвете, а дочерние как были так и остаются...
МОжет есть готовый код для примера?

#4 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 07 Декабрь 2013 - 01:35

Вместо:
.block .main.ullinks li.b a{
здесь прописываем необходимые стили
}
Пропишите:
.block .main.ullinks li.anone.b a {
	background: #000 !important;
}
вместо #000 подставьте свое значение фона

#5 alpha-me

alpha-me

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

  • Пользователи
  • PipPipPipPip
  • 244 сообщений

Отправлено 09 Декабрь 2013 - 13:36

Просмотр сообщенияVaccina (07 Декабрь 2013 - 01:35) писал:

Вместо:
.block .main.ullinks li.b a{
здесь прописываем необходимые стили
}
Пропишите:
.block .main.ullinks li.anone.b a {
background: #000 !important;
}
вместо #000 подставьте свое значение фона

Спасибо! Работает!!!

#6 Пользователь

Пользователь

    Новичок

  • Пользователи
  • Pip
  • 9 сообщений

Отправлено 29 Декабрь 2013 - 19:03

Здравствуйте, а как поменять фон всех подкатегорий, которые на рисунке выше выделены фиолетовым (сиреневым)?

#7 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 29 Декабрь 2013 - 21:05

Просмотр сообщенияПользователь (29 Декабрь 2013 - 19:03) писал:

Здравствуйте, а как поменять фон всех подкатегорий, которые на рисунке выше выделены фиолетовым (сиреневым)?
Здравствуйте.
В шаблоне HTML у вас есть строка
<li class="{% IF catalog.LEVEL>0%}anone{% ENDIF %} {% IF catalog.CURRENT %}fnt12 b{% ENDIF %}"><a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="margin-left:15px; background:#be91cf; color:#fff;padding-left:{catalog.LEVEL | multiply("10")}px"{% ENDIF %}>{catalog.NAME}</a></li>
в ней background:#be91cf; - фон всех подкатегорий.
Вам нужно заменить код цвета (#be91cf).
Можете подобраться цвет на этом сайте, который выведет код выбранного цвета.
26-12-2013 20-58-38.png

#8 Пользователь

Пользователь

    Новичок

  • Пользователи
  • Pip
  • 9 сообщений

Отправлено 29 Декабрь 2013 - 23:49

Спасибо, получилось. Только осталось одно - при наведении мышкой на категорию - она выделяется всё равно фиолетовым цветом... Это можно заменить на другой?

#9 Alexey11

Alexey11

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

  • Модератоpы
  • 1 057 сообщений
  • ГородНижний новгород

Отправлено 30 Декабрь 2013 - 07:17

Здравствуйте, в шаблоне main.css найдите данный блок кода.
.block .main.ullinks li a:hover { background:url({ASSETS_IMAGES_PATH}range-white.png) #be91cf center right no-repeat; color:#fff; }
замените в нем #be91cf на нужный вам цвет.

#10 alpha-me

alpha-me

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

  • Пользователи
  • PipPipPipPip
  • 244 сообщений

Отправлено 02 Июнь 2015 - 11:12

Подскажите как поменять цвет при наведении?поменять цвет при наведении.jpg

#11 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 02 Июнь 2015 - 11:22

Просмотр сообщенияalpha-me (02 Июнь 2015 - 11:12) писал:

Подскажите как поменять цвет при наведении?Прикрепленный файл поменять цвет при наведении.jpg

Здравствуйте.
Вам нужно сделать следующее:
В шаблоне main.css найдите данный код:

.block .main.ullinks li a:hover {
  background: url("{ASSETS_IMAGES_PATH}range-white.png") #be91cf center right no-repeat;
  color: #fff;
}

И замените его вот этим вот кодом:

.block .main.ullinks li a:hover {
  background: url("{ASSETS_IMAGES_PATH}range-white.png") #00CD26 center right no-repeat;
  color: #fff;
}


#12 alpha-me

alpha-me

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

  • Пользователи
  • PipPipPipPip
  • 244 сообщений

Отправлено 02 Июнь 2015 - 11:31

Просмотр сообщенияRayLi (02 Июнь 2015 - 11:22) писал:

Здравствуйте.
Вам нужно сделать следующее:
В шаблоне main.css найдите данный код:

.block .main.ullinks li a:hover {
background: url("{ASSETS_IMAGES_PATH}range-white.png") #be91cf center right no-repeat;
color: #fff;
}

И замените его вот этим вот кодом:

.block .main.ullinks li a:hover {
background: url("{ASSETS_IMAGES_PATH}range-white.png") #00CD26 center right no-repeat;
color: #fff;
}

Спасибо! Получилось!




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

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