Antivirus offre spéciale - jusqu'à 60 % de réduction avec openElement !
Accueil Forum Accueil Forum >

openElement

> Tutoriaux utilisateurs
  Nouveaux messages Nouveaux messages Fil RSS  - Font Awesome 5 dans OE
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

Font Awesome 5 dans OE

 Répondre Répondre
Auteur
Message
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: Aug 14 2009
Pays: France
Status: Inactif
Points: 9364
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Sujet: Font Awesome 5 dans OE
    Envoyé : Mar 30 2019 à 5:03pm
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 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.




Edité par brolysan - Mar 30 2019 à 5:26pm
Haut de la page
Bridet allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: Dec 13 2013
Pays: Condroz
Status: Inactif
Points: 4565
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Bridet Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Mar 31 2019 à 9:03am
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.



Edité par Bridet - Mar 31 2019 à 9:03am
Les Billets d'une Bobonne Bougonne Gîte Le Vicus www.de-troyer.be - www.gites-durbuy.be
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: Aug 14 2009
Pays: France
Status: Inactif
Points: 9364
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : Mar 31 2019 à 12:46pm
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.
Haut de la page
 Répondre Répondre
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 10.18
Copyright ©2001-2014 Web Wiz Ltd.

Cette page a été affichée en 0,031 secondes.
Acheter votre vélo en ligne