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 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
Informatique
Développement
[Xenforo] Comment ajouter la petite étoile devant le grade et le pseudo
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="Kévin 🚀" data-source="post: 4199971" data-attributes="member: 210410"><p>Salut à tous,</p><p></p><p>Je vous partage ce soir la solution pour ajouter la petite étoile devant le grade et le pseudo de vos membres sur votre forum <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite355" alt=":)" title=":) :)" loading="lazy" data-shortname=":)" /></p><p></p><p>Voici un exemple</p><p>[ATTACH=full]36398[/ATTACH]</p><p></p><p>Pour ajouté ceci il suffit de vous rendre dans votre AdminCP puis aller dans Utilisateur puis Groupes d'utilisateurs sélectionner le groupe ou vous lui attribuer une étoile. Pour moi ce sera ancien Staff <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite351" alt=";)" title="Clin d'oeil ;)" loading="lazy" data-shortname=";)" /></p><p>Donc il faut regarder l'URL pour pouvoir avoir l'id du groupe</p><p></p><p>[ATTACH=full]36401[/ATTACH]</p><p></p><p>Maintenant que nous avons l'id du groupe nous pouvons aller dans les templates de votre style xenforo puis allons dans la template "username_styles.css"</p><p></p><p>L'id servi à déterminer le style du groupe exemple style12, style11 etc ...</p><p></p><p>À la fin de la template vous ajoutez ceci</p><p>[CODE].username .style12:before {</p><p>font-family: "FontAwesome";</p><p>content: "\f005";</p><p>color: #FC7F3C;</p><p>padding-right: 4px;</p><p>display: inline-block;</p><p>}</p><p></p><p>.username .style12:hover:before{</p><p>display:inline-block;</p><p>-webkit-transform:rotate(360deg);</p><p>-moz-transform:rotate(360deg);</p><p>-o-transform:rotate(360deg);</p><p>-ms-transform:rotate(360deg);</p><p>transform:rotate(360deg);</p><p>-webkit-transform:rotate(360deg);</p><p>-moz-transform:rotate(360deg);</p><p>-ms-transform:rotate(360deg);</p><p>-o-transform:rotate(360deg);</p><p>transition:all 0.35s;</p><p>-webkit-transition:all 0.35s;</p><p>-moz-transition:all 0.35s;</p><p>-ms-transition:all 0.35s;</p><p>-o-transition:all 0.35s</p><p>}[/CODE]</p><p></p><p>N'oubliez pas d'ajouter font-awesome</p><p>Pour cela allez dans <strong>PAGE_CONTAINER</strong></p><p>Ajouter en bas de celle ci</p><p>[CODE]<link rel="stylesheet" href="http://NDDdevotreforum/styles/VOTREstyle/font/font-awesome.min.css">[/CODE]</p><p>Voici le fichier CSS => <a href="https://mega.co.nz/#!uUlW2YoY!MXIKizQtcsxkIrTQKpS8KbxqbefZRnbYqmP9reEX9tA" target="_blank">https://mega.co.nz/#!uUlW2YoY!MXIKizQtcsxkIrTQKpS8KbxqbefZRnbYqmP9reEX9tA</a></p><p>Virus scan => <a href="https://www.virustotal.com/fr/file/0fb1bbca73646e8e2b93c82e8d8b219647b13d4b440c48e338290b9a685b8de1/analysis/1413310501/" target="_blank">https://www.virustotal.com/fr/file/0fb1bbca73646e8e2b93c82e8d8b219647b13d4b440c48e338290b9a685b8de1/analysis/1413310501/</a></p><p></p><p>Lien des fichiers fonts => <a href="http://fortawesome.github.io/Font-Awesome/assets/font-awesome-4.4.0.zip" target="_blank">http://fortawesome.github.io/Font-Awesome/assets/font-awesome-4.4.0.zip</a></p><p></p><p>Vous sauvegardez.</p><p>Et admirer le résultat</p></blockquote><p></p>
[QUOTE="Kévin 🚀, post: 4199971, member: 210410"] Salut à tous, Je vous partage ce soir la solution pour ajouter la petite étoile devant le grade et le pseudo de vos membres sur votre forum :) Voici un exemple [ATTACH=full]36398[/ATTACH] Pour ajouté ceci il suffit de vous rendre dans votre AdminCP puis aller dans Utilisateur puis Groupes d'utilisateurs sélectionner le groupe ou vous lui attribuer une étoile. Pour moi ce sera ancien Staff ;) Donc il faut regarder l'URL pour pouvoir avoir l'id du groupe [ATTACH=full]36401[/ATTACH] Maintenant que nous avons l'id du groupe nous pouvons aller dans les templates de votre style xenforo puis allons dans la template "username_styles.css" L'id servi à déterminer le style du groupe exemple style12, style11 etc ... À la fin de la template vous ajoutez ceci [CODE].username .style12:before { font-family: "FontAwesome"; content: "\f005"; color: #FC7F3C; padding-right: 4px; display: inline-block; } .username .style12:hover:before{ display:inline-block; -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); transition:all 0.35s; -webkit-transition:all 0.35s; -moz-transition:all 0.35s; -ms-transition:all 0.35s; -o-transition:all 0.35s }[/CODE] N'oubliez pas d'ajouter font-awesome Pour cela allez dans [B]PAGE_CONTAINER[/B] Ajouter en bas de celle ci [CODE]<link rel="stylesheet" href="http://NDDdevotreforum/styles/VOTREstyle/font/font-awesome.min.css">[/CODE] Voici le fichier CSS => [URL]https://mega.co.nz/#!uUlW2YoY!MXIKizQtcsxkIrTQKpS8KbxqbefZRnbYqmP9reEX9tA[/URL] Virus scan => [URL]https://www.virustotal.com/fr/file/0fb1bbca73646e8e2b93c82e8d8b219647b13d4b440c48e338290b9a685b8de1/analysis/1413310501/[/URL] Lien des fichiers fonts => [URL]http://fortawesome.github.io/Font-Awesome/assets/font-awesome-4.4.0.zip[/URL] Vous sauvegardez. Et admirer le résultat [/QUOTE]
Insérer les citations…
Vérification
Publier la réponse
Forums
Forums généraux
Informatique
Développement
[Xenforo] Comment ajouter la petite étoile devant le grade et le pseudo
Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
Acceptez
En savoir plus.…
Haut