X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Иконки в выпадающем меню Wordpress
Eight
Eight
Topic Starter сообщение 20.5.2017, 0:31; Ответить: Eight
Сообщение #1


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



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


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



Не силен в этом, может что не правильно вписал, или не хватает чего.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
WoWeb
WoWeb
сообщение 20.5.2017, 2:33; Ответить: WoWeb
Сообщение #2


Eight, Не совсем понимаю что Вы хотите, пишите - попробую помочь.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
KOLIAN
KOLIAN
сообщение 20.5.2017, 12:33; Ответить: KOLIAN
Сообщение #3


Eight,
list-style-image - картинка стала маркером, поэтому у вас картинка не рядом с текстом, а рядом с меню и есть еще border.

Попробуйте на подобии что-то у себя написать.
Код
HTML

<ul class="art-vmenu">
    <li class="m1"><a href="#">Пункт 1</a></li>
    <li class="m2"><a href="#">Пункт 2</a></li>
    <li class="m3"><a href="#">Пункт 3</a></li>
</ul>


CSS

ul.art-vmenu>li.m1>a:before {
    content:url('images/vmenuitemicon1.png'); /*картинка для 1 пункта*/
}

ul.art-vmenu>li.m2>a:before {
    content:url('images/vmenuitemicon2.png'); /*картинка для 2 пункта*/
}

ul.art-vmenu>li.m3>a:before {
    content:url('images/vmenuitemicon3.png'); /*картинка для 3 пункта*/
}




--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Eight
Eight
Topic Starter сообщение 20.5.2017, 13:19; Ответить: Eight
Сообщение #4


KOLIAN,
Спаибо, по вашему методу вставил, только можете подсказать как ее выровнять?)
http://savepic.ru/14076089.jpg

Сообщение отредактировал Eight - 20.5.2017, 13:20
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
WellWeb
WellWeb
сообщение 22.5.2017, 1:04; Ответить: WellWeb
Сообщение #5


Почему бы просто с помощью MegaMenu не реализовать это?
Зачем мучаться. Там просто мышкой кликнули и установили иконку.


--------------------
VPS/VDS на SSD от 392 р. -> Бесплатное администрирование и ISP 5!
Надежный SSD-хостинг от 159 р.! | Удваиваем срок оплаты!
Поддержка 24/7 | Бесплатно домен: .ru/.win/.fun | Бесплатный перенос
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Ontegor
Ontegor
сообщение 22.5.2017, 9:26; Ответить: Ontegor
Сообщение #6


Наверное что-то тип такого нужно:
Код
ul.art-vmenu>li>a:before {
   padding: 10px 5px 10px 0;
}


Сообщение отредактировал Ontegor - 22.5.2017, 9:26
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Eight
Eight
Topic Starter сообщение 22.5.2017, 13:04; Ответить: Eight
Сообщение #7


Всем спасибо за ответы

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Нужен кодер, чтобы пофиксить ошибку Wordpress после переноса сайта
0 Alex-777 775 7.4.2024, 18:05
автор: Alex-777
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПродам базу сайтов Wordpress в 16 миллионов доменов! Свежая сборка.
17 Boymaster 10800 17.3.2024, 2:53
автор: Boymaster
Открытая тема (нет новых ответов) Перенос сайта на CMS Wordpress
8 freeax 4944 10.3.2024, 14:58
автор: freeax
Открытая тема (нет новых ответов) Как настроить в WordPress для SEO оптимизации
8 rownong27 2470 2.3.2024, 12:59
автор: toplinks
Горячая тема (нет новых ответов) Восстановление сайтов из Вебархива на Wordpress.
39 freeax 32722 14.2.2024, 14:32
автор: freeax


 



RSS Текстовая версия Сейчас: 17.4.2024, 1:05
Дизайн