Image de fond de chatbox

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

Résolu Image de fond de chatbox

Message par Oz-Chan le Mar 8 Mai 2012 - 19:12

Bonsoir,
je viens vous demander une petite aide concernant ma chatbox. J'aimerais avoir la possiblité d'y mettre un fond pour qu'elle soit moins écrasante mais je ne trouve pas comment faire...
Voici le code dont je dispose. :
Code:
<table style="position: fixed; bottom: 50px; left: 0px;z-index:10000;"><tr><td><iframe src="    /chatbox/index.forum?page=front;" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://img811.imageshack.us/img811/1567/chatboxopenb.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://img811.imageshack.us/img811/1567/chatboxopenb.png')?'block':'none';this.src=(this.src=='http://img811.imageshack.us/img811/1567/chatboxopenb.png')?'http://img444.imageshack.us/img444/1227/chatboxclose.png':'http://img811.imageshack.us/img811/1567/chatboxopenb.png';"/></td></tr></table>
Et l'image de fond que j'aimerai installée : http://img534.imageshack.us/img534/6720/kyukyu.png
Je vous remercie d'avance pour votre aide ! Et je vous souhaite une bonne soirée. =D


Dernière édition par Oz-Chan le Sam 19 Mai 2012 - 0:44, édité 1 fois

Oz-Chan
****

Messages : 252
Inscrit(e) le : 01/01/2010

http://pandora-hearts-abyss.forumactif.com/index.htm
Oz-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond de chatbox

Message par utybo le Mar 8 Mai 2012 - 19:15

Il faut avoir une image de background aussi grande que la chatbox! Sinon on verrat une image toute seule!

utybo
**

Masculin
Messages : 59
Inscrit(e) le : 01/05/2012

http://smileyx.forumactif.fr
utybo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond de chatbox

Message par Oz-Chan le Mar 8 Mai 2012 - 19:18

Bonsoir,
Merci de votre aide ! Ce n'est pas possible d'avoir une répétition?
Sinonm voici la même taille. http://img560.imageshack.us/img560/377/tailley.png

Oz-Chan
****

Messages : 252
Inscrit(e) le : 01/01/2010

http://pandora-hearts-abyss.forumactif.com/index.htm
Oz-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond de chatbox

Message par utybo le Mer 9 Mai 2012 - 14:25

Je ne pense pas sur mon forum test l'image n'est apparu qu'une seul fois...

utybo
**

Masculin
Messages : 59
Inscrit(e) le : 01/05/2012

http://smileyx.forumactif.fr
utybo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond de chatbox

Message par Oz-Chan le Mer 9 Mai 2012 - 16:58

Alors j'ai donné l'image en entier à la fin. ^^ Ce n'est pas grave tant qu'elle remplis tout =)

Oz-Chan
****

Messages : 252
Inscrit(e) le : 01/01/2010

http://pandora-hearts-abyss.forumactif.com/index.htm
Oz-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond de chatbox

Message par Oz-Chan le Jeu 10 Mai 2012 - 19:33

UP

Oz-Chan
****

Messages : 252
Inscrit(e) le : 01/01/2010

http://pandora-hearts-abyss.forumactif.com/index.htm
Oz-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond de chatbox

Message par tupac le Jeu 10 Mai 2012 - 20:01

Bonsoir

Placer le code suivant dans votre feuille de style CSS.

Code:
body.chatbox {
  background: url(' votre image ici ');
}

tupac
+ Hyperactif +

Masculin
Messages : 2334
Inscrit(e) le : 13/10/2010

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

Résolu Re: Image de fond de chatbox

Message par Oz-Chan le Jeu 10 Mai 2012 - 20:09

Bonsoir,
Merci de votre aide !
J'ai bien essayé de mettre votre code dans le CSS mais il ne marche pas... Voici mon CSS concernant ma chat box

Code:
/* --- CHATBOX --- */

#chatbox_header .cattitle strong {
      display: none;
}

#chatbox_header .cattitle::before {
      content: "Pandora's Box";
}

# body.chatbox {
    background-repeat: no-repeat;
  background-image: url(http://img560.imageshack.us/img560/377/tailley.png);
    background-position: right bottom;
    display: block;
}

#chatbox_members ul li, {
    background-repeat: no-repeat;
    background-position: right bottom;
    background-color: #3c2f30;
    display: block;
}

.chatbox_row_1,.chatbox_row_2 {
    background-color:transparent;
    padding:4px;
}
Encore merci de votre précieuse aide !

Oz-Chan
****

Messages : 252
Inscrit(e) le : 01/01/2010

http://pandora-hearts-abyss.forumactif.com/index.htm
Oz-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond de chatbox

Message par tupac le Jeu 10 Mai 2012 - 22:18

Vous avez modifié le code que je vous est donné,vous avez rajouté un signe devant BODY , supprimez-le.


tupac
+ Hyperactif +

Masculin
Messages : 2334
Inscrit(e) le : 13/10/2010

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

Résolu Re: Image de fond de chatbox

Message par Oz-Chan le Jeu 10 Mai 2012 - 22:22

J'ai supprimé le # devant body et ça donne ça :

Code:
body.chatbox {
    background-repeat: no-repeat;
  background: url(http://img560.imageshack.us/img560/377/tailley.png);
    background-position: right bottom;
    display: block;
}
Mais ça ne marche toujours pas.. ><

Oz-Chan
****

Messages : 252
Inscrit(e) le : 01/01/2010

http://pandora-hearts-abyss.forumactif.com/index.htm
Oz-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond de chatbox

Message par tupac le Jeu 10 Mai 2012 - 22:29

Quel est la version de votre forum svp ?

tupac
+ Hyperactif +

Masculin
Messages : 2334
Inscrit(e) le : 13/10/2010

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

Résolu Re: Image de fond de chatbox

Message par Automne le Jeu 17 Mai 2012 - 12:36

Bonjour,

Où en-est votre problème ?

Deux solutions :

  • Votre problème est résolu, dans ce cas pensez à nous le signaler en cochant l'icône résolu en éditant votre premier message,
  • Votre problème est toujours d'actualité, et dans ce cas pensez à faire des UP régulièrement, afin de ne pas voir votre sujet délesté,


A bientôt sur ForumActif Smile

Automne
+ Hyperactif +

Messages : 8423
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond de chatbox

Message par tupac le Jeu 17 Mai 2012 - 12:56

Bjr

L'image s'affiche très bien chez moi.
Le background-repeat: no-repeat; et background-position: right bottom; ne sert à rien puisque votre image est de la même taille que la chatbox.

Code:
body.chatbox {
    background: url(http://img560.imageshack.us/img560/377/tailley.png);
}

tupac
+ Hyperactif +

Masculin
Messages : 2334
Inscrit(e) le : 13/10/2010

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

Résolu Re: Image de fond de chatbox

Message par Oz-Chan le Sam 19 Mai 2012 - 0:43

Bonsoir,
Cette fois-ci c'est bon ! Merci beaucoup. =D
résolu !

Oz-Chan
****

Messages : 252
Inscrit(e) le : 01/01/2010

http://pandora-hearts-abyss.forumactif.com/index.htm
Oz-Chan 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