Connexion
S'inscrire
Actualités
Quoi de neuf
Activités générales
Auteurs
Forums
Nouveaux messages
Rechercher un forum
Wiki
Pages
Dernière activité
Quoi de neuf
Nouveaux messages
Nouveaux articles
Nouveaux messages de profil
Activités générales
Membres
Membres inscrits
Visiteurs actuels
Nouveaux messages de profil
Rechercher dans les messages des profils
Teams
Créé ton équipe
Magasin
Quoi de neuf ?
Nouveaux messages
Rechercher un forum
Menu
Connexion
S'inscrire
Install the app
Install
Forums
Forums généraux
Informatique
Développement
Font Mfizz - Une alternative à Font Awesome
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
Vous utilisez un navigateur non à jour ou ancien. Il ne peut pas afficher ce site ou d'autres sites correctement.
Vous devez le mettre à jour ou utiliser un
navigateur alternatif
.
Répondre à la discussion
Message
<blockquote data-quote="Zero." data-source="post: 6975729" data-attributes="member: 31306"><p style="text-align: center">Hello <img src="/images/smileys/smiley-rg.svg" class="smilie" loading="lazy" alt=":RG:" title="RG :RG:" data-shortname=":RG:" />,</p> <p style="text-align: center"></p> <p style="text-align: center">Je vais vous présenter vite fais les Fonts Mfizz, qui fonctionnent comme les FA.</p> <p style="text-align: center"></p> <p style="text-align: center">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..</p> <p style="text-align: center"></p> <p style="text-align: center">Une liste des icones est disponibles ici : <a href="http://fizzed.com/oss/font-mfizz#icons" target="_blank">http://fizzed.com/oss/font-mfizz</a></p> <p style="text-align: center"></p> <p style="text-align: center"></p> <p style="text-align: center"><img src="http://i.imgur.com/HDeor1z.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p> <p style="text-align: center"></p> <p style="text-align: center">Je vais me basée sur le fait que vous vouliez l'installer sur votre forum xenForo.</p> <p style="text-align: center">Comme Font Awesome, vous avez deux possibilités :</p> <p style="text-align: center"></p> <p style="text-align: center">- Soit vous installez les icones sur votre serveur directement.</p> <p style="text-align: center">- Soit on "utilise" le CDN (donc suffit de mettre une ligne de code et ils sont installés).</p> <p style="text-align: center"></p> <p style="text-align: center"></p> <p style="text-align: center">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.</p> <p style="text-align: center"></p> <p style="text-align: center"></p> <p style="text-align: center">Sur votre forum xenForo, rendez vous dans l'Admin CP.</p> <p style="text-align: center">Puis dans les templates.</p> <p style="text-align: center">Chercher le template "PAGE_CONTAINER" et insérez y ce code entre les balises <head> :</p> <p style="text-align: center"></p> <p style="text-align: center">[HTML]<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-mfizz/2.3.0/font-mfizz.css">[/HTML]</p> <p style="text-align: center"></p> <p style="text-align: center">Sauvegarder le template, et voilà Mfizz est installé sur votre forum.</p> <p style="text-align: center"></p> <p style="text-align: center"></p> <p style="text-align: center">Maintenant nous allons faire en sorte de pouvoir les utiliser via les BBcodes.</p> <p style="text-align: center"></p> <p style="text-align: center"></p> <p style="text-align: center">Rendez vous toujours dans l'Admin CP, onglet accueil puis BBcodes personnalisés.</p> <p style="text-align: center">Remplissez comme ci-dessous :</p> <p style="text-align: center"></p> <p style="text-align: center"><img src="http://i.prntscr.com/d9c558d152284d25b0958b293d5847ad.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p> <p style="text-align: center"></p> <p style="text-align: center">[HTML]<i class="icon-{text}"></i>[/HTML]</p> <p style="text-align: center"></p> <p style="text-align: center">Maintenant voilà comme utiliser le BBcode :</p> <p style="text-align: center"></p> <p style="text-align: center">Si je veux utiliser cette icone MySQL : <a href="http://fizzed.com/oss/font-mfizz/icon-mysql" target="_blank">http://fizzed.com/oss/font-mfizz/icon-mysql</a></p> <p style="text-align: center"></p> <p style="text-align: center">Je tape ce qui a derrière le "icon-" entre les balises FI :</p> <p style="text-align: center"><img src="http://i.prntscr.com/fbd450bfeef64f92a3b200d75fabe53a.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p> <p style="text-align: center"></p> <p style="text-align: center">Donc :</p> <p style="text-align: center"></p> <p style="text-align: center">[fi]mysql[/fi]</p> <p style="text-align: center"></p> <p style="text-align: center"></p> <p style="text-align: center">C'est tout pour ce petit tutoriel, bye bye <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite171" alt=":D" title="Awesome face :D" loading="lazy" data-shortname=":D" /></p></blockquote><p></p>
[QUOTE="Zero., post: 6975729, member: 31306"] [CENTER]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 : [URL='http://fizzed.com/oss/font-mfizz#icons']http://fizzed.com/oss/font-mfizz[/URL] [IMG]http://i.imgur.com/HDeor1z.png[/IMG] 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">[/HTML] 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 : [IMG]http://i.prntscr.com/d9c558d152284d25b0958b293d5847ad.png[/IMG] [HTML]<i class="icon-{text}"></i>[/HTML] Maintenant voilà comme utiliser le BBcode : Si je veux utiliser cette icone MySQL : [URL]http://fizzed.com/oss/font-mfizz/icon-mysql[/URL] Je tape ce qui a derrière le "icon-" entre les balises FI : [IMG]http://i.prntscr.com/fbd450bfeef64f92a3b200d75fabe53a.png[/IMG] Donc : [fi]mysql[/fi] C'est tout pour ce petit tutoriel, bye bye :D[/CENTER] [/QUOTE]
Insérer les citations…
Vérification
Publier la réponse
Forums
Forums généraux
Informatique
Développement
Font Mfizz - Une alternative à Font Awesome
Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
Acceptez
En savoir plus.…
Haut