Добавляем Font Awesome к вкладкам в панели навигации

[Сан-Саныч]

Подскажите как добавить вот эти иконки?

 

[Nappsel]

Сан-Саныч, Добавляем иконки в навигационные вкладки

 

[ikutaxova]

Скрин я сам кинуть могу
Посмотреть вложение 29513
Ни чего не происходит, если нормальный стиль :-)

У тебя рвет по другой причине, ты сделал иконку блочным элементом, это подразумевает перенос строки в начале и в конце элемента, а ширину блока делаешь 0.
Такое впечатление, что ты подставил значения, методом тыка, даже не понимая особо, что делаешь :-)

А как правильно, что бы и главная отображалась, а то везде есть а там нету

 

[softwox]

А как правильно, что бы и главная отображалась, а то везде есть а там нету
Посмотреть вложение 58205

Вы вообще сам обзор ресурса делали?

 

[ikutaxova]

Вы вообще сам обзор ресурса делали?

Посмотреть вложение 58207

У меня вот такой код

.navTab .navLink:before {
font-family: FontAwesome;
font-size: 15px;
font-weight: normal;
padding-right: 3px;
}
.navTab.forums .navLink:before{content: "\f0e6";}
.navTab.members .navLink:before{content: "\f0c0";}
.navTab.portal .navLink:before{content: "\f015";}

И стоит портал 2

 

[softwox]

У меня вот такой код

.navTab .navLink:before {
font-family: FontAwesome;
font-size: 15px;
font-weight: normal;
padding-right: 3px;
}
.navTab.forums .navLink:before{content: "\f0e6";}
.navTab.members .navLink:before{content: "\f0c0";}
.navTab.portal .navLink:before{content: "\f015";}

И стоит портал 2

Ну неужели по аналогии нельзя добавить? К примеру так:

.navTab.home .navLink:before { content: '\f0e6'; }

 

[ikutaxova]

Ну неужели по аналогии нельзя добавить? К примеру так:

.navTab.home .navLink:before { content: '\f0e6'; }

Точно так и сделано, но не работает

 

[softwox]

Точно так и сделано, но не работает

Ну значит так:

.navTab.home .navLink:before {
    content: '\f015';
    font-family: FontAwesome;
    font-size: 15px;
    font-weight: normal;
    padding-right: 3px;
}

И так тоже работает:

.navTab .navLink:before {
    font-family: FontAwesome;
    font-size: 15px;
    font-weight: normal;
    padding-right: 3px;
}

.navTab.home .navLink:before { content: "\f015"; }
.navTab.forums .navLink:before { content: "\f0e6"; }
.navTab.members .navLink:before { content: "\f0c0"; }
.navTab.portal .navLink:before { content: "\f015"; }
.navTab.showcase .navLink:before { content: "\f218"; }
.navTab.documents .navLink:before { content: "\f016"; }

 

[Skaiman]

Принцип очень прост, инспектируем элемент и видим, что вкладки идут списком, например вкладка "Пользователи", в списке выглядит так:

<li class="navTab members Popup PopupControl PopupClosed PopupContainerControl">

members ее класс и как указал softwox, делаем. Но есть нерадивые разработчики, например я, делают новые вкладки и не указывают класс для нее, например с визуальным редактором, пункт вкладки выглядит так:

<li class="navTab PopupClosed"><a class="navLink" href="ckeditor-link" onclick="ckeditorLink(this.href); return false;">Визуальный редактор</a></li>

значит используем селектор:

.navTab .navLink[href="ckeditor-link"]:before { content: "\f044"; }

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

Исправил немного

 

[ikutaxova]

Извините, но не очень понятно, что именно вставить?
Так правильно?

.navTab.home .navLink[href="ckeditor-link"]:before { content: "\f015"; }

или как?

 

[Skaiman]

Извините, но не очень понятно, что именно вставить?
Так правильно?

Там конкретный пример, но для стилей арти, некоторых, это тоже не прокатит :-) там в настройках именно класс надо указывать, или читаем ниже.
Для Elegance 2 или Revo, находим шаблон svg_ckeditor_window, в этом стиле, меняешь строчку:

<li class="navTab PopupClosed"><a class="navLink" href="ckeditor-link" onclick="ckeditorLink(this.href); return false;">{xen:phrase svg_ckeditor}</a></li>

На это:

<li class="navTab PopupClosed">
    <a class="navLink" href="ckeditor-link" onclick="ckeditorLink(this.href); return false;">
        <span class="icon glyphicons glyphicons-edit" style="padding-right:2px" title="{xen:phrase svg_ckeditor}"></span>
        <span class="icon-text">{xen:phrase svg_ckeditor}</span>
    </a>
</li>

 

[ikutaxova]

Всё понятно, но оказалось, что если стаит Портал 2, то нужно вместо home вставить articles, и тагда показывает иконку, но все не показывает

Вот как остальные ставит?

 

[Skaiman]

ikutaxova, да здесь приводились примеры, как делать и как искать класс, конечно если главная будет порталом, то соответственно и класс там будет портала :)

 

[Stthaz]

А возможно ли как нибудь сделать на регистрацию и на вход иконки?