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



 

Здравствуйте, гость ( Вход | Регистрация )

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


Частый гость
**

Группа: User
Сообщений: 91
Регистрация: 21.1.2011
Поблагодарили: 14 раз
Репутация:   4  


Подскажите пожалуйста, может кто реализовывал уже - хочу подставить иконки к каждой рубрике в меню но не получается.Попробовал вначале большинство плагинов - и они не подошли. Так же пробовал через 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


Бывалый
****

Группа: User
Сообщений: 295
Регистрация: 18.8.2015
Поблагодарили: 124 раза
Репутация:   22  


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


--------------------
Моя тема: Разработка web сайтов | Мой сайт: https://woweb.com.ua/
Куплю ссылки на сайтах СДЛ не моложе 2-х лет.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
KOLIAN
KOLIAN
сообщение 20.5.2017, 12:33; Ответить: KOLIAN
Сообщение #3


Частый гость
**


Группа: User
Сообщений: 53
Регистрация: 9.7.2015
Поблагодарили: 8 раз
Репутация:   2  


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


Частый гость
**

Группа: User
Сообщений: 91
Регистрация: 21.1.2011
Поблагодарили: 14 раз
Репутация:   4  


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

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


Бывалый
****

Группа: User
Сообщений: 252
Регистрация: 18.9.2016
Из: Россия, Москва
Поблагодарили: 36 раз
Репутация:   1  


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


--------------------
Аренда VPS/VDS - 490 р./м. ->> 1 CPU | 1 Гб RAM | 30 Gb SSD
Быстрый хостинг - 99 р./м. ->> PHP/MySQL | 50 Гб | Домен в подарок | Бесплатные SSL
Перенос сайтов - Бесплатно! | Россия/Нидерланды | Мгновенная активация
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Ontegor
Ontegor
сообщение 22.5.2017, 9:26; Ответить: Ontegor
Сообщение #6


Новичок
*

Группа: Viewer
Сообщений: 9
Регистрация: 16.5.2017
Поблагодарили: 3 раза
Репутация:   0  


Наверное что-то тип такого нужно:
Код
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


Частый гость
**

Группа: User
Сообщений: 91
Регистрация: 21.1.2011
Поблагодарили: 14 раз
Репутация:   4  


Всем спасибо за ответы
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Добавить ответ в эту тему
Быстрый ответ
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) PageSpeed Insights и сжатие изображений в WordPress
Нужен практический совет
19 mRelby 3937 25.5.2017, 19:16
автор: Haker24
Открытая тема (нет новых ответов) Скорая помощь для ваших сайтов - Wordpress, DLE, Joomla, Drupal
Любые виды работ, профессионально, оперативно, не дорого.
5 wturm 1367 25.5.2017, 17:46
автор: tsa
Открытая тема (нет новых ответов) Наладить htaccess на Wordpress
2 LebedevStr 290 25.5.2017, 14:14
автор: LebedevStr
Горячая тема (нет новых ответов) Вёрстка, натяжка на WordPress, Joomla, качественно, доступно
47 WhiteIce 21594 24.5.2017, 19:09
автор: WhiteIce
Открытая тема (нет новых ответов) Партнерский мед сайт через API DocDoc.RU на Wordpress
14 Gforge 2149 24.5.2017, 17:02
автор: Gforge


 



RSS Текстовая версия Сейчас: 27.5.2017, 6:17
Дизайн