Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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 Dim 17 Mar 2013 - 18:43

Bonsoir, j'ai donc crée un forum, sur celui-ci, j'avais mis (je l'ai enlevé), une image au fond de la chatbox avec ces CSS et ça marchait :
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;
}

Ensuite j'ai crée un 2ème forum, j'ai mis les mêmes CSS (avec une image cette fois), mais le problème est : l'image est là, mais que à moitié et pas centré ?

Pour l'image, c'est blanc avec un grand point rouge (comme pour le drapeau japonais) mais on ne voit que la moitié du rond... regardez l'image :



Et moi je voudrai ceci :

Le CSS sur 2ème forum :
Code:
body.chatbox {
background-position:center;
background-image:url("http://i70.servimg.com/u/f70/18/17/61/49/chatbo10.jpg");
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 Geek vient de se connecter à la ChatBox";
visibility: visible;
}









Dernière édition par Amélie-Manga le Dim 17 Mar 2013 - 19:29, édité 1 fois
avatar

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 Matriochka le Dim 17 Mar 2013 - 19:04

Bonsoir,

Dans ton CSS, remplace background-position:center; par background-position:center middle; Wink

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Image ChatBox

Message par Amélie-Manga le Dim 17 Mar 2013 - 19:28

Super ça marche !! Merci Matriochka Very Happy
avatar

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