Image ChatBox

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

Résolu Image ChatBox

Message par Amélie-Manga le 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 


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

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_ le 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_
# Tropactif #

Masculin
Messages : 1505
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 le Jeu 1 Aoû 2013 - 14:44

Merci ! Mais serait-il possible que le "En ligne" ne cache pas l'image en haut ?
http://www.servimg.com/image_preview.php?i=365&u=18237703

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 le Jeu 1 Aoû 2013 - 14:46

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

Kallindra
# Tropactif #

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

http://darkdawnsymphony.forumgratuit.org/
Kallindra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image ChatBox

Message par _backdraft_ le 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 ?
http://www.servimg.com/image_preview.php?i=365&u=18237703

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_
# Tropactif #

Masculin
Messages : 1505
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 le 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
*****

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_ le 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_
# Tropactif #

Masculin
Messages : 1505
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 le Jeu 1 Aoû 2013 - 18:00

Merci pour les deux codes !!! Ça fonctionne parfaitement !

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


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