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



 

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

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


Участник
***

Группа: User
Сообщений: 105
Регистрация: 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
Сообщений: 419
Регистрация: 18.8.2015
Поблагодарили: 171 раз
Репутация:   33  


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


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


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


Группа: User
Сообщений: 64
Регистрация: 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
Сообщений: 105
Регистрация: 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
Сообщений: 350
Регистрация: 18.9.2016
Из: Россия, Москва
Поблагодарили: 46 раз
Репутация:   1  


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


--------------------
Быстрые VPS на SSD от 490 р. -> Бесплатное администрирование! FREE ISP 5!
Дешевый хостинг от 49 р. -> SSL и перенос бесплатно!
Умножаем срок оплаты на два! Бесплатно до 3-х лет хостинга или VPS!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Ontegor
Ontegor
сообщение 22.5.2017, 9:26; Ответить: Ontegor
Сообщение #6


Новичок
*

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


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Услуги по CMS Wordpress, DLE, Joomla!. Правки, ремонт, настройка.
Редактирование и правки. Низкие цены.
141 contex1 64254 Вчера, 19:16
автор: anigas
Открытая тема (нет новых ответов) Перенос сайта с DLE на WordPress
2 mdobyshev 534 23.11.2017, 22:12
автор: Vangan
Открытая тема (нет новых ответов) Услуги по созданию/доработки/правки сайтов на CMS DLE (Datalife Engine), Wordpress, Joomla
Качественно и по Низким ценам!!!!
2 Webfrilanser 550 20.11.2017, 7:05
автор: Webfrilanser
Открытая тема (нет новых ответов) Качественная верстка Ваших проектов + работа с Wordpress, Joomla (Первым двум заказчикам скидка 50%).
Верстка,правка косяков/багов + другая работа. Доступные цены.
11 Fortunatus 2159 19.11.2017, 22:34
автор: Fortunatus
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыИзменить типы постов в Wordpress.
Можно ли массова заменить обычные поста, на кастомные по кртирериям?
7 Levels 731 16.11.2017, 15:56
автор: Gerga


 



RSS Текстовая версия Сейчас: 25.11.2017, 11:15
Дизайн