Иконка в меню
Страницы: 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)
Новые темыОбъявленияСвободное общение
14:43 weblink 
14:23 dig this fresh fullz bulk 
13:45 Какой движок выбрать для форума? 
13:43 Нашел скрины выплат с Сапы за 2010 год. Пошел плакать 
13:40 РСЯ и тормоза сайта: Яндекс начал штрафовать за плохой PageSpeed? 
13:37 01.02. Апдейт 31.01 // Chrome готовит "чёрную метку" для ИИ? 
09:26 Трафик пробил дно? Худший январь за 10 лет и внезапный рост продаж с Bing 
12:09 Trustpilot Reviews | Подниму рейтинг вашей компании 
12:07 Купить отзывы на Яндекс и Гугл картах, на Авито, на Отзовике и IRecommend 
12:06 №1 Рассылка / Инвайтинг [TELEGRAM] | Приватный метод 
11:59 Продвижение сайта: [SEO-трафик][Вывод в ТОП][Крауд-маркетинг + SEO] 
11:58 Продвижение YouTube видео в топ поиска | Любой тип контента | Гарантия результата 
11:58 Современный скрипт обменника электронных валют 
11:57 Установка|Настройка|Доработка|Наполнение сайтов|Дизайн|3D|Видеомонтаж 
13:41 [AI] Бот за $600к советовал есть сыр с крысами. Нью-Йорк его (наконец-то) снес 
13:38 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко 
07:11 Список обновленных тем пуст... 
05:23 Точные прогнозы на футбол 
01:02 Ставки на супер тренды в спорте 
17:02 Gartner обещал смерть SEO к 2026 году. Открываем метрику и проверяем 
08:25 Отвратительное поведение