Ajouter un badge / bannière personnalisé

XF 2.1 Ajouter un badge / bannière personnalisé

Add-on xenforo 2

Ressources et modules complémentaires pour XenForo 2

Styles xenforo 2

Styles / Thèmes et apparence pour xenforo 2

Templates xenforo 2

Codes pour modifier les templates sur xenforo 2

Section Premium

Add-on et Styles pour membre Premium
Ajouter un badge / bannière personnalisé

XF 2.1 Ajouter un badge / bannière personnalisé

Catégorie Catégorie Modifications Templates
Titre du sujet Titre du sujet Ajouter un badge \/ bannière personnalisé
Auteur de la discussion Auteur de la discussion laurent68
Date de début Date de début
Réponses Réponses 33
Affichages Affichages 2 191
Réaction Réaction 10
Dernier message par Dernier message par XenforoNoob90
Je teste, ensuite je donne mon avis !
 
Merci pour le tuto, j'ai besoin de quelques éclaircissements ;)
Publication fusionnée automatiquement :

@laurent68 j'aurai besoin de tes lumières concernant ton tuto.
J'ai donc appliqué ce que tu as proposé et en ajustant quelques paramètres ca fonctionne parfaitement.
Néanmoins, dans le tooltip banner (affichage de l'avatar, nom et bannière entre autres quand on survole l'avatar d'un membre), ma bannière est sous dimensionnée. Elle est presque invisible tant elle est petite.

J'apprends progressivement le CSS donc je n'ai pas encore les bons reflexes je pense.

J'essaye d'aller à tâtons en modifier des attributs pour vérifier si les modifications fonctionnent :

.memberTooltip-banners --> j'arrive à modifier le background

pour le userBanner je n'arrive pas à modifier sa taille

classe admins : classe créée pour la bannière admin (ce que tu proposes ds ton tuto)
.memberTooltip-banners .em.userBanner.admins
{
//test de pleins d'attributs sans succès
}

j'ai essayé pleins de choses mais je n'y arrive pas donc je dois faire une erreur. Avant de poster ce message j'ai effectué bcp de recherches mais sans succès.

Merci par avance pour ton aide
 
Dernière édition:
Hello @wizdream,

pourrais tu donner la version de ton XenForo et le nom du thème.
 
Je pense que cela doit être dans .memberTooltip-banners
ou
.memberTooltip .userBanner
Essais en ajoutant :

width: 100%;
height: 100%
Ou :
max-width: 100%;
height: auto;
 
Je pense que cela doit être dans .memberTooltip-banners
ou
.memberTooltip .userBanner
Essais en ajoutant :

width: 100%;
height: 100%
Ou :
max-width: 100%;
height: auto;
Un grand merci à toi alors ca fonctionne pour :
.memberTooltip .userBanner
et j'ai rajouté !important à la fin des attributs sinon ca ne forcait pas la modification ;)
 
Sujets similaires Les plus vues Voir plus
Retour
Haut Bas