mettre une image en fond d'une chatbox lattérale

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

Résolu mettre une image en fond d'une chatbox lattérale

Message par Kami meijin le Lun 7 Juin 2010 - 19:52

Bonsoir.
J'ai installé une chatbox lattéral. Le code marche impec, les couleurs sont biens mais j'aimerais poser une image avec des contours transparant par dessus. Si ce n'est pas possible, comment mettre tout simplement une image à la place des couleurs de fond.

voila le code que j'ai rentré:

Code:

<!--Affichage de la chatbox sur le coté        -->
<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;">
<tr>
<td>
<iframe src="/chatbox/chatbox.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://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png"
onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.src=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png':'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png';"/></td></tr></table>

Merci d'avance.


Dernière édition par Kami meijin le Sam 12 Juin 2010 - 20:35, édité 1 fois

Kami meijin
Nouveau membre

Masculin
Messages : 7
Inscrit(e) le : 07/06/2010

http://soulsociety-nosekai.forum-actif.net
Kami meijin a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre une image en fond d'une chatbox lattérale

Message par Kami meijin le Mer 9 Juin 2010 - 8:05

up

Kami meijin
Nouveau membre

Masculin
Messages : 7
Inscrit(e) le : 07/06/2010

http://soulsociety-nosekai.forum-actif.net
Kami meijin a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre une image en fond d'une chatbox lattérale

Message par Kami meijin le Jeu 10 Juin 2010 - 15:45

up

Kami meijin
Nouveau membre

Masculin
Messages : 7
Inscrit(e) le : 07/06/2010

http://soulsociety-nosekai.forum-actif.net
Kami meijin a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre une image en fond d'une chatbox lattérale

Message par Kiirii le Jeu 10 Juin 2010 - 18:08

Bonjour,

Je n'ai pas compris cette phrase:
@Kami meijin a écrit:mais j'aimerais poser une image avec des contours transparant par dessus.
Tu aimerais poser une image où exactement?

@Kami meijin a écrit:Si ce n'est pas possible, comment mettre tout simplement une image à la place des couleurs de fond.
Par défaut les messages postés par la chat box ont déjà un fond. [voir ce screen]
Tu peux enlever le fond des messages mais il faut faire attention avec ça... Si ton image est trop voyante les messages des membres seront à peine visibles. Il vaut mieux, dans ce cas, utiliser une image avec une faible opacité.
Donc qu'est-ce que tu voudrais? Où doit se placer l'image dans la chatbox?

Kiirii
****

Féminin
Messages : 293
Inscrit(e) le : 13/12/2009

http://forum.forumactif.com/
Kiirii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre une image en fond d'une chatbox lattérale

Message par Kami meijin le Jeu 10 Juin 2010 - 21:45

En fait, je veux mettre une image, où on ne voie que un personnage.
En gros, je veux juste mettre le personnage par dessus la couleur de fond.

Je cherche donc comment placer l'url de l'image dans le code pour avoir cet effet.

J'espere que je me suis bien exprimer. Confused

Kami meijin
Nouveau membre

Masculin
Messages : 7
Inscrit(e) le : 07/06/2010

http://soulsociety-nosekai.forum-actif.net
Kami meijin a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre une image en fond d'une chatbox lattérale

Message par Kiirii le Jeu 10 Juin 2010 - 22:47

Oui tu t'es bien exprimé. Seulement tu ne précises pas OÙ placer exactement. Par que la chat box se divise en plusieurs cadres, ensuite le fond des messages passes par dessus le fond de la chat box.
Dans cet exemple j'ai mis mon personnage dans le fond de la chatbox. Donc le fond va dans la partie des utilisateurs en ligne et comme tu peux le voir le fond des messages de la chatbox passent par dessus le fond de la chatbox.
C'est ce que tu veux?

Kiirii
****

Féminin
Messages : 293
Inscrit(e) le : 13/12/2009

http://forum.forumactif.com/
Kiirii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre une image en fond d'une chatbox lattérale

Message par Kami meijin le Ven 11 Juin 2010 - 8:12

Oui voila, c'est tout à fait ça.
Je veux faire exactement comme dans l'exemple.

Kami meijin
Nouveau membre

Masculin
Messages : 7
Inscrit(e) le : 07/06/2010

http://soulsociety-nosekai.forum-actif.net
Kami meijin a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre une image en fond d'une chatbox lattérale

Message par Kiirii le Ven 11 Juin 2010 - 9:46

Bonjour,

Dans ce cas, il faut aller voir du côté du CSS:
PA > Affichage > Images et Couleurs > Couleurs > Feuille de style CSS

Ensuite il faut mettre cette ligne:
Code:
body.chatbox {
   background: url("urldetontimage") no-repeat fixed;
}

Kiirii
****

Féminin
Messages : 293
Inscrit(e) le : 13/12/2009

http://forum.forumactif.com/
Kiirii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre une image en fond d'une chatbox lattérale

Message par Kami meijin le Ven 11 Juin 2010 - 10:58

ça marche impec! Very Happy

merci!!

Kami meijin
Nouveau membre

Masculin
Messages : 7
Inscrit(e) le : 07/06/2010

http://soulsociety-nosekai.forum-actif.net
Kami meijin a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre une image en fond d'une chatbox lattérale

Message par AlanBike le Sam 12 Juin 2010 - 0:04

Bonjour,

Lorsqu'un sujet est résolu:
- Cliquez sur le bouton de votre premier message du sujet,
- Cochez en dessous de la zone de message

- Enfin validez avec le bouton .


Pour remercier ceux qui vous ont aidés vous pouvez cliquer sur merci

A bientôt sur
ForumActif Smile

AlanBike
+ Hyperactif +

Masculin
Messages : 11038
Inscrit(e) le : 29/09/2009

http://artus.forumactif.com/
AlanBike 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