Иконка в меню
Страницы: 1
Иконка в меню
Подскажите пожалуйста, может кто реализовывал уже - хочу подставить иконки к каждой рубрике в меню но не получается.Попробовал вначале большинство плагинов - и они не подошли. Так же пробовал через css, масимум что вышло это вставить иконку слева от меню, а хочу именно в самом меню разместить, что бы после нее сразу текст был.

Рисунок
Вот тут видно иконку - и справа выпадающее меню в котором она должна быть.


.sub-menu li.menu-item-112 {
list-style-image: url("images/ico/seed.png")
}


Не силен в этом, может что не правильно вписал, или не хватает чего.
Изменено: Eight - 19 Мая 2017 17:18
Сегодня наткнулся на шикарное меню категорий для Wordpress. https://good-webmaster.ru/klassnoe-menyu-dlya-kategorij-postov/
https://good-webmaster.ru/klassnoe-menyu-dlya-kategorij-postov/https://good-webmaster.ru/klassnoe-menyu-dlya-kategorij-postov/
Бля интернет тупит
Цитата
Froloff161 пишет:
https://good-webmaster.ru/klassnoe-menyu-dlya-kategorij-postov/https://good-webmaster.ru/klassnoe-menyu-dlya-kategorij-postov/
Сейчас Праповедник в бан кинет))
Eight, .menu .submenu li {
list-style-image: url('../images/ico/seed.png');

[FONT=Tahoma, Arial, Helvetica, sans-serif]Примерно в такой последовательности, присваиваете класс конкретному элементу списка. [/FONT]
Изменено: Сергей Бойков - 20 Мая 2017 09:34
Цитата
Сергей Бойков пишет:
Eight, .menu .submenu li {
list-style-image: url('../images/ico/seed.png');
}
[FONT=Tahoma, Arial, Helvetica, sans-serif]Примерно в такой последовательности, присваиваете класс конкретному элементу списка.[/FONT]
На данный момент подобрал такой код

ul.sub-menu>li.menu-item-106>a:before { 
content:url('images/ico/seed.png'); 
}

[FONT=-apple-system, BlinkMacSystemFont, Roboto, Open Sans, Helvetica Neue, sans-serif]Но осталась одна проблема, иконка размещается выше текста и не много растягивает границы меню[/FONT]

Рисунок



Не подскажите что дописать для выравнивания? думаю если как то на уровень строчки разместить вытягивать перестанет строку, потому как по размеру подбирал иконку и устанавливал ее размер меньше самой строки
Видимо вам отступы надо прописать (Padding), без всего кода непонятно.
Страницы: 1
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
21:49 Как правильно покупать ссылки для поддомена? 
18:51 Роскомнадзор отказал в регистрации трети блогеров-десятитысячников 
12:53 где много готовых фавиконок 
22:59 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 
12:32 «Хлебные крошки» в адресе сайтов исчезнут из результатов поиска Google 
23:27 Adfinity - Ваш надежный партнер в монетизации трафика 
16:55 Инструменты для массового постинга в WordPress 
05:16 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 
01:53 Европейский эквайринг 
20:19 GoogleWalker - устранение конкурентов в Google Ads | Автоматизированная система склика | АНТИБАН 
16:39 Продам аккаунты Gmail USA IP | Gmail MIX IP | Outlook Old 
11:07 Мобильные и Резидентные Прокси Для Соц Сетей | 3 Гб Бесплатно 
11:01 Защитим твой ресурс от блокировки Роскомнадзора 
10:09 BestChange – обменивать электронную валюту можно быстро и выгодно 
23:52 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди 
07:48 США готовят закон для уничтожения пиратских сайтов во всех странах мира 
02:50 Точные прогнозы на футбол 
02:10 [Новая партнерка] Goldbet Partners — прямой рекламодатель одноименного казино Goldbet 
21:19 С юмором по жизни! 
18:15 Telegram уничтожил официальный канал легендарного российского торрент-трекера 
18:19 Уникальный сервис SEO продвижения