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
Informatique
Développement
[XenForo] Ajouter une image une image de fond à vos catégories
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="Bloodyy" data-source="post: 6561398" data-attributes="member: 663104"><p style="text-align: center">Salut à tous <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite355" alt=":)" title=":) :)" loading="lazy" data-shortname=":)" /></p> <p style="text-align: center"></p> <p style="text-align: center">Aujourd'hui je vous explique comment mettre une image de fond sur vos catégories comme sur <img src="/images/smileys/smiley-rg.svg" class="smilie" loading="lazy" alt=":RG:" title="RG :RG:" data-shortname=":RG:" />:</p> <p style="text-align: center"><img src="http://zupimages.net/up/16/21/h00q.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /> </p> <p style="text-align: center"></p> <p style="text-align: center">Pour cela il vous suffit d'ajouter du code dans le <span style="color: #4da6ff">EXTRA.css</span>,</p> <p style="text-align: center"></p> <p style="text-align: center">Pour chaque catégories il va falloir changer l'id et l'image si vous en voulez des différentes à chaque fois</p> <p style="text-align: center"></p> <p style="text-align: center">[CODE].nodeList.sectionMain .node.category.level_1.node_1 .categoryText {</p> <p style="text-align: center">background-image: url('liendevotreimage');</p> <p style="text-align: center">background-repeat: no-repeat;</p> <p style="text-align: center">background-position: 100% -36px;</p> <p style="text-align: center">}</p> <p style="text-align: center">.nodeList.sectionMain .node.category.level_1 .categoryText {</p> <p style="text-align: center">height: 35px;</p> <p style="text-align: center">line-height: 35px;</p> <p style="text-align: center">margin-top: -5px !important;</p> <p style="text-align: center">margin-right: -10px !important;</p> <p style="text-align: center">margin-bottom: -5px !important;</p> <p style="text-align: center">-webkit-border-radius: 0 4px 4px 0;</p> <p style="text-align: center">-moz-border-radius: 0 4px 4px 0;</p> <p style="text-align: center">-khtml-border-radius: 0 4px 4px 0;</p> <p style="text-align: center">border-radius: 0 4px 4px 0;</p> <p style="text-align: center">}[/CODE]</p> <p style="text-align: center"></p> <p style="text-align: center">Donc si vous voulez qu'une autre catégorie ai une image ajoutez cette ligne de code tout en modifiant l'id de la catégorie visé:</p> <p style="text-align: center"></p> <p style="text-align: center">[CODE].nodeList.sectionMain .node.category.level_1.node_2 .categoryText {</p> <p style="text-align: center">background-image: url('liendevotreimage');</p> <p style="text-align: center">background-repeat: no-repeat;</p> <p style="text-align: center">background-position: 100% -36px;</p> <p style="text-align: center">}[/CODE]</p> <p style="text-align: center"></p> <p style="text-align: center">Ce sera tout <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite355" alt=":)" title=":) :)" loading="lazy" data-shortname=":)" /></p></blockquote><p></p>
[QUOTE="Bloodyy, post: 6561398, member: 663104"] [CENTER]Salut à tous :) Aujourd'hui je vous explique comment mettre une image de fond sur vos catégories comme sur :RG:: [IMG]http://zupimages.net/up/16/21/h00q.png[/IMG] Pour cela il vous suffit d'ajouter du code dans le [COLOR=#4da6ff]EXTRA.css[/COLOR], Pour chaque catégories il va falloir changer l'id et l'image si vous en voulez des différentes à chaque fois [CODE].nodeList.sectionMain .node.category.level_1.node_1 .categoryText { background-image: url('liendevotreimage'); background-repeat: no-repeat; background-position: 100% -36px; } .nodeList.sectionMain .node.category.level_1 .categoryText { height: 35px; line-height: 35px; margin-top: -5px !important; margin-right: -10px !important; margin-bottom: -5px !important; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -khtml-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; }[/CODE] Donc si vous voulez qu'une autre catégorie ai une image ajoutez cette ligne de code tout en modifiant l'id de la catégorie visé: [CODE].nodeList.sectionMain .node.category.level_1.node_2 .categoryText { background-image: url('liendevotreimage'); background-repeat: no-repeat; background-position: 100% -36px; }[/CODE] Ce sera tout :)[/CENTER] [/QUOTE]
Insérer les citations…
Vérification
Publier la réponse
Forums
Forums généraux
Informatique
Développement
[XenForo] Ajouter une image une image de fond à vos catégories
Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
Acceptez
En savoir plus.…
Haut