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

3 participants

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 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

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 Mer 9 Juin 2010 - 8:05

up
Kami meijin

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 Jeu 10 Juin 2010 - 15:45

up
Kami meijin

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 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

Kiirii
****

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

https://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 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

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 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

Kiirii
****

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

https://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 Ven 11 Juin 2010 - 8:12

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

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 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

Kiirii
****

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

https://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 Ven 11 Juin 2010 - 10:58

ça marche impec! Very Happy

merci!!
Kami meijin

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 Sam 12 Juin 2010 - 0:04

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

Lorsqu'un sujet est résolu:
- Cliquez sur le bouton mettre une image en fond d'une chatbox lattérale Editer15 de votre premier message du sujet,
- Cochez mettre une image en fond d'une chatbox lattérale Resolu2 en dessous de la zone de message
mettre une image en fond d'une chatbox lattérale 15-11-15
- Enfin validez avec le bouton mettre une image en fond d'une chatbox lattérale Envoi10.


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

A bientôt sur
ForumActif Smile
AlanBike

AlanBike
Membre actif

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

https://artus.motards.net/
AlanBike 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