Добавляем FontAwesome к пунктам в navtab

Hope · 23 Июл 2018

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

Добавляем FontAwesome к пунктам в navtab - Добавляем FontAwesome к пунктам в navtab.

В шаблон extra.less добавляем:

Код:

/* xFDestek.com - Menülerim Fontawesome - Başlangıç */
.p-navEl-link{                             
    &:before{padding-right:5px;font-family: FontAwesome;content: "\f29c";}             
    &[data-nav-id="home"]{&:before{content: "\f015";}}
    &[data-nav-id="forums"]{&:before{content: '\f0e6';}}
    &[data-nav-id="whatsNew"]{&:before{content: '\f128';}}
    &[data-nav-id="members"]{&:before{content: '\f0c0';}}
    &[data-nav-id="xfrm"]{&:before{content...

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

A1ex · 31 Июл 2018

У меня что-то ни каких значков не появилось

West14 · 31 Июл 2018

Тут селекторы с ссылками, похоже, на языке автора. Наверное, из-за этого и не работает, хотя сам не проверял, может оно ничего и не значит =)

Less:

.offCanvasMenu-linkHolder a[href*="/kullanicilar/"]:before{ font-family: "FontAwesome"; padding-right: 5px; content: "\f007" }
.offCanvasMenu a[href*="/uyeler/list/"]:before{ font-family: "FontAwesome"; padding-right: 5px; content: "\f0c0" }
.offCanvasMenu a[href*="/online/"]:before{ font-family: "FontAwesome"; padding-right: 5px; content: "\f205" }
.offCanvasMenu a[href*="/ara/?type=profile_post"]:before{ font-family: "FontAwesome"; padding-right: 5px; content: "\f002" }
.offCanvasMenu a[href*="/kaynaklar/"]:before{ font-family: "FontAwesome"; padding-right: 5px; content: "\f187" }
.offCanvasMenu a[href*="/kaynaklar/latest-reviews"]:before{ font-family: "FontAwesome"; padding-right: 5px; content: "\f06e" }
.offCanvasMenu a[href*="/takipedilen/resources"]:before{ font-family: "FontAwesome"; padding-right: 5px; content: "\f0e6" }
.offCanvasMenu a[href*="/takipedilen/resource-categories"]:before{ font-family: "FontAwesome"; padding-right: 5px; content: "\f046" }
.offCanvasMenu a[href*="/ara/?type=resource"]:before{ font-family: "FontAwesome"; padding-right: 5px; content: "\f002" }

Mirovinger · 31 Июл 2018

Нет. всё работает, но причесать нужно.

Sanvi · 11 Авг 2018

Немного причесала и поправила селекторы

Код:

/* Добавляем FontAwesome к пунктам в navtab */
.p-navEl-link{                             
    &:before{padding-right:5px;font-family: FontAwesome;content: "\f29c";}             
    &[data-nav-id="home"]{&:before{content: "\f015";}}
    &[data-nav-id="forums"]{&:before{content: '\f0e6';}}
    &[data-nav-id="whatsNew"]{&:before{content: '\f128';}}
    &[data-nav-id="members"]{&:before{content: '\f007';}}
    &[data-nav-id="xfrm"]{&:before{content: '\f019';}}
    &[data-nav-id="xfmg"]{&:before{content: '\f030';}}
    &[data-nav-id="newPosts"]{&:before{content: '\f06d';}}
    &[data-nav-id="findThreads"]{&:before{content: '\f00e';}}
    &[data-nav-id="searchForums"]{&:before{content: '\f002';}}
    &[data-nav-id="markForumsRead"]{&:before{content: '\f070';}}
    &[data-nav-id="whatsNewPosts"]{&:before{content: '\f0f6';}}
    &[data-nav-id="whatsNewProfilePosts"]{&:before{content: '\f040';}}
    &[data-nav-id="whatsNewNewsFeed"]{&:before{content: '\f09e';}}
    &[data-nav-id="latestActivity"]{&:before{content: '\f005';}}
    &[data-nav-id="xfrmLatestReviews"]{&:before{content: '\f091';}}
    &[data-nav-id="xfrmYourResources"]{&:before{content: '\f0ed';}}
    &[data-nav-id="xfrmWatched"]{&:before{content: '\f0a7';}}
    &[data-nav-id="xfrmSearchResources"]{&:before{content: '\f002';}}
    &[data-nav-id="currentVisitors"]{&:before{content: '\f234';}}
    &[data-nav-id="newProfilePosts"]{&:before{content: '\f040';}}
    &[data-nav-id="searchProfilePosts"]{&:before{content: '\f21b';}}
    &[data-nav-id="watched"]{&:before{content: '\f06e';}}
    &[data-nav-id="registeredMembers"]{&:before{content: '\f007';}}
}
.offCanvasMenu-linkHolder a[href*="/login/"]:before{ font-family: "FontAwesome"; padding-right: 5px; content: "\f08b" }
.offCanvasMenu-linkHolder a[href*="/register/"]:before{ font-family: "FontAwesome"; padding-right: 5px; content: "\f25d" }
.offCanvasMenu-link[data-nav-id="forums"]:before { padding: 4px; font: normal normal normal 14px/1 FontAwesome; content: "\f086";}
.offCanvasMenu a[href*="/whats-new/posts/"]:before{ font-family: "FontAwesome"; padding-right: 5px; content: "\f05b" }
.offCanvasMenu a[href*="/find-threads/started"]:before{ font-family: "FontAwesome"; padding-right: 5px; content: "\f002" }
.offCanvasMenu a[href*="/find-threads/contributed"]:before{ font-family: "FontAwesome"; padding-right: 5px; content: "\f27b" }
.offCanvasMenu a[href*="/find-threads/unanswered"]:before{ font-family: "FontAwesome"; padding-right: 5px; content: "\f2d4" }
.offCanvasMenu a[href*="/watched/threads"]:before{ font-family: "FontAwesome"; padding-right: 5px; content: "\f0e6" }
.offCanvasMenu a[href*="/watched/forums"]:before{ font-family: "FontAwesome"; padding-right: 5px; content: "\f046" }
.offCanvasMenu a[href*="/search/?type=post"]:before{ font-family: "FontAwesome"; padding-right: 5px; content: "\f002" }
.offCanvasMenu a[href*="/forum/-/mark-read?date="]:before{ font-family: "FontAwesome"; padding-right: 5px; content: "\f196" }
.offCanvasMenu-linkHolder a[href*="/whats-new/"]:before{ font-family: "FontAwesome"; padding-right: 5px; content: "\f0e6" }
.offCanvasMenu a[href*="/whats-new/profile-posts/"]:before{ font-family: "FontAwesome"; padding-right: 5px; content: "\f21b" }
.offCanvasMenu a[href*="/whats-new/news-feed"]:before{ font-family: "FontAwesome"; padding-right: 5px; content: "\f03a" }
.offCanvasMenu a[href*="/whats-new/latest-activity"]:before{ font-family: "FontAwesome"; padding-right: 5px; content: "\f06e" }
.offCanvasMenu a[href*="/whats-new/resources"]:before{ font-family: "FontAwesome"; padding-right: 5px; content: "\f164" }
.offCanvasMenu-linkHolder a[href*="/account/upgrades"]:before{ font-family: "FontAwesome"; padding-right: 5px; content: "\f07a" }
.offCanvasMenu-linkHolder a[href*="/members/"]:before{ font-family: "FontAwesome"; padding-right: 5px; content: "\f007" }
.offCanvasMenu a[href*="/members/list/"]:before{ font-family: "FontAwesome"; padding-right: 5px; content: "\f0c0" }
.offCanvasMenu a[href*="/online/"]:before{ font-family: "FontAwesome"; padding-right: 5px; content: "\f205" }
.offCanvasMenu a[href*="/search/?type=profile_post"]:before{ font-family: "FontAwesome"; padding-right: 5px; content: "\f002" }
.offCanvasMenu a[href*="/resources/"]:before{ font-family: "FontAwesome"; padding-right: 5px; content: "\f187" }
.offCanvasMenu a[href*="/resources/latest-reviews"]:before{ font-family: "FontAwesome"; padding-right: 5px; content: "\f06e" }
.offCanvasMenu a[href*="/watched/resources"]:before{ font-family: "FontAwesome"; padding-right: 5px; content: "\f0e6" }
.offCanvasMenu a[href*="/watched/resource-categories"]:before{ font-family: "FontAwesome"; padding-right: 5px; content: "\f046" }
.offCanvasMenu a[href*="/search/?type=resource"]:before{ font-family: "FontAwesome"; padding-right: 5px; content: "\f002" }

Dead Master · 19 Дек 2021

Подскажите в каком месте убрать лишний знак вопроса?
появился после установки

Skaiman · 19 Дек 2021

Dead Master написал(а):
Подскажите в каком месте убрать лишний знак вопроса?
появился после установки

ну так если скопировал код и вставил, он и должен был появиться :)

IlyaPep · 19 Дек 2021

Dead Master написал(а):
Подскажите в каком месте убрать лишний знак вопроса?
появился после установки
Посмотреть вложение 134451

Удалить &[data-nav-id="whatsNew"]{&:before{content: '\f128';}}

Skaiman · 19 Дек 2021

Код:

&[data-nav-id="whatsNew"]{&:before{content: '\f128';}}

Dead Master · 19 Дек 2021

Skaiman написал(а):
он и должен был появиться :)

