Добавить иконку перед "Списком форума"

Новая версия - новые вопросы.
Попробуем разобраться со всеми возникшими вопросами вместе.
vla20071

Добавить иконку перед "Списком форума"

vla20071 30 сен 2015, 01:34 Сообщение

Подскажите пожалуйста, возможно ли добавить свою иконку в навбар, между ссылкой на портал и списком форума? Если да, то что и куда прописать?
Добавить иконку перед Списком форума - 1234567.png
Заранее спасибо!

Аватара пользователя
CabinetAdmin

Добавить иконку перед "Списком форума"

CabinetAdmin 30 сен 2015, 17:21 Сообщение

Мне видится такой вариант. В navbar_header найти:

Код: Выделить всё

<span class="crumb"{$MICRODATA}><a href="{U_INDEX}" accesskey="h" data-navbar-reference="index" itemprop="url"><span itemprop="title">{L_INDEX}</span></a></span>

и добавить новый класс, например:

Код: Выделить всё

<span class="crumb icon-index"{$MICRODATA}>

Далее в common.css найти:

Код: Выделить всё

.breadcrumbs .crumb:first-child:before { content: none; }

заменить на:

Код: Выделить всё

.breadcrumbs .crumb:first-child:before, .breadcrumbs .icon-index:before { content: none; } .breadcrumbs .crumb.icon-index { background-repeat: no-repeat; background-position: 0 50%; margin-left: 0.5em; }


В links.css найти:

Код: Выделить всё

/* Navigation bar links */ li.breadcrumbs span:first-child > a { display: inline-block; padding-left: 17px; }

и заменить на:

Код: Выделить всё

li.breadcrumbs span:first-child > a, li.breadcrumbs span.icon-index > a { display: inline-block; padding-left: 17px; }


Ну и последнее - сама иконка, в colours.css:

Код: Выделить всё

/* Profile & navigation icons */

перед найденным добавить:

Код: Выделить всё

.icon-index { background-image: url("./images/иконка.gif"); }
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

vla20071

Добавить иконку перед "Списком форума"

vla20071 30 сен 2015, 17:23 Сообщение

CabinetAdmin писал(а):Источник цитаты и добавить новый класс, например:
КОД: ВЫДЕЛИТЬ ВСЁ

<span class="crumb icon-index"{$MICRODATA}>

CabinetAdmin, добавить до или после?

vla20071

Добавить иконку перед "Списком форума"

vla20071 30 сен 2015, 18:00 Сообщение

UPD: Добавил перед... Все получилось! CabinetAdmin, Вы гений! Спасибо Вам огромное!
Добавить иконку перед Списком форума - 21432.png


Аналогично добавил еще в navbar_footer.html и в нижнем тоже появилась иконка :Yahoo!:

Аватара пользователя
eska

Добавить иконку перед "Списком форума"

eska 28 янв 2016, 13:13 Сообщение

Я хочу создать отельную страницу и поставить ссылку после "Список форумов"
Я так понимаю, строка:

Код: Выделить всё

<span class="crumb"><a href="ссылка">текст</a></span>

Должен поставить после

Код: Выделить всё

{L_INDEX}</a></span>

А как допустим предать этой ссылке красный цвет?

Аватара пользователя
eska

Добавить иконку перед "Списком форума"

eska 28 янв 2016, 13:17 Сообщение

Вот так будет правильно?

Код: Выделить всё

<span class="crumb"><a href="мой текст" style="color:red;">моя ссылка</a></span>

В navbar_header.html

Аватара пользователя
CabinetAdmin

Добавить иконку перед "Списком форума"

CabinetAdmin 28 янв 2016, 15:59 Сообщение

Можно и так, да.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект



Похожие темы

Вернуться в «Поддержка phpBB 3.1.x»

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

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