Добавляем Font Awesome к элементам управления и не только

[Hope]

Hope, Возможно одно и тоже, но содержимое css разное.
Поэтому у меня не все и работает.

Так да, в одном варианте он сжатый, в другом нет, а так одно и тоже.

 

[sQula]

Как то так( везде появились, а тут нет.

Спойлер

А иконки в навигации поменять, есть мануал?)
Вот эти

Спойлер

 

[Mirovinger]

Ссылку на форум можно?

 

[sQula]

Ссылку на форум можно?

скинул в личку

 

[Mirovinger]

.sidebar  h3 [href*="find-new/posts"]:before {
    content: "\f27a";
}

#navigation .publicTabs a.navLink:before {
    background: none;
    top: 0;
    margin-right: 6px;
    font-family: FontAwesome;
}

#navigation .publicTabs .home a.navLink:before {
    content: "\f015";
}

#navigation .publicTabs .forums a.navLink:before {
    content: "\f27a";
}

#navigation .publicTabs .members a.navLink:before {
    content: "\f007";
}

Как-то так.

 

[sQula]

.sidebar  h3 [href*="find-new/posts"]:before {
    content: "\f27a";
}

#navigation .publicTabs a.navLink:before {
    background: none;
    top: 0;
    margin-right: 6px;
    font-family: FontAwesome;
}

#navigation .publicTabs .home a.navLink:before {
    content: "\f015";
}

#navigation .publicTabs .forums a.navLink:before {
    content: "\f27a";
}

#navigation .publicTabs .members a.navLink:before {
    content: "\f007";
}

Как-то так.
Посмотреть вложение 93087
Посмотреть вложение 93088

Спойлер

вот последние 3 не поменялись( и служба поддержки.
Служба поддержки это плагин(бравиум который)

 

[Mirovinger]

Будьте добры, дальше по примеру, я данной вкладки не вижу, а Вам полезно.

 

[sQula]

Будьте добры, дальше по примеру, я данной вкладки не вижу, а Вам полезно.

чет как то не оч получилось:D

Спойлер

.navTab.account a.navLink:before {
    content: "\f007";
}

p.s
попытался вот так сделать

Спойлер

.navTab a.navLink:before {
    background: none;
    top: 0;
    margin-right: 6px;
    font-family: FontAwesome;
}
.navTab .account a.navLink:before {
    content: "\f007";
}
.navTab .inbox a.navLink:before {
    content: "\f007";
}
navTab .alerts a.navLink:before {
    content: "\f007";
}

 

[Mirovinger]

#navigation .visitorTabs a.navLink:before {
    background: none;
    top: 0;
    margin-right: 6px;
    font-family: FontAwesome;
}

#navigation .visitorTabs .account a.navLink:before {
    content: "\f007";
}

#navigation .visitorTabs .inbox a.navLink:before {
    content: "\f007";
}

#navigation .visitorTabs .alerts a.navLink:before {
    content: "\f007";
}

Проверяем, у меня нет возможности.

 

[sQula]

#navigation .visitorTabs a.navLink:before {
    background: none;
    top: 0;
    margin-right: 6px;
    font-family: FontAwesome;
}

#navigation .visitorTabs .account a.navLink:before {
    content: "\f007";
}

#navigation .visitorTabs .inbox a.navLink:before {
    content: "\f007";
}

#navigation .visitorTabs .alerts a.navLink:before {
    content: "\f007";
}

Проверяем, у меня нет возможности.

почти, имя исчезло:D

Спойлер

 

[Mirovinger]

Дальше сами, я код составлял не видя исходного.

 

[sQula]

а где исходный смотреть?

 

[Mirovinger]

F12 в браузере.

 

[sQula]

<a href="account/" class="navLink accountPopup NoPopupGadget" rel="Menu"><strong class="accountUsername">root</strong>          
<strong class="itemCount ResponsiveOnly Zero"             
id="VisitorExtraMenu_Counter">              
<span class="Total">0</span>              
<span class="arrow"></span>          
</strong>      
</a>

эт вот это?)

Спойлер

xD оно спустилось ниже:D ток заметил

и как изменить размер иконок вот этих sidebar

Спойлер

[/spoiler

с размером справился:D осталось только с пользователем справится)

 

[Mirovinger]

#navigation .visitorTabs a.navLink:before,
#navigation .visitorTabs .account strong:before{
    background: none;
    top: 0;
    margin-right: 6px;
    font-family: FontAwesome;
}

#navigation .visitorTabs .account strong:before {
    content: "\f007";
}

#navigation .visitorTabs .inbox a.navLink:before {
    content: "\f007";
}

#navigation .visitorTabs .alerts a.navLink:before {
    content: "\f007";
}

 

[sQula]

#navigation .visitorTabs a.navLink:before,
#navigation .visitorTabs .account strong:before{
    background: none;
    top: 0;
    margin-right: 6px;
    font-family: FontAwesome;
}

#navigation .visitorTabs .account strong:before {
    content: "\f007";
}

#navigation .visitorTabs .inbox a.navLink:before {
    content: "\f007";
}

#navigation .visitorTabs .alerts a.navLink:before {
    content: "\f007";
}

Все работает, спасибо)
А что делать с мобильной версией?

 

[Mirovinger]

 

[sQula]

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

Именно с телефона не так отображается, пробовал с разных устройств, apple/android.
Отображается как я скинул выше(((

 

[Mirovinger]

А я с утюга скрин сбросил? =)

 

[sQula]

:D смешно, но проблема от этого не ушла