так я в курсе))
мне на оборот нужно один лишний убрать

Avty · 19 Дек 2021

Dead Master написал(а):
Подскажите в каком месте убрать лишний знак вопроса?
появился после установки
Посмотреть вложение 134451

Если убрать тот что слева, то убрать из less эту строчку:

Less:

&[data-nav-id="whatsNew"]{&:before{content: '\f128';}}

Если тот что справа, то нужно искать в файле локализации фразу "Что нового?" и убрать его там

ZloyDed · 19 Дек 2021

Dead Master, поиск по фразам

Skaiman · 19 Дек 2021

Avty написал(а):
Если тот что справа, то нужно искать в файле локализации фразу "Что нового?" и убрать его там

а что там справа? :)

Dead Master · 19 Дек 2021

Avty написал(а):
Если тот что справа, то нужно искать в файле локализации фразу "Что нового?" и убрать его там

Вот нужное решение
Спасибо за подсказку

Avty · 19 Дек 2021

Skaiman написал(а):
а что там справа? :)

Ну мало ли, может он хочет оставить иконку

Skaiman · 19 Дек 2021

ZloyDed написал(а):
поиск по фразам

они то при чем, Avty, ZloyDed, не путайте человека

Dead Master · 19 Дек 2021

Skaiman написал(а):
а что там справа? :)

штатный знак ?

ZloyDed · 19 Дек 2021

Skaiman написал(а):
они то при чем, Avty, ZloyDed, не путайте человека

он хочет убрать знак вопроса справа

Skaiman · 19 Дек 2021

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

Dead Master · 19 Дек 2021

Skaiman, тоже как вариант

Добавляем FontAwesome к пунктам в navtab

Hope

A1ex

West14

meow

Mirovinger

Sanvi

Dead Master

Skaiman

IlyaPep

Skaiman

Dead Master

Avty

ZloyDed

Skaiman

Dead Master

Avty

Skaiman

Dead Master

ZloyDed

Skaiman

Dead Master

Похожие темы

Мы ценим вашу конфиденциальность