Войти

Авторизация

Логин:
Пароль:
Забыли пароль?
Регистрация
Сайт пользователей Artisteer и Themler. Официальный торговый представитель.

доп знак в вертикальном меню

Посетитель
rus63
Сообщений: 22
Самара
903 дня назад
Всем доброй ночи!
Есть верт. меню где убрано любое изменение фона меню и цвета (форматирование) текста, надо чтобы при наведению на пункт меню этот пункт обозначался птичкой как на рис.
Скрытый текст виден только зарегистрированным пользователям
можно ли так сделать в программе? или надо менять css
захочешь-найдешь время
не захочешь - найдешь причину
Постоянный участник
Степаныч
Медаль
Сообщений: 634
3 дня назад
Насколько понял из рисунка это все таки не вертикальное, а горизонтальное (top) меню.
rus63:
можно ли так сделать в программе? или надо менять css

В программе не получится там для горизонтального нет возможности ставить иконки.

Надо делать изменения в стилях, но довольно не просто. Придется не только иконку вставлять, а еще и отступы слева для текста настраивать, к тому же придется делать не только для подпунктов меню первого уровня, но и возможных подпунктов 2-го и 3-го уровня.

Что бы было попроще делать, можно на новом (даже дефолтном) шаблоне сделать такие иконки в вертикальном (не горизонтальном, а вертикальном) меню для подпунктов.
Экспортировать, перенести сами картинки иконок в Ваш шаблон из нового.
Дальше искать в стилях вертикального меню где заданы эти иконки, и переносить уже в Ваш шаблон стили в горизонтальное меню, в пункты подменю.

Не знаю Ваших знаний, но можно конечно все находить с помощью фаербага и делать нужные изменения сразу без бубна. smile

Если не поняли и ничего не получится, и не откажитесь от затеи, то завтра если будет время, могу попробовать написать более подробно как делать.
Редактировалось: 1 раз (Последний: 20 сентября 2014 в 01:53)
Посетитель
rus63
Сообщений: 22
Самара
903 дня назад
Из поста кое что понятно, кое что нет.
Степаныч:
Если не поняли и ничего не получится, и не откажитесь от затеи, то завтра если будет время, могу попробовать написать более подробно как делать.
если не трудно конечно
захочешь-найдешь время
не захочешь - найдешь причину
Постоянный участник
Степаныч
Медаль
Сообщений: 634
3 дня назад
В общем там получается очень неудобно все пилить, нужно считать вложенные ul li поэтому сделал для примера в подкатегории 1-го уровня.

Вначале сделайте что бы разобраться на дефолтном шаблоне, поймете принцип, привязать к условиям Вашего шаблона не долго.

Как уже писал выше нужно:

Степаныч:
Что бы было попроще делать, можно на новом (даже дефолтном) шаблоне сделать такие иконки в вертикальном (не горизонтальном, а вертикальном) меню для подпунктов.
Экспортировать, перенести сами картинки иконок в Ваш шаблон из нового.

За наведение отвечает :hover
Ищем его для вложенного подпункта горизонтального меню в файле css строка 788 (или рядом) это:

Код PHP:
  1.  
  2. ul.art-hmenu ul li a:hover, .desktop ul.art-hmenu ul li:hover>a
  3. {
  4. background: #FFFFFF;
  5. background: transparent;
  6. -webkit-border-radius:3px;
  7. -moz-border-radius:3px;
  8. border-radius:3px;
  9. margin:0 auto;
  10. }
  11.  
И меняете на это:

Код PHP:
  1.  
  2. ul.art-hmenu ul li a:hover, .desktop ul.art-hmenu ul li:hover>a
  3. {
  4. background: #FFFFFF url('images/vmenusubitemicon.png') no-repeat;
  5. background-position: left center;
  6. -webkit-border-radius:3px;
  7. -moz-border-radius:3px;
  8. border-radius:3px;
  9. margin:0 auto;
  10. }
  11.  
То есть добавляете иконку background: #FFFFFF url('images/vmenusubitemicon.png') no-repeat; и убираете прозрачность background: transparent;

Теперь при наведении должна появится иконка.

На Вашем шаблоне в background: #FFFFFF url('images/vmenusubitemicon.png') no-repeat; вместо #FFFFFF (белый цвет) будет стоять Ваш цвет или градиент, если градиент то добавлять к нему.

Как видите даже в сокращении и то довольно много пояснять, если же делать все, то это будет целая статья smile
Столько времени нет. Поэтому разбирайтесь, что не пойдет пишите здесь, буду заглядывать.
Или кто другой поможет.
Редактировалось: 1 раз (Последний: 20 сентября 2014 в 10:52)
Посетитель
rus63
Сообщений: 22
Самара
903 дня назад
спасибо буду разбираться
захочешь-найдешь время
не захочешь - найдешь причину
|
Перейти на форум:
Быстрый ответ
У вас нет прав, чтобы писать на форуме.