Как добавить графическую метку в меню?

голоса: 0

Попробую объяснить на картинках.
На сайте есть меню, если есть вложенное меню второго уровня, то в первом уровне появляется кавычка, т.е. это типа стрелка. А я хочу какой-нибудь свой знак при чем по правому краю пункта меню, а не сразу после букв. Нарисовал в фотошопе как есть и чего хочу:

Адрес сайта http://www.kazan-gub.ru
| Автор: | Категория: Дизайн сайта
Изменение категории | | Автор: Yuri_Geruk

Ответов: 1

голоса: 0
 
Лучший ответ

Делается примерно так, в стили пропишите:

.uMenuV .uMenuArrow:before {content:"";width:12px;height:12px;float:right;background:yellow;border-radius:50px;}

| Автор:
Выбор ответа лучшим | | Автор: Олег Рыжаков
Спасибо. Почти то, что доктор прописал. Но желтый кружок я так от балды нарисовал, для примера. Можно вариант с ЛЮБОЙ PNG картинкой? И еще отключить родную кавычку (стрелку), а новую метку ставить по нижей строке в меню, а не в первой, как вы предлагаете?
Олег Рыжаков,

Можно и картинку свою прикрутить. В результате если делать картинкой, тогда стили выше заменить на что-то подобное:

.uMenuV .uMenuArrow:before {content:"";width: 16px;height: 16px;float:right;background: url('ссылка на фото иконки размерами 16х16');border-radius:50px;}

если фото будет меньше размерами, тогда и в значениях:

width: 16px;height: 16px;

так же регулируйте размеры. Стрелку вам нужно убирать отдельно с каждого пункта в конструкторе меню сайта.

Нашел! Это как надо было придумать, но стрелочка была засунута в НИЖНЮЮ ЧАСТЬ САЙТА!
А вот как отпустить мою стрелочку с первой строки пункта меню на нижнюю?

Олег Рыжаков,
Лучше этого не делать так как все пункты меню разной длины и в итоге для одного пункта будет отображаться нормально, а для коротких стрелка будет смещена.
...