Image de fond de chatbox

3 participants

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

Résolu Image de fond de chatbox

Message par Oz-Chan 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 : https://2img.net/r/ihimizer/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

Oz-Chan
****

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

http://newfofo.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 Invité 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!
Anonymous

Invité
Invité


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

Résolu Re: Image de fond de chatbox

Message par Oz-Chan 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. https://2img.net/r/ihimizer/img560/377/tailley.png
Oz-Chan

Oz-Chan
****

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

http://newfofo.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 Invité Mer 9 Mai 2012 - 14:25

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

Invité
Invité


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

Résolu Re: Image de fond de chatbox

Message par Oz-Chan 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

Oz-Chan
****

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

http://newfofo.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 Jeu 10 Mai 2012 - 19:33

UP
Oz-Chan

Oz-Chan
****

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

http://newfofo.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 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

tupac
Membre actif

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

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond de chatbox

Message par Oz-Chan 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

Oz-Chan
****

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

http://newfofo.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 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

tupac
Membre actif

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

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond de chatbox

Message par Oz-Chan 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

Oz-Chan
****

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

http://newfofo.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 Jeu 10 Mai 2012 - 22:29

Quel est la version de votre forum svp ?
tupac

tupac
Membre actif

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

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond de chatbox

Message par Automne Jeu 17 Mai 2012 - 12:36

Image de fond de chatbox Ktip10Bonjour,

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

Automne
Membre actif

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

https://gilles570.motards.net/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond de chatbox

Message par tupac 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

tupac
Membre actif

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

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond de chatbox

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

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

Oz-Chan
****

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

http://newfofo.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

- Sujets similaires

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