Image ChatBox

3 participants

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

Résolu Image ChatBox

Message par Amélie-Manga Mer 31 Juil 2013 - 19:36

Bonsoir, comment faire pour mettre cet image 
spoiler:
 juste à gauche dans la ChatBox ? Enfin.... juste là où il y a marqué les personnes connectées à la ChatBox 
Image ChatBox Cb_bmp10


Dernière édition par Amélie-Manga le Jeu 1 Aoû 2013 - 18:01, édité 2 fois
Amélie-Manga

Amélie-Manga
*****

Féminin
Messages : 549
Inscrit(e) le : 23/09/2012

http://bleach.lebonforum.com
Amélie-Manga a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Image ChatBox

Message par _backdraft_ Jeu 1 Aoû 2013 - 14:29

Bonjour

Dans votre CSS rentrez le code suivant en changeant le lien biensur :

Code:
#chatbox_members {
background-image: url("lien de l'image");
}

Cordialement
Backdraft
_backdraft_

_backdraft_
Membre habitué

Masculin
Messages : 1509
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image ChatBox

Message par Amélie-Manga Jeu 1 Aoû 2013 - 14:44

Merci ! Mais serait-il possible que le "En ligne" ne cache pas l'image en haut ?
https://servimg.com/view/18237703/365
Amélie-Manga

Amélie-Manga
*****

Féminin
Messages : 549
Inscrit(e) le : 23/09/2012

http://bleach.lebonforum.com
Amélie-Manga a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image ChatBox

Message par Kallindra Jeu 1 Aoû 2013 - 14:46

Je me permet de remercier, je viens d'utiliser ce code et il fonctionne à merveille Very Happy 
Kallindra

Kallindra
Membre habitué

Féminin
Messages : 1548
Inscrit(e) le : 04/03/2013

https://libr-fantasymania.lebonforum.com/
Kallindra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image ChatBox

Message par _backdraft_ Jeu 1 Aoû 2013 - 14:52

Amélie-Manga a écrit:Merci ! Mais serait-il possible que le "En ligne" ne cache pas l'image en haut ?
https://servimg.com/view/18237703/365

J'ai du mal à voir d'ou vient le problème vu que je n'ai pas accès à votre chatbox, mais je suppose que c'est vous qui avez du ajouter un fond de couleur derrière le en ligne.

Je vous conseil donc de chercher dans votre CSS un code qui commence par :

Code:
.member-title.online

et de supprimé dans le code le "backrground-color".

Cordialement
Backdraft
_backdraft_

_backdraft_
Membre habitué

Masculin
Messages : 1509
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image ChatBox

Message par Amélie-Manga Jeu 1 Aoû 2013 - 15:10

Désolé je n'ai pas de code là.... Tout ce que j'ai dans les CSS, c'est ça ;
Code:
body.chatbox {
background-position:center;
background-image:url("");
background-repeat:no-repeat;}
 
.chatbox_row_1.clearfix, .chatbox_row_2.clearfix {
background: transparent;}
 
 .chatbox .msg span[style="color:green;"] strong {
visibility: hidden;
}
.chatbox .msg span[style="color:green;"] strong:before {
  content : "Un shinigami vient de rejoindre la conversation";
visibility: visible;
}

span#chatbox_option_co {
color: #EE7650;
font-size: 15px;
text-transform: uppercase;}

#chatbox_members {
background-image: url("http://i34.servimg.com/u/f34/18/23/77/03/811.jpg");
}
Amélie-Manga

Amélie-Manga
*****

Féminin
Messages : 549
Inscrit(e) le : 23/09/2012

http://bleach.lebonforum.com
Amélie-Manga a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image ChatBox

Message par _backdraft_ Jeu 1 Aoû 2013 - 17:03

Essayez de mettre ceci dans votre CSS :

Code:
.member-title.online {
background-color: transparent !important;
}

.member-title.away {
background-color: transparent !important;
}

Normalement il devrait retirer le fond de oouleur, le deuxième code fait la même choses mais pour le titre absent, à vous de voir si vous le voulez.

Cordialement
Backdraft
_backdraft_

_backdraft_
Membre habitué

Masculin
Messages : 1509
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image ChatBox

Message par Amélie-Manga Jeu 1 Aoû 2013 - 18:00

Merci pour les deux codes !!! Ça fonctionne parfaitement !
Amélie-Manga

Amélie-Manga
*****

Féminin
Messages : 549
Inscrit(e) le : 23/09/2012

http://bleach.lebonforum.com
Amélie-Manga a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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