Display image for Thread Prefix

[artscripts]

artscripts добавил(а) новый ресурс:

Display image for Thread Prefix - Показ изображений для префикса тем

Этот небольшой совет покажет вам, как отобразить изображение в качестве префикса тем, также покажет заголовок с изображением, когда пользователь выбирает префикс для темы ... надеюсь, это поможет.

ПРИМЕЧАНИЕ: я использую изображения 18px x 18px для префикса

1. Создайте префикс

а. В вашем ACP (Панель управления администратора), перейдите на Форумы -> Префиксы тем и нажмите кнопку Добавить префикс

б. Заполните форму и вместо того, чтобы выбрать предустановленный стиль...

Узнать больше об этом ресурсе...

 

[CrazyHackGUT]

Можно лучше сделать на примере Ваших же иконок:

.m_addIconPrefix(@className, @imagePath) {
  .prefix_@{className} {
    background: url(@imagePath) no-repeat scroll left center;
    display: inline-block;
    line-height: 18px !important;
    padding: 0 0 0 20px;
    vertical-align: middle;
    margin-top: -4px !important;
    font-size: 0px;
  }
}


.m_addIconPrefix(question, 'styles/prefixes/question.gif');
.m_addIconPrefix(alert, 'styles/prefixes/alert.gif');
.m_addIconPrefix(information, 'styles/prefixes/information.gif');
.m_addIconPrefix(need_help, 'styles/prefixes/need_help.gif');
.m_addIconPrefix(important, 'styles/prefixes/important.gif');
.m_addIconPrefix(alert, 'styles/prefixes/alert.gif');

 

[artscripts]

CrazyHackGUT, можно брат, но мопед не мой, я просто разместил обЪяву.

 

[artscripts]

artscripts обновил(а) ресурс Display image for Thread Prefix новой записью:

Вариант от CrazyHackGUT

Вариант от CrazyHackGUT

       .m_addIconPrefix(@className, @imagePath) {
  .prefix_@{className} {
    background: url(@imagePath) no-repeat scroll left center;
    display: inline-block;
    line-height: 18px !important;
    padding: 0 0 0 20px;
    vertical-align: middle;
    margin-top: -4px !important;
    font-size: 0px;
  }
}


.m_addIconPrefix(question, 'styles/prefixes/question.gif');
.m_addIconPrefix(alert, 'styles/prefixes/alert.gif')...

Узнать больше об этом обновлении...

 

[anastasiya]

В первом варианте все понятно до последнего шага.
6 префиксов добавляем в extra.less.

Вдруг выскочило: "добавить этот (какой-то новый) код CSS в шаблон extra.less: "
Его добавить седьмым?

А если второй вариант, то седьмой не нужен, как я поняла?

зы. сильно не бейте )))