ChatBox cadre Avatar

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu ChatBox cadre Avatar

Message par Artdrock le Sam 21 Fév 2015 - 12:36

Bonjour ,
Je voudrais supprimer le cadre autour de l'avatar mais le code de base contient

#chatbox .cb-avatar
   border: 1px solid #d5d5d5 !important;

Donc impossible de changer la taille ou la couleur du cadre

Question


Dernière édition par Artdrock le Sam 21 Fév 2015 - 16:24, édité 1 fois
avatar

Artdrock
****

Messages : 274
Inscrit(e) le : 13/09/2011

http://quentoch-team.forum.st/forum
Artdrock a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ChatBox cadre Avatar

Message par kiarie le Sam 21 Fév 2015 - 12:43

tu as essayé de faire

#chatbox .cb-avatar
border: 0px solid #d5d5d5 !important;

voir de virer le important?
avatar

kiarie
****

Féminin
Messages : 281
Inscrit(e) le : 16/07/2004

http://www.life-in-ny.com
kiarie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ChatBox cadre Avatar

Message par Artdrock le Sam 21 Fév 2015 - 12:44

Oui j'ai essayé ,
Mais comme le !important est dans le code de base , je pense qu'il est prioritaire

avatar

Artdrock
****

Messages : 274
Inscrit(e) le : 13/09/2011

http://quentoch-team.forum.st/forum
Artdrock a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ChatBox cadre Avatar

Message par kiarie le Sam 21 Fév 2015 - 12:47

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.
avatar

kiarie
****

Féminin
Messages : 281
Inscrit(e) le : 16/07/2004

http://www.life-in-ny.com
kiarie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ChatBox cadre Avatar

Message par Neptunia le Sam 21 Fév 2015 - 12:49

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 :
Code:
#chatbox .cb-avatar {
border: 0px solid !important;
}
avatar

Neptunia
Membre actif

Féminin
Messages : 12208
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ChatBox cadre Avatar

Message par Artdrock le Sam 21 Fév 2015 - 12:54

J'ai le délimiteur , Wink
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
avatar

Artdrock
****

Messages : 274
Inscrit(e) le : 13/09/2011

http://quentoch-team.forum.st/forum
Artdrock a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ChatBox cadre Avatar

Message par Self le Sam 21 Fév 2015 - 14:12

Bonjour,

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;
}
avatar

Self
Membre actif

Masculin
Messages : 3718
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ChatBox cadre Avatar

Message par Artdrock le Sam 21 Fév 2015 - 14:29

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
avatar

Artdrock
****

Messages : 274
Inscrit(e) le : 13/09/2011

http://quentoch-team.forum.st/forum
Artdrock a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ChatBox cadre Avatar

Message par Self le Sam 21 Fév 2015 - 15:08

Non, pas inutile si vous ajoutez une bordure de la même couleur que le fond du cadre Wink :
Code:
#chatbox .cb-avatar{ position: relative; }
#chatbox .cb-avatar > img{
   position: absolute;
   top: -1px; left: -1px;
   border: 2px solid #fff;
}
avatar

Self
Membre actif

Masculin
Messages : 3718
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ChatBox cadre Avatar

Message par Artdrock le Sam 21 Fév 2015 - 15:26

J'ai une image en fond
avatar

Artdrock
****

Messages : 274
Inscrit(e) le : 13/09/2011

http://quentoch-team.forum.st/forum
Artdrock a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ChatBox cadre Avatar

Message par Self le Sam 21 Fév 2015 - 16:04

Oops oui, j'avais une image sur fond transparent, c'est pour cela.
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;
}
avatar

Self
Membre actif

Masculin
Messages : 3718
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ChatBox cadre Avatar

Message par Artdrock le Sam 21 Fév 2015 - 16:23

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  Mad

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
avatar

Artdrock
****

Messages : 274
Inscrit(e) le : 13/09/2011

http://quentoch-team.forum.st/forum
Artdrock a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum