Imprimer la Page | Close Window

Font Awesome 5 dans OE

Imprimé depuis: Forum openElement
Categorie:

openElement


Nom du Forum: Tutoriaux utilisateurs
Description du Forum: Ecrivez ou consultez des tutoriaux OpenElement
Pas de questions dans cette rubrique merci.
URL: http://forum.openelement.com/fr/forum_posts.asp?TID=23583
Date: 08 Avr 2020 à 07:13
Version logiciel: Web Wiz Forums 10.18 - http://www.webwizforums.com


Sujet: Font Awesome 5 dans OE
Posté par: brolysan
Sujet: Font Awesome 5 dans OE
Posté le: 30 Mar 2019 à 18:03
Bon, après plusieurs tests (avec Hobby001 que je remercie d'ailleurs Clap), il est possible d'utiliser Font Awesome 5 sur un projet d'Openelement.
Les versions précédentes étaient relativement facile à mettre en place, sur cette dernière verison, plus compliqué de trouver la bonne méthode.
La voici du coup :

Mettez un bloc de code source sur votre page (ou calque).
Il doit être régler sur type : HTML et position : Header
Mettez ensuite dedans le code suivant :


<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">


Pour utiliser maintenant les icônes de Font Awesome 5, rendez vous https://fontawesome.com/icons?d=gallery" rel="nofollow - sur cette page .
Cliquez sur les icônes que vous voulez (les gratuits uniquement).
Là, vous serez sur la page complète de l'icône.
Cliquez sur le lien pour copier la ligne de commande correspondante (voir visuelle ci dessous).



Sur votre page d'Openelement, mettez un bloc de code visuel où vous voulez votre icône.
Dans le bloc de code visuel, faites ceci :
faites un Ctrl + V pour coller le code enregistré avant OU un clic droit et coller.
Vous devriez avoir ceci maintenant :


Sauvegardez votre page et faites une prévisualisation.
Pour changez la taille de l'icône, sélectionnez le bloc de code visuel et changez la taille de la font en haut dans le menu Zone de Style.




-------------
https://sensode.com" rel="nofollow - Sensode
https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie



Réponses:
Posté par: Bridet
Posté le: 31 Mar 2019 à 10:03
Meeerci, voilà qui est clair !
Ceci dit, s'il faut mettre un bloc de code pour chaque icône, je ne vois plus trop l'avantage, ce qui était pratique, c'est de simplement rentrer un nom à l'élément dans class perso.
Mais je salue l'effort de mes deux super héros du code !

Edit : enfin ce qui est facile , c'est de pouvoir changer facilement la couleur.



-------------
http://accessit.be" rel="nofollow - Les Billets d'une Bobonne Bougonne - http://gite.vervoz.be" rel="nofollow - Gîte Le Vicus


Posté par: brolysan
Posté le: 31 Mar 2019 à 13:46
Message posté par Bridet Bridet a écrit:

Meeerci, voilà qui est clair !
Ceci dit, s'il faut mettre un bloc de code pour chaque icône, je ne vois plus trop l'avantage, ce qui était pratique, c'est de simplement rentrer un nom à l'élément dans class perso.
Mais je salue l'effort de mes deux super héros du code !

Edit : enfin ce qui est facile , c'est de pouvoir changer facilement la couleur.


ca marche aussi sur un bloc de texte mais il ne doit pas y avoir de texte à l'intérieur par contre.


-------------
https://sensode.com" rel="nofollow - Sensode
https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie



Imprimer la Page | Close Window

Forum Software by Web Wiz Forums® version 10.18 - http://www.webwizforums.com
Copyright ©2001-2014 Web Wiz Ltd. - http://www.webwiz.co.uk