Иконка ресурса

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

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

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

Посмотреть вложение 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
 
Последнее редактирование:
У меня вот такой код
Код:
.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'; }
 
Точно так и сделано, но не работает
Ну значит так:
Код:
.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"; }

obvodono3.jpg
 
Принцип очень прост, инспектируем элемент и видим, что вкладки идут списком, например вкладка "Пользователи", в списке выглядит так:
Код:
<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"; }


Исправил немного
 
Извините, но не очень понятно, что именно вставить?
Так правильно?
Код:
.navTab.home .navLink[href="ckeditor-link"]:before { content: "\f015"; }
или как?
 
Извините, но не очень понятно, что именно вставить?
Так правильно?
Там конкретный пример, но для стилей арти, некоторых, это тоже не прокатит :-) там в настройках именно класс надо указывать, или читаем ниже.
Для 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>
 
Последнее редактирование:
Всё понятно, но оказалось, что если стаит Портал 2, то нужно вместо home вставить articles, и тагда показывает иконку, но все не показывает
33.png
Вот как остальные ставит?
 
ikutaxova, да здесь приводились примеры, как делать и как искать класс, конечно если главная будет порталом, то соответственно и класс там будет портала :)
 
А возможно ли как нибудь сделать на регистрацию и на вход иконки?
 
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу