XF 2.0 / 2.1 Ajoutez des icônes FA dans la sidebar ( extra.less )

laurent68 · 1 Mars 2018

Pour la version xf 2.0 :

Dans votre template extra.les ajoutez ces codes :

[HIDEREPLYTHANKS]

Code:

.block[data-widget-id] .block-minorHeader:before  {
    font: normal 14px/1 ;
font-family:FontAwesome;  display: inline-block; padding-right: 5px; font-size: inherit;  }

.block[data-widget-definition="members_online"] .block-minorHeader:before { content: "\f007" }
.block[data-widget-definition="board_totals"] .block-minorHeader:before {content: "\f007" }
.block[data-widget-definition="online_statistics"] .block-minorHeader:before { content: "\f007" }
.block[data-widget-definition="forum_statistics"] .block-minorHeader:before { content: "\f007" }
.block[data-widget-definition="share_page"] .block-minorHeader:before { content: "\f007" }
.block[data-widget-definition="most_messages"] .block-minorHeader:before { content: "\f007" }
.block[data-widget-definition="find_member"] .block-minorHeader:before { content: "\f007" }
.block[data-widget-definition="new_threads"] .block-minorHeader:before { content: "\f007" }
.block[data-widget-definition="new_profile_posts"] .block-minorHeader:before { content: "\f007" }
.block[data-widget-definition="new_posts"] .block-minorHeader:before { content: "\f007" }
.block[data-widget-definition="birthdays"] .block-minorHeader:before { content: "\f007" }
form[data-xf-init*="poll-block"] .block-minorHeader:before { content: "\f007" }

[/HIDEREPLYTHANKS]

Résultat :

PS : Changer les codes f007 par les votres, j'ai mis le mème icône partout.

Pour la version xf 2.1 :

Dans votre template extra.les ajoutez ces codes :

Pour consulter le contenu, vous devez : Se connecter ou S'inscrire.

Credit : @laurent68

sucre13 · 8 Janvier 2019

Merci

DYLAN62630 · 12 Février 2019

merci

BoussaSaKa · 28 Janvier 2020

Merci @laurent68 mais j'ai beau ajouter Font Awesome 5 Pro est la suite de ton code j'ai un carré ! Je me loupe ou stp ?

laurent68 · 28 Janvier 2020

BoussaSaKa a dit:
Merci @laurent68 mais j'ai beau ajouter Font Awesome 5 Pro est la suite de ton code j'ai un carré ! Je me loupe ou stp ?

Regarde se que j'ai mis a la fin du tuto : PS changer les code content f007 . . .

Font Awesome

The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.

fontawesome.com

Screenshot

Captured with Lightshot

prntscr.com

BoussaSaKa · 28 Janvier 2020

laurent68 a dit:
Regarde se que j'ai mis a la fin du tuto : PS changer les code content f007 . . .

Font Awesome

The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.

fontawesome.com

Screenshot

Captured with Lightshot

prntscr.com

Coucou pourtant j'ai changer je vais re tester Yeah

Alerione · 28 Janvier 2020

Merci du petit partage ca fait plaisir

BoussaSaKa · 28 Janvier 2020

laurent68 a dit:
Regarde se que j'ai mis a la fin du tuto : PS changer les code content f007 . . .

Font Awesome

The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.

fontawesome.com

Screenshot

Captured with Lightshot

prntscr.com

Pour ma part ça ne fonctionne pas m85

laurent68 · 28 Janvier 2020

BoussaSaKa a dit:
Pour ma part ça ne fonctionne pas

Teste celui la :

BoussaSaKa · 28 Janvier 2020

Parfait celui ci merci, juste a ajouter les widget installer après ... ;love

laurent68 · 28 Janvier 2020

Oui et peut être qu'il y en aussi de trop, comme celui pour les ressources, mais tu peux les laisser c'est pas grave.

BoussaSaKa · 28 Janvier 2020

laurent68 a dit:
Oui et peut être qu'il y en aussi de trop, comme celui pour les ressources, mais tu peux les laisser c'est pas grave.

Crée un nouveau topic avec les codes que tu viens de mettre pour XF 2.1 M290

laurent68 · 28 Janvier 2020

BoussaSaKa a dit:
Crée un nouveau topic avec les codes que tu viens de mettre pour XF 2.1

Non je vais les mettre dans le mème et spécifier que c'est pour xf 2.1

BoussaSaKa · 28 Janvier 2020

laurent68 a dit:
Non je vais les mettre dans le mème et spécifier que c'est pour xf 2.1

J'ai de bonne suggestions quand même vue l'heure hahah

Tony · 17 Février 2020

merci

jose · 20 Mars 2020

merci

lagrace · 19 Avril 2020

merci pour ce tuto

pour l anniversaire du jour ?? sait quoi le mot clef

merci

ps: j ai trouver

.block[data-widget-definition="birthdays"] .block-minorHeader:before {content:"\f1fd";}

senator · 28 Avril 2020

thank you

FaroxxElpadre · 6 Mai 2020

azyro59 · 22 Mai 2020

merci man

	Xenforo 2.x.x Ajoutez des icônes FA dans le footer ( Nous contactez/Aide... ) ( extra.less ) SsTeuchi 15 Janvier 2021 Modifications Templates
	Xenforo 2.x.x Ajoutez des icônes FA dans la menu aide sucre13 27 Janvier 2026 Modifications Templates
	Xenforo 2.x.x Ajoutez des icônes fa dans Plus d'option / pour la modération ( extra.less ) IEyZens 12 Decembre 2021 Modifications Templates
	Xenforo 2.x.x Ajoutez des icônes FA dans le block utilisateur laurent68 11 Février 2021 Modifications Templates
	Xenforo 2.x.x Ajoutez des icônes fa dans plus d'option / pour la modération ( extra.less ) sucre13 9 Janvier 2019 Modifications Templates

XF 2.0 / 2.1 Ajoutez des icônes FA dans la sidebar ( extra.less )

Add-on xenforo 2

Styles xenforo 2

Templates xenforo 2

Section Premium

XF 2.0 / 2.1 Ajoutez des icônes FA dans la sidebar ( extra.less )

À propos de nous

Statistiques en ligne

Partager cette page

XF 2.0 / 2.1 Ajoutez des icônes FA dans la sidebar ( extra.less )

Add-on xenforo 2

Styles xenforo 2

Templates xenforo 2

Section Premium

XF 2.0 / 2.1 Ajoutez des icônes FA dans la sidebar ( extra.less )

À propos de nous

Statistiques en ligne

Partager cette page

Restez connecté