Font Mfizz - Une alternative à Font Awesome

Zero.

Premium
Inscription
26 Décembre 2011
Messages
3 654
Réactions
1 317
Points
6 055
Hello :RG:,

Je vais vous présenter vite fais les Fonts Mfizz, qui fonctionnent comme les FA.

La différence avec les FA, c'est que les Mfizz sont basés sur le développement web, donc vous aurez des icones PHP, MySQL, Python mais aussi Debian, Apache, Nginx etc..

Une liste des icones est disponibles ici :


HDeor1z.png


Je vais me basée sur le fait que vous vouliez l'installer sur votre forum xenForo.
Comme Font Awesome, vous avez deux possibilités :

- Soit vous installez les icones sur votre serveur directement.
- Soit on "utilise" le CDN (donc suffit de mettre une ligne de code et ils sont installés).


Je vais choisir la méthode la plus simple et la plus rapide pour pas que ce "tutoriel" soit trop long et ennuyeux, on va utiliser le lien CDN.


Sur votre forum xenForo, rendez vous dans l'Admin CP.
Puis dans les templates.
Chercher le template "PAGE_CONTAINER" et insérez y ce code entre les balises <head> :

HTML:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-mfizz/2.3.0/font-mfizz.css">

Sauvegarder le template, et voilà Mfizz est installé sur votre forum.


Maintenant nous allons faire en sorte de pouvoir les utiliser via les BBcodes.


Rendez vous toujours dans l'Admin CP, onglet accueil puis BBcodes personnalisés.
Remplissez comme ci-dessous :

d9c558d152284d25b0958b293d5847ad.png


HTML:
<i class="icon-{text}"></i>

Maintenant voilà comme utiliser le BBcode :

Si je veux utiliser cette icone MySQL :

Je tape ce qui a derrière le "icon-" entre les balises FI :
fbd450bfeef64f92a3b200d75fabe53a.png


Donc :

[fi]mysql[/fi]


C'est tout pour ce petit tutoriel, bye bye :D
 

Dlazzy

Premium
Inscription
25 Décembre 2012
Messages
711
Réactions
221
Points
16 843
Le CDN certes c'est plus simple à installer mais c'est aussi plus rapide pour les visiteurs, si il l'on déjà en cache par un autre site, alors les icônes s'afficheront directement sinon il y aura une requête HTTP mais pas sur ton serveur pour dl les icônes.
En tout cas merci pour la petite découverte perso que connaissait pas ce site !
 
Haut