Как в верхнее меню вставить иконки вместе с текстом?

Вопросы и ответы по изменению функционала, смене дизайна, переносу сайта и т.п.

Модераторы: Xpycm, Koduc

Правила форума
ВНИМАНИЕ! Форум не является средством гарантированной поддержки клиентов и пользователей. Поэтому на быстрый ответ тут рассчитывать не нужно, как и на ответ вообще. Сотрудники отвечают по мере своих возможностей.

На форуме действует ограничение в 3 сообщения / сутки.
Если Вы хотите сказать "спасибо", то воспользуйтесь функцией "Повысить репутацию" - зелёная иконка "плюс" под ником ответившего.

Как в верхнее меню вставить иконки вместе с текстом?

Сообщение djani1978 » 11 апр 2013, 15:13

Помогите пожалуйста, как в верхнее меню вставить иконки вместе с текстом?

иконка.png | иконка.png | иконка.png | иконка.png
Добавить объявление | Связаться с нами | Оставить заявку | Личный кабинет
djani1978
Незнакомец
 
Сообщения: 14
Зарегистрирован: 11 апр 2013, 15:07
Очки репутации: 0

Re: Как в верхнее меню вставить иконки вместе с текстом?

Сообщение djani1978 » 11 апр 2013, 16:25

array(
'label' => tt('Add ad', 'common'),
'url' => array('/userads/main/create'),
'visible' => param('useUserads', 0) == 1
),

по идеи здесь надо добавить ссылку на картинку, но как не знаю...
djani1978
Незнакомец
 
Сообщения: 14
Зарегистрирован: 11 апр 2013, 15:07
Очки репутации: 0

Re: Как в верхнее меню вставить иконки вместе с текстом?

Сообщение Xpycm » 11 апр 2013, 18:53

Dropbox
Open Real Estate CMS: FAQ | FAQ 2 | FAQ 3
Изображение
Xpycm
Разработчик
Разработчик
 
Сообщения: 1592
Зарегистрирован: 30 дек 2011, 11:06
Откуда: Йошкар-Ола
Очки репутации: 50

Re: Как в верхнее меню вставить иконки вместе с текстом?

Сообщение djani1978 » 11 апр 2013, 20:11

O спасибо большое...бум ночю разбиратся...
djani1978
Незнакомец
 
Сообщения: 14
Зарегистрирован: 11 апр 2013, 15:07
Очки репутации: 0

Re: Как в верхнее меню вставить иконки вместе с текстом?

Сообщение Citramon » 29 апр 2013, 13:54

Код: Выделить всё
... = array(
 array(
  
'label' => tt('Add ad''common'),
  
'url' => array('/userads/main/create'),
  
'linkOptions'=>array('style'=>'background-image:url("/images/menu/1.png"); background-repeat: no-repeat;
background-position: left center;'
),
 
'visible' => param('useUserads'0) == 1),
... 

Таким способом удалось только подложить картинку под текст меню.
При сдвиге картинки влево (background-position: -40px) картинка скрывается из виду.
Но решение уже очень близко!
Портал недвижимости "Хауз.ко.ЮА" http://house.co.ua/ на движке Open Real Estate
Citramon
Незнакомец
 
Сообщения: 14
Зарегистрирован: 02 мар 2013, 22:24
Очки репутации: 0

Re: Как в верхнее меню вставить иконки вместе с текстом?

Сообщение Aleksander » 14 дек 2015, 17:08

padding-left, спрайт с абсолютным расположением и свой класс к пункту меню куда правильнее в случае описанном выше.
Здравствуйте. Чтобы не плодить тем, вопрос схожий. Я подключил шрифтовые иконки и нужно вставлять <i class="icon-..."></i> как до, так и после текста в пункте меню, примерно так
Код: Выделить всё
<ul>
<
li>
  <a><i class="icon-one"></i>Пункт 1 меню</a>
</
li>
<
li>
  <a>Пункт 2меню<i class="icon-two"></i></a>
</
li>
</
ul> 

Вот пункт меню "Добавить объявление"
Код: Выделить всё
  $this->aData['userCpanelItems'][] = array(
            'label' => tt('Add ad', 'common'),
            'url' => array('/guestad/add'),
            'visible' => Yii::app()->user->checkAccess('backend_access') === false,
            'linkOptions' => array('class' => 'add-ad'),
            'itemOptions' => array('class' => 'depth_zero'),
        ); 

Подскажите как в него вставить <i class="icon"></i>Добавить объявление?
Aleksander
Гражданин
Гражданин
 
Сообщения: 90
Зарегистрирован: 19 ноя 2015, 10:22
Очки репутации: 13

Re: Как в верхнее меню вставить иконки вместе с текстом?

Сообщение Koduc » 15 дек 2015, 09:23

ВОт так должно работать (обратите внимание - добавляется одна строка):
Код: Выделить всё
  $this->aData['userCpanelItems'][] = array(
            'label' => '<i class="icon"></i> '.tt('Add ad', 'common'),
            'encodeLabel' => false,
            'url' => array('/guestad/add'),
            'visible' => Yii::app()->user->checkAccess('backend_access') === false,
            'linkOptions' => array('class' => 'add-ad'),
            'itemOptions' => array('class' => 'depth_zero'),
        ); 
-- Меньше знаешь - крепче спишь --
Аватара пользователя
Koduc
Ведущий разработчик
Ведущий разработчик
 
Сообщения: 902
Зарегистрирован: 28 дек 2011, 09:11
Очки репутации: 20


Вернуться в Вопросы и помощь по изменениям

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 33

cron