ChatBox cadre Avatar
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Re: ChatBox cadre Avatar
Oui j'ai essayé ,
Mais comme le !important est dans le code de base , je pense qu'il est prioritaire
Mais comme le !important est dans le code de base , je pense qu'il est prioritaire
Re: ChatBox cadre Avatar
Hum, même si le !Important est dans le code de base je pense que tu peux l'enlever s'il ne l'ai pas pour toi. après je ne suis pas experte... au pire teste et si ça bug remet le.
Re: ChatBox cadre Avatar
Bonjour ^^
Vous avez dans votre code des identifiants et des valeurs mais aucun délimiteur.
Sans délimiteur de bloc aucun code ne fonctionnera.
Essayez :
Vous avez dans votre code des identifiants et des valeurs mais aucun délimiteur.
Sans délimiteur de bloc aucun code ne fonctionnera.
Essayez :
- Code:
#chatbox .cb-avatar {
border: 0px solid !important;
}
Re: ChatBox cadre Avatar
J'ai le délimiteur ,
J'ai juste copié la ligne concernée
border: 1px solid #d5d5d5 !important;
J'ai beau mettre 0px ou 10px
Changer la couleur
Avec ou sans !important
Le cadre ne change pas
J'ai juste copié la ligne concernée
border: 1px solid #d5d5d5 !important;
J'ai beau mettre 0px ou 10px
Changer la couleur
Avec ou sans !important
Le cadre ne change pas
Re: ChatBox cadre Avatar
Bonjour,
Une solution possible serait plutôt d'appliquer les bords sur l'image :
Seulement plus les bords seront épais, plus il faudra diminuer les valeurs top et left, par exemple pour des bords de 6 pixels j'aligne l'image avec -5px de valeur pour top et left:
Une solution possible serait plutôt d'appliquer les bords sur l'image :
- Code:
#chatbox .cb-avatar{ position: relative; }
#chatbox .cb-avatar > img{
position: absolute;
top: 0; left: 0;
border: 2px solid #000;
}
Seulement plus les bords seront épais, plus il faudra diminuer les valeurs top et left, par exemple pour des bords de 6 pixels j'aligne l'image avec -5px de valeur pour top et left:
- Code:
#chatbox .cb-avatar{ position: relative; }
#chatbox .cb-avatar > img{
position: absolute;
top: -5px; left: -5px;
border: 6px solid #000;
}
Re: ChatBox cadre Avatar
En fait je voudrais l'avatar avec fond transparent et donc supprimer la bordure
Là le code ajoute une bordure à l'image donc inutile dans mon cas
Là le code ajoute une bordure à l'image donc inutile dans mon cas
Re: ChatBox cadre Avatar
Non, pas inutile si vous ajoutez une bordure de la même couleur que le fond du cadre :
- Code:
#chatbox .cb-avatar{ position: relative; }
#chatbox .cb-avatar > img{
position: absolute;
top: -1px; left: -1px;
border: 2px solid #fff;
}
Re: ChatBox cadre Avatar
J'ai une image en fond
Re: ChatBox cadre Avatar
Oops oui, j'avais une image sur fond transparent, c'est pour cela.
Essayez donc d'agrandir l'image, avec ce code :
Essayez donc d'agrandir l'image, avec ce code :
- Code:
#chatbox .cb-avatar{ position: relative; }
#chatbox .cb-avatar > img{
width: 34px !important; height: 34px !important;
position: absolute;
top: -1px; left: -1px;
}
Re: ChatBox cadre Avatar
Ahhh !
C'est bon , l'image cache la bordure
Mais bon , sans le !important sur le border : dans le code de base , il n'y aurait pas eu tout ce ramdam
Pour info voilà mon code
Résolu
C'est bon , l'image cache la bordure
Mais bon , sans le !important sur le border : dans le code de base , il n'y aurait pas eu tout ce ramdam
Pour info voilà mon code
- Code:
/* Taille des avatars */
#chatbox .cb-avatar{ position: relative; }
#chatbox .cb-avatar > img {
height: 50px !important;
width: 40px !important;
border-radius: 10px;
box-shadow: 2px 2px 2px;
position: absolute;
top: -2px; left: -2px;}
/* Calque des avatars */
#chatbox .cb-avatar {
border-radius: 40px ;
border: 0px !important;
float: left;
margin-right: 10px !important;
background: transparent !important;
box-shadow: transparent !important;
padding: 3px !important;
vertical-align: middle;
height: 40px !important;
width: 30px !important; }
/* Ligne de séparation */
#chatbox > p {
border-bottom: 0px solid #d5dde5 !important;}
Résolu
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum