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

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?

kiarie
****

Féminin
Messages : 269
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


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.

kiarie
****

Féminin
Messages : 269
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;
}

Neptunia
+ Hyperactif +

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

http://www.planet-series.com/
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

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

Self
+ Hyperactif +

Masculin
Messages : 3710
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

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

Self
+ Hyperactif +

Masculin
Messages : 3710
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

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

Self
+ Hyperactif +

Masculin
Messages : 3710
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

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