Страница 1 из 1

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

СообщениеДобавлено: 11 апр 2013, 15:13
djani1978
Помогите пожалуйста, как в верхнее меню вставить иконки вместе с текстом?

иконка.png | иконка.png | иконка.png | иконка.png
Добавить объявление | Связаться с нами | Оставить заявку | Личный кабинет

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

СообщениеДобавлено: 11 апр 2013, 16:25
djani1978
array(
'label' => tt('Add ad', 'common'),
'url' => array('/userads/main/create'),
'visible' => param('useUserads', 0) == 1
),

по идеи здесь надо добавить ссылку на картинку, но как не знаю...

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

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

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

СообщениеДобавлено: 11 апр 2013, 20:11
djani1978
O спасибо большое...бум ночю разбиратся...

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

СообщениеДобавлено: 29 апр 2013, 13:54
Citramon
Код: Выделить всё
... = 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) картинка скрывается из виду.
Но решение уже очень близко!

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

СообщениеДобавлено: 14 дек 2015, 17:08
Aleksander
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>Добавить объявление?

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

СообщениеДобавлено: 15 дек 2015, 09:23
Koduc
ВОт так должно работать (обратите внимание - добавляется одна строка):
Код: Выделить всё
  $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'),
        );