Connexion
S'inscrire
Actualités
Quoi de neuf
Activités générales
Auteurs
Forums
Nouveaux messages
Rechercher un forum
Quoi de neuf
Nouveaux messages
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
Quoi de neuf ?
Nouveaux messages
Rechercher un forum
Menu
Connexion
S'inscrire
Install the app
Install
Forums
Forums généraux
Discussions générales
Utilisation des FontAwesome sur RealityGaming
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="1899" data-source="post: 5845700" data-attributes="member: 146051"><p style="text-align: center"><span style="font-family: 'Open Sans Condensed'"><strong><span style="color: #808080">TUTORIEL : UTILISATION DES FONT AWESOME SUR REALITYGAMING</span></strong></span></p> <p style="text-align: center"></p> <p style="text-align: center"><span style="color: #808080">[FA]fa-cog fa-border fa-3x[/FA]</span></p> <p style="text-align: center"><span style="color: #808080"></span></p> <p style="text-align: center"><span style="color: #000000"><span style="font-size: 18px">I. Le FontAwesome, c'est quoi ?</span></span></p> <p style="text-align: center"><span style="color: #000000"><span style="font-size: 18px"></span></span></p> <p style="text-align: center"><span style="color: #000000"><span style="font-size: 15px">Le FontAwesome est une police d'écriture web, utilisant des icônes à la place des lettres. Cette police est celle qu'utilise RealityGaming pour à peut près toute ses icônes : Etoiles VIP et AS, Crayon des rédacteurs et écriteau de développement pour les développeurs ; Navigation et plus récemment dans les topics. </span></span></p> <p style="margin-left: 20px"><span style="font-size: 15px"><span style="color: #808080"><strong>Exemples : </strong></span></span></p> <p style="text-align: center"></p> <p style="text-align: center">[sprite="0, 0, 96, 408"]70331[/sprite][sprite="0, -106, 117, 258"]70331[/sprite][sprite="0, -233, 263, 230"]70331[/sprite][sprite="0, -506, 142, 305"]70331[/sprite]</p> <p style="text-align: center"><span style="color: #000000"><span style="font-size: 15px"></span></span></p> <p style="text-align: center"><span style="color: #000000"><span style="font-size: 15px"><img src="http://i.imgur.com/SPD1zCH.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></span></span></p> <p style="text-align: center"><span style="color: #000000"><span style="font-size: 15px"></span></span></p> <p style="text-align: center"><span style="color: #000000"><span style="font-size: 18px">II. Comment les utiliser ?</span></span></p> <p style="text-align: center"><span style="color: #000000"><span style="font-size: 15px"></span></span></p> <p style="text-align: center"><span style="color: #000000"><span style="font-size: 15px">Bien que de base utilisable uniquement en HTML, il existe une façon de l'utiliser en BBCODE, soit le langage d'écriture des topics qu'utilise RealityGaming. A chaque stylisation en BBCODE, il est obligatoire d'utilise des balises !</span></span></p> <p style="text-align: center"><span style="color: #000000"><span style="font-size: 15px"></span></span></p> <p style="margin-left: 20px"><span style="font-size: 15px"><strong><span style="color: #808080">Exemples :</span></strong></span></p><p><span style="color: #000000">[CODE][Font=Open Sans Condensed]Texte[/font]</span></p><p><span style="color: #000000">[Color=#006d80]Text[/color]</span></p><p><span style="color: #000000">[IMG]https://reality-gaming.fr/styles/realitygaming/logo.svg[/IMG]</span></p><p><span style="color: #000000">[URL=lien]Texte[/URL]</span></p><p><span style="color: #000000">[LIST]</span></p><p><span style="color: #000000">[*][COLOR=#000000]Test[/COLOR]</span></p><p><span style="color: #000000">[/LIST]</span></p><p><span style="color: #000000">[/CODE]</span></p><p style="text-align: center"><span style="color: #000000">Ce qui donne exactement ceci :</span></p><p><span style="color: #000000"><span style="font-family: 'Open Sans Condensed'">Texte</span></span></p><p><span style="color: #000000"><span style="color: rgb(0, 0, 0)"><span style="color: #006d80">Text</span></span></span></p><p><span style="color: #000000"><span style="color: #000000"><img src="https://reality-gaming.fr/styles/realitygaming/logo.svg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></span></span></p><p><span style="color: #000000"><span style="color: #000000"><a href="http://lien" target="_blank">Texte</a></span></span></p><p><span style="color: #000000"></span></p><ul> <li data-xf-list-type="ul"><span style="color: #000000">Test</span></li> </ul> <p style="text-align: center"><span style="color: #000000">Et bien, les FontAwesome utilisent aussi des balises, et cette balise est :</span></p><p>[CODE][FA]FontAwesome[/FA][/CODE]</p><p style="text-align: center"><span style="color: #000000"></span></p> <p style="text-align: center"><span style="color: #000000">C'est grâce à cette balise qu'en BBCODE les FontAwesome sont utilisés, évidemment, à la place de FontAwesome, entre la balise du FA, vous devez mettre l'ID de l'icône que vous souhaitez utiliser, pour le tutoriel, je vais utiliser ceci : fa-cog.</span></p> <p style="text-align: center"><span style="color: #000000"></span></p> <p style="margin-left: 20px"><strong><span style="color: #808080">Exemple :</span></strong></p><p><span style="color: #000000">[CODE][FA]fa-cog[/FA][/CODE]</span></p><p style="margin-left: 20px"><span style="color: #000000">[FA]fa-cog[/FA]</span></p> <p style="margin-left: 20px"><span style="color: #000000"></span></p> <p style="text-align: center">Donc, vous voyez que c'est très loin d'être difficile ! <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite355" alt=":)" title=":) :)" loading="lazy" data-shortname=":)" /></p><p><em>[fa]fa-exclamation-circle[/fa] : Pour une liste <u>complète</u> des icônes FontAwesome, rendez vous <a href="https://fortawesome.github.io/Font-Awesome/icons/" target="_blank"><strong>ici</strong></a>.</em></p><p></p><p style="text-align: center"><span style="color: #000000">Pour trouver l'ID de l'icône que vous souhaitez utiliser, il suffit de se rendre sur celui qui vous désirez, et de prendre ce qui se trouve en dessous des différentes tailles de votre icône :</span></p> <p style="text-align: center"><span style="color: #000000"><img src="http://i.imgur.com/skm25yu.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></span></p> <p style="text-align: center"><span style="color: #000000"></span></p> <p style="text-align: center"><span style="color: #000000">C'est </span><em><span style="color: rgb(0, 0, 0)"><span style="font-size: 10px">(par exemple)</span></span></em> <strong><span style="color: #808080">fa-exclamation-circle</span></strong><span style="color: #000000"> que vous devez mettre dans la balise [FA</span><span style="color: #ffffff">.</span><span style="color: #000000">] !</span></p> <p style="text-align: center"><span style="color: #000000"></span></p> <p style="text-align: center"><span style="color: #000000"><img src="http://i.imgur.com/SPD1zCH.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></span></p> <p style="text-align: center"><span style="color: #000000"></span></p> <p style="text-align: center"><span style="font-size: 18px"><span style="color: #000000">III. Les personnalisations</span></span></p> <p style="text-align: center"><span style="color: #000000"></span></p> <p style="text-align: center"><span style="color: #000000">Oui ! Il vous est possible de personnaliser vos icônes avec un simple ajout, peu difficile à mémoriser... Je vous montre tout ça :</span></p> <p style="text-align: center"><span style="color: #000000"></span></p> <p style="margin-left: 20px"><strong><span style="color: #808080">Taille :</span></strong></p> <p style="margin-left: 20px"></p><p><span style="color: rgb(0, 0, 0)">[FA]fa-cog fa-lf[/FA]</span></p><p><span style="color: rgb(0, 0, 0)">[FA]fa-cog fa-2x[/FA]</span></p><p><span style="color: rgb(0, 0, 0)">[FA]fa-cog fa-3x[/FA]</span></p><p><span style="color: rgb(0, 0, 0)">[FA]fa-cog fa-4x[/FA]</span></p><p><span style="color: rgb(0, 0, 0)">[FA]fa-cog fa-5x[/FA]</span></p><p></p><p>[CODE][FA]fa-cog fa-lf[/FA]</p><p>[FA]fa-cog fa-2x[/FA]</p><p>[FA]fa-cog fa-3x[/FA]</p><p>[FA]fa-cog fa-4x[/FA]</p><p>[FA]fa-cog fa-5x[/FA][/CODE]</p><p></p><p style="text-align: center">Avez vous vus ? J'ai simplement ajouté <strong><span style="color: #808080">fa-*x</span></strong> pour modifier la taille de l'icône, sur une échelle de 1 à 5<strong>x</strong><span style="font-size: 12px"><em> (et pas <strong>px</strong>)</em></span><span style="font-size: 15px">.</span></p> <p style="text-align: center"></p> <p style="margin-left: 20px"><span style="font-size: 15px"><span style="color: #808080"><strong>Border :</strong></span></span></p> <p style="margin-left: 20px"><span style="font-size: 15px"></span></p> <p style="text-align: center"><span style="font-size: 15px">Vous avez vus l'icône que j'ai mis en place au début de mon topic ? Et bien il sagit d'une icone utilisant un bord !</span></p><p><span style="font-size: 15px"></span></p><p><span style="font-size: 15px">[FA]fa-cog fa-5x fa-border[/FA]</span></p><p><span style="font-size: 15px">[CODE][FA]fa-cog fa-5x fa-border[/FA][/CODE]</span></p><p><span style="font-size: 15px"></span></p><p style="text-align: center"><span style="font-size: 15px">Toujours aussi simple. <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" /></span></p> <p style="margin-left: 20px"><span style="font-size: 15px"></span></p> <p style="margin-left: 20px"><span style="font-size: 15px"><strong><span style="color: #808080">Rotations :</span></strong></span></p> <p style="margin-left: 20px"><span style="font-size: 15px"></span></p> <p style="text-align: center"><span style="font-size: 15px">Vous pouvez aussi faire tourner vos icônes, il y'a deux façons : la rotation fluide et la rotation pulsive. Ce n'est pas vraiment difficile non plus, il y'a juste un petit code à ajouter derrière votre ID :</span></p> <p style="text-align: center"><span style="font-size: 15px"></span></p><p><span style="font-size: 15px">[FA]fa-cog fa-5x fa-spin[/FA]</span></p><p><span style="font-size: 15px">[FA]fa-cog fa-5x fa-pulse[/FA]</span></p><p><span style="font-size: 15px"></span></p><p><span style="font-size: 15px">[CODE][FA]fa-cog fa-5x fa-spin[/FA]</span></p><p><span style="font-size: 15px">[FA]fa-cog fa-5x fa-pulse[/FA][/CODE]</span></p><p><span style="font-size: 15px"></span></p><p style="text-align: center"><span style="font-size: 15px"><strong><span style="color: #808080">fa-spin</span></strong> sers à faire une <u>rotation fluide</u> et <strong><span style="color: #808080">fa-pulse</span></strong> sert à faire une <u>rotation pulsive</u> !</span></p> <p style="margin-left: 20px"><span style="font-size: 15px"><strong><span style="color: #808080">Inclinaison :</span></strong></span></p> <p style="margin-left: 20px"><span style="font-size: 15px"></span></p> <p style="text-align: center"><span style="font-size: 15px">Vous pouvez incliner votre icône, de toute les manières, verticale, horizontal, 90°, 180°, 270° !</span></p> <p style="text-align: center"><span style="font-size: 15px"></span></p><p><span style="font-size: 15px">[FA]fa-shield[/FA]</span></p><p><span style="font-size: 15px">[FA]fa-shield fa-rotate-90[/FA]</span></p><p><span style="font-size: 15px">[FA]fa-shield fa-rotate-180[/FA]</span></p><p><span style="font-size: 15px">[FA]fa-shield fa-rotate-270[/FA]</span></p><p><span style="font-size: 15px">[FA]fa-shield fa-flip-vertical[/FA]</span></p><p><span style="font-size: 15px">[FA]fa-shield fa-flip-horizontal[/FA]</span></p><p><span style="font-size: 15px"></span></p><p><span style="font-size: 15px">[CODE][FA]fa-shield[/FA]</span></p><p><span style="font-size: 15px">[FA]fa-shield fa-rotate-90[/FA]</span></p><p><span style="font-size: 15px">[FA]fa-shield fa-rotate-180[/FA]</span></p><p><span style="font-size: 15px">[FA]fa-shield fa-rotate-270[/FA]</span></p><p><span style="font-size: 15px">[FA]fa-shield fa-flip-vertical[/FA]</span></p><p><span style="font-size: 15px">[FA]fa-shield fa-flip-horizontal[/FA][/CODE]</span></p><p><span style="font-size: 15px"></span></p><p style="text-align: center"><span style="font-size: 15px">Il faut suffit d'utiliser <strong><span style="color: #808080">fa-rotate-*</span></strong> pour incliner votre icone, et <strong><span style="color: #808080">fa-flip-vertical</span></strong> pour retourner votre icone.</span></p> <p style="text-align: center"><span style="font-size: 15px"></span></p><p><span style="font-size: 15px"><em><span style="color: #ff0000"><strong>[fa]fa-exclamation-circle[/fa] Astuce: vous pouvez combiner toutes les personnalisations !</strong></span></em></span></p><p style="margin-left: 20px"><p style="text-align: center"><span style="font-size: 15px"></span></p> <p style="text-align: center"><span style="font-size: 15px">MISE A JOUR 23/07/2016</span></p> <p style="text-align: center"><span style="font-size: 15px"></span></p> <p style="text-align: center"><span style="font-size: 15px">Une icône intégrer dans la barre de rédaction permet d'avoir la liste de tous les FontAwesome disponible sur le site. Il est symbolisé par un drapeau !</span></p> <p style="text-align: center"><span style="font-size: 15px"><span style="color: #032A46">[fa]fa-flag fa-border[/fa]</span></span></p> <p style="text-align: center"><span style="font-size: 15px"></span></p> <p style="text-align: center"><span style="font-size: 15px">Si vous cliquez dessus, une liste s'ouvrira, vous pourrez ainsi choisir celui que vous voulez intégrer à votre topic ! <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite355" alt=":)" title=":) :)" loading="lazy" data-shortname=":)" /></span></p> <p style="text-align: center"><span style="font-size: 15px"></span></p> <p style="text-align: center"><span style="font-size: 15px"><img src="http://i.imgur.com/SPD1zCH.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></span></p> <p style="text-align: center"><span style="font-size: 15px"></span></p> <p style="text-align: center"><span style="font-size: 15px">C'est tout pour ce tutoriel, si vous avez des questions, posez les j'y répondrais ! <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite355" alt=":)" title=":) :)" loading="lazy" data-shortname=":)" /></span></p> <p style="text-align: center"><span style="font-size: 15px"></span></p> <p style="text-align: center"><span style="font-size: 10px"><span style="color: #ff8000"><strong>© GoodTopicPremium - Loucasse GTP</strong></span></span></p> </p></blockquote><p></p>
[QUOTE="1899, post: 5845700, member: 146051"] [CENTER][FONT=Open Sans Condensed][B][COLOR=#808080]TUTORIEL : UTILISATION DES FONT AWESOME SUR REALITYGAMING[/COLOR][/B][/FONT] [COLOR=#808080][FA]fa-cog fa-border fa-3x[/FA] [/COLOR] [COLOR=#000000][SIZE=5]I. Le FontAwesome, c'est quoi ? [/SIZE] [SIZE=4]Le FontAwesome est une police d'écriture web, utilisant des icônes à la place des lettres. Cette police est celle qu'utilise RealityGaming pour à peut près toute ses icônes : Etoiles VIP et AS, Crayon des rédacteurs et écriteau de développement pour les développeurs ; Navigation et plus récemment dans les topics. [/SIZE][/COLOR][/CENTER] [INDENT][SIZE=4][COLOR=#808080][B]Exemples : [/B][/COLOR][/SIZE][/INDENT] [CENTER] [sprite="0, 0, 96, 408"]70331[/sprite][sprite="0, -106, 117, 258"]70331[/sprite][sprite="0, -233, 263, 230"]70331[/sprite][sprite="0, -506, 142, 305"]70331[/sprite] [COLOR=#000000][SIZE=4] [IMG]https://reality-gaming.fr/proxy.php?image=http%3A%2F%2Fi.imgur.com%2FSPD1zCH.png&hash=34de247310af6594f22cb5c04dfb3e55[/IMG] [/SIZE] [SIZE=5]II. Comment les utiliser ?[/SIZE] [SIZE=4] Bien que de base utilisable uniquement en HTML, il existe une façon de l'utiliser en BBCODE, soit le langage d'écriture des topics qu'utilise RealityGaming. A chaque stylisation en BBCODE, il est obligatoire d'utilise des balises ! [/SIZE][/COLOR][/CENTER] [INDENT][SIZE=4][B][COLOR=#808080]Exemples :[/COLOR][/B][/SIZE][/INDENT] [COLOR=#000000][CODE][Font=Open Sans Condensed]Texte[/font] [Color=#006d80]Text[/color] [IMG]https://reality-gaming.fr/styles/realitygaming/logo.svg[/IMG] [URL=lien]Texte[/URL] [LIST] [*][COLOR=#000000]Test[/COLOR] [/LIST] [/CODE][/COLOR] [CENTER][COLOR=#000000]Ce qui donne exactement ceci :[/COLOR][/CENTER] [COLOR=#000000][FONT=Open Sans Condensed]Texte[/FONT] [COLOR=rgb(0, 0, 0)][COLOR=#006d80]Text[/COLOR][/COLOR][/COLOR] [COLOR=#000000][COLOR=#000000][IMG]https://reality-gaming.fr/styles/realitygaming/logo.svg[/IMG] [URL='http://lien']Texte[/URL][/COLOR] [/COLOR] [LIST] [*][COLOR=#000000]Test[/COLOR] [/LIST] [CENTER][COLOR=#000000]Et bien, les FontAwesome utilisent aussi des balises, et cette balise est :[/COLOR][/CENTER] [CODE][FA]FontAwesome[/FA][/CODE] [CENTER][COLOR=#000000] C'est grâce à cette balise qu'en BBCODE les FontAwesome sont utilisés, évidemment, à la place de FontAwesome, entre la balise du FA, vous devez mettre l'ID de l'icône que vous souhaitez utiliser, pour le tutoriel, je vais utiliser ceci : fa-cog. [/COLOR][/CENTER] [INDENT][B][COLOR=#808080]Exemple :[/COLOR][/B][/INDENT] [COLOR=#000000][CODE][FA]fa-cog[/FA][/CODE][/COLOR] [INDENT][COLOR=#000000][FA]fa-cog[/FA] [/COLOR][/INDENT] [CENTER]Donc, vous voyez que c'est très loin d'être difficile ! :)[/CENTER] [I][fa]fa-exclamation-circle[/fa] : Pour une liste [U]complète[/U] des icônes FontAwesome, rendez vous [URL='https://fortawesome.github.io/Font-Awesome/icons/'][B]ici[/B][/URL].[/I] [CENTER][COLOR=#000000]Pour trouver l'ID de l'icône que vous souhaitez utiliser, il suffit de se rendre sur celui qui vous désirez, et de prendre ce qui se trouve en dessous des différentes tailles de votre icône : [IMG]http://i.imgur.com/skm25yu.png[/IMG] C'est [/COLOR][I][COLOR=rgb(0, 0, 0)][SIZE=2](par exemple)[/SIZE][/COLOR][/I] [B][COLOR=#808080]fa-exclamation-circle[/COLOR][/B][COLOR=#000000] que vous devez mettre dans la balise [FA[/COLOR][COLOR=#ffffff].[/COLOR][COLOR=#000000]] ! [IMG]https://reality-gaming.fr/proxy.php?image=http%3A%2F%2Fi.imgur.com%2FSPD1zCH.png&hash=34de247310af6594f22cb5c04dfb3e55[/IMG] [/COLOR] [SIZE=5][COLOR=#000000]III. Les personnalisations[/COLOR][/SIZE] [COLOR=#000000] Oui ! Il vous est possible de personnaliser vos icônes avec un simple ajout, peu difficile à mémoriser... Je vous montre tout ça : [/COLOR][/CENTER] [INDENT][B][COLOR=#808080]Taille :[/COLOR][/B] [/INDENT] [COLOR=rgb(0, 0, 0)][FA]fa-cog fa-lf[/FA] [FA]fa-cog fa-2x[/FA] [FA]fa-cog fa-3x[/FA] [FA]fa-cog fa-4x[/FA] [FA]fa-cog fa-5x[/FA][/COLOR] [CODE][FA]fa-cog fa-lf[/FA] [FA]fa-cog fa-2x[/FA] [FA]fa-cog fa-3x[/FA] [FA]fa-cog fa-4x[/FA] [FA]fa-cog fa-5x[/FA][/CODE] [CENTER]Avez vous vus ? J'ai simplement ajouté [B][COLOR=#808080]fa-*x[/COLOR][/B] pour modifier la taille de l'icône, sur une échelle de 1 à 5[B]x[/B][SIZE=3][I] (et pas [B]px[/B])[/I][/SIZE][SIZE=4].[/SIZE] [/CENTER] [INDENT][SIZE=4][COLOR=#808080][B]Border :[/B][/COLOR] [/SIZE][/INDENT] [CENTER][SIZE=4]Vous avez vus l'icône que j'ai mis en place au début de mon topic ? Et bien il sagit d'une icone utilisant un bord ![/SIZE][/CENTER] [SIZE=4] [FA]fa-cog fa-5x fa-border[/FA] [CODE][FA]fa-cog fa-5x fa-border[/FA][/CODE] [/SIZE] [CENTER][SIZE=4]Toujours aussi simple. :D[/SIZE][/CENTER] [INDENT][SIZE=4] [B][COLOR=#808080]Rotations :[/COLOR][/B] [/SIZE][/INDENT] [CENTER][SIZE=4]Vous pouvez aussi faire tourner vos icônes, il y'a deux façons : la rotation fluide et la rotation pulsive. Ce n'est pas vraiment difficile non plus, il y'a juste un petit code à ajouter derrière votre ID : [/SIZE][/CENTER] [SIZE=4][FA]fa-cog fa-5x fa-spin[/FA] [FA]fa-cog fa-5x fa-pulse[/FA] [CODE][FA]fa-cog fa-5x fa-spin[/FA] [FA]fa-cog fa-5x fa-pulse[/FA][/CODE] [/SIZE] [CENTER][SIZE=4][B][COLOR=#808080]fa-spin[/COLOR][/B] sers à faire une [U]rotation fluide[/U] et [B][COLOR=#808080]fa-pulse[/COLOR][/B] sert à faire une [U]rotation pulsive[/U] ![/SIZE][/CENTER] [INDENT][SIZE=4][B][COLOR=#808080]Inclinaison :[/COLOR][/B] [/SIZE][/INDENT] [CENTER][SIZE=4]Vous pouvez incliner votre icône, de toute les manières, verticale, horizontal, 90°, 180°, 270° ! [/SIZE][/CENTER] [SIZE=4][FA]fa-shield[/FA] [FA]fa-shield fa-rotate-90[/FA] [FA]fa-shield fa-rotate-180[/FA] [FA]fa-shield fa-rotate-270[/FA] [FA]fa-shield fa-flip-vertical[/FA] [FA]fa-shield fa-flip-horizontal[/FA] [CODE][FA]fa-shield[/FA] [FA]fa-shield fa-rotate-90[/FA] [FA]fa-shield fa-rotate-180[/FA] [FA]fa-shield fa-rotate-270[/FA] [FA]fa-shield fa-flip-vertical[/FA] [FA]fa-shield fa-flip-horizontal[/FA][/CODE] [/SIZE] [CENTER][SIZE=4]Il faut suffit d'utiliser [B][COLOR=#808080]fa-rotate-*[/COLOR][/B] pour incliner votre icone, et [B][COLOR=#808080]fa-flip-vertical[/COLOR][/B] pour retourner votre icone. [/SIZE][/CENTER] [SIZE=4][I][COLOR=#ff0000][B][fa]fa-exclamation-circle[/fa] Astuce: vous pouvez combiner toutes les personnalisations ![/B][/COLOR][/I][/SIZE] [INDENT][CENTER][SIZE=4] MISE A JOUR 23/07/2016 Une icône intégrer dans la barre de rédaction permet d'avoir la liste de tous les FontAwesome disponible sur le site. Il est symbolisé par un drapeau ! [color=#032A46][fa]fa-flag fa-border[/fa][/color] Si vous cliquez dessus, une liste s'ouvrira, vous pourrez ainsi choisir celui que vous voulez intégrer à votre topic ! :) [IMG]https://reality-gaming.fr/proxy.php?image=http%3A%2F%2Fi.imgur.com%2FSPD1zCH.png&hash=34de247310af6594f22cb5c04dfb3e55[/IMG] C'est tout pour ce tutoriel, si vous avez des questions, posez les j'y répondrais ! :) [/SIZE] [SIZE=2][COLOR=#ff8000][B]© GoodTopicPremium - Loucasse GTP[/B][/COLOR][/SIZE][/CENTER][/INDENT] [/QUOTE]
Insérer les citations…
Vérification
Publier la réponse
Forums
Forums généraux
Discussions générales
Utilisation des FontAwesome sur RealityGaming
Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
Acceptez
En savoir plus.…
Haut