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



 

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

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


Участник
***

Группа: User
Сообщений: 101
Регистрация: 21.1.2011
Поблагодарили: 15 раз
Репутация:   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
Сообщений: 340
Регистрация: 18.8.2015
Поблагодарили: 144 раза
Репутация:   27  


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


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


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


Группа: User
Сообщений: 58
Регистрация: 9.7.2015
Поблагодарили: 10 раз
Репутация:   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
Сообщений: 101
Регистрация: 21.1.2011
Поблагодарили: 15 раз
Репутация:   4  


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

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


Бывалый
****

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


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


--------------------
Мощные VPS/VDS - 490 р./м. -> Бесплатное администрирование
Правильный хостинг - 99 р./м. -> Домен ru/рф в подарок!
От 3-х месяца хостинга или VPS в подарок! Перенос к нам - бесплатно!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
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
Сообщений: 101
Регистрация: 21.1.2011
Поблагодарили: 15 раз
Репутация:   4  


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Devdesire - онлайн HTML редактор веб-страниц и тем Wordpress
Сервис онлайн верстки сайтов и тем Wordpress
0 timurikvx 471 15.8.2017, 11:29
автор: timurikvx
Открытая тема (нет новых ответов) Верстка адаптивная (сайты, лендинги) | натяжка на WordPress | натяжка магазинов на Woocommerce
26 anigmi 9414 14.8.2017, 22:50
автор: Вазелин
Открытая тема (нет новых ответов) Текст или скрипт после материала в WordPress
ищу плагин
5 DVORYAN 726 12.8.2017, 23:12
автор: DVORYAN
Открытая тема (нет новых ответов) Адаптация сайтов под мобильные устройства, качественная кроссбраузерная верстка, работа с Wordpress
PSD to HTML, натяжка макетов на Wordpress, адаптивная верстка
26 anton_ber 4352 11.8.2017, 1:43
автор: geocean
Горячая тема (нет новых ответов) Разработка сайтов Joomla Wordpress Opencart
Разработка, верстка, оптимизация веб сайтов.
40 WoWeb 5493 9.8.2017, 15:38
автор: pafnyt


 



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