BullGuard Antivirus Sale - 60% Off with 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: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144
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é : 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 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 - 30 Mar 2019 à 18:26
Haut de la page
Bridet allez vers le bas
Senior Member
Senior Member
Avatar

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



Edité par Bridet - 31 Mar 2019 à 10:03
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 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.
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 12.04
Copyright ©2001-2021 Web Wiz Ltd.

Cette page a été affichée en 0.047 secondes.