Avoir une image de fond, transparente sur ma chatbox

[gigi68]

Bonjour à tous ,

Je cherche depuis deux jours mais en vain ...
Je souhaiterais mettre une image de fond sur ma chatbox , mais je voudrais que celle ci soit transparente ... J'ai mis ce css ;

Code:

body.chatbox {
  background: url('http://i39.servimg.com/u/f39/17/96/95/60/chatbo11.jpg') no-repeat fixed;
}

-Mais je crois qu'il doit me manquer quelque chose ...

Voici ce que je souhaiterais avoir, tous pareil .. Mais avec une transparence réglable de l'image ..


Quelqu'un peut m'aider ... merci d'avance

[Invité]

Bonjour,

Ce n'est pas possible sans modifier la transparence de l'image via un logiciel de retouche ou modifier la transparence de toute la Chatbox, et je ne pense pas que c'est ce vous voulez faire.

Cordialement.

[gigi68]

Bonjour ,

Merci de votre réponse ...
Ce que j'aimerais vraiment c'est ce genre de code ; mais le soucis c'est qu'avec ce lui là , le bouton "envoyer" et les icone pour les smileys , le gras , italique .. Ex ..
ne sont plus visible .. Peut ont améliorer ce code ?

Code:

#chatbox_top, #chatbox_bottom {
          border-radius: 10px;
          overflow: hidden;
 #chatbox .chatbox_row_1,#chatbox .chatbox_row_2
    background-color: transparent;
}
   
 
              body.chatbox {
background-color: #transparent;
background-image: url("http://img509.imageshack.us/img509/6153/sanstitre1rk9.gif");
opacity:0.85;
}
      { background-position: bottom center;
        }

Je m'était peut-être mal exprimé dè le départ .. alors pardonnez moi . Merci

[Invité]

Je vous conseille tout d'abord de remplacer votre code par ceci :

Code:

        #chatbox_top, #chatbox_bottom {
                  border-radius: 10px;
                  overflow: hidden;
}

        #chatbox .chatbox_row_1, #chatbox .chatbox_row_2{
            background-color: transparent;
        }
         
       
                      body.chatbox {
        background-color: #transparent;
        background-image: url("http://img509.imageshack.us/img509/6153/sanstitre1rk9.gif");
        opacity:0.85;
        background-position: bottom center;
                }

Ensuite, pouvez-vous faire une capture de votre rendu et expliquer davantage ce que vous souhaiteriez obtenir ? Je n'ai pas bien compris personnellement.

[gigi68]

Bon voila j'ai essayé et sa ne marche pas
Je souhaiterai qu'il apparaisse comme sa !!!



Mais ce qui ne va pas c'est le menu là ou j'ai mis les flèches jaune ; ce menu disparaît après avoir écrit une foie dedans

[Invité]

La capture, c'est ce que vous avez actuellement ?

[gigi68]

Oui c'est ce que j'ai actuellement ...
Avec ce code là !!

Code:

#chatbox_top, #chatbox_bottom {
          border-radius: 10px;
          overflow: hidden;
 #chatbox .chatbox_row_1,#chatbox .chatbox_row_2
    background-color: transparent;
}
 
 
              body.chatbox {
background-color: #transparent;
background-image: url("http://img509.imageshack.us/img509/6153/sanstitre1rk9.gif");
opacity:0.85;
}
      { background-position: bottom center;
        }

  

[Invité]

Il faut déjà que vous remplaciez comme je vous l'ai dit, par ceci :

Code:

                #chatbox_top, #chatbox_bottom {
                          border-radius: 10px;
                          overflow: hidden;
        }
       
                #chatbox .chatbox_row_1, #chatbox .chatbox_row_2{
                    background-color: transparent;
                }
               
             
                              body.chatbox {
                background-color: #transparent;
                background-image: url("http://img509.imageshack.us/img509/6153/sanstitre1rk9.gif");
                opacity:0.85;
                background-position: bottom center;
                        }

J'ai testé le code et il n'y a aucun problème... Est-ce la seule modification opérée concernant la chatbox ?

Cordialement.

[gigi68]

Oui merci , je l'ai fait , mais sa ne marche pas !!
c'est pareil qu'avant !!! désoler

[Invité]

Est-ce la seule modification opérée concernant la chatbox ?

Votre code est incorrect, je vous ai donné une version corrigée, pas une version qui améliorerait son rendu.

[gigi68]

ah , ok alors je le met déjà en place ... Merci

[Invité]

Du coup, pour avancer, il me faudrait plus de précisions, et donc que vous répondiez à la question que je vous pose depuis trois fois...

Est-ce la seule modification opérée concernant la chatbox ?

[gigi68]

Oui j'ai d'autres code pour la chatbox ..

Mais en fait le code que vous m'avez donner là , ne me convient pas ...
il n'a pas la même fonction que le premier code que j'ai mis ... même si il est erroné ...
Que faire ...

[Invité]

Et ainsi ?

Code:

#chatbox .chatbox_row_1,#chatbox .chatbox_row_2{
    background-color: transparent;
}
 

             body.chatbox {
background-color: #transparent;
background-image: url("http://img509.imageshack.us/img509/6153/sanstitre1rk9.gif");
opacity:0.85;
}

Oh et il y a un problème ici :

Code:

            body.chatbox {
background-color: #transparent;

remplacez par

Code:

            body.chatbox {
background-color: transparent;

[gigi68]

Ok je viens de faire le changement
Non c'est pareil ... Tout le menu qui est en bas disparaît après avoir envoyer un message ...
Bon je laisse tombé ... Si sa ne marche pas !

[Invité]

Mais non, on va finir par trouver !
Pourtant chez moi tout marche bien. o.o

Pouvez-vous me transmettre le reste des modifications de la feuille de style liées à la chatbox ?

[gigi68]

Bon voila j'ai essayé et sa ne marche pas
Je souhaiterai qu'il apparaisse comme sa !!!



Mais ce qui ne va pas c'est le menu là ou j'ai mis les flèches jaune ; ce menu disparaît après avoir écrit une foie dedans

Non parce que ; en fait je voudrait que sa apparaisse comme ceci !!!

[Invité]

J'avoue ne plus comprendre grand chose... Je vous ai demandé si c'était une capture authentique et vous m'avez répondu que oui, et maintenant vous me dites que c'est ce que vous voudriez avoir ?...

[gigi68]

OUI ...

Je voudrais avoir Exactement ceci !!!!!!!!!
Mais mon soucis ; c'est que le menu qui permet d'écrire et envoyer les messages .. Ce menu disparaît après avoir envoyer premier message ... Et moi je voudrais qu'il reste en place comme il est là sur la capture ...

[Invité]

Et il n'est pas normal qu'il disparaisse...

Je pense que c'est certainement lié à vos autres modifications CSS.

[gigi68]

Pour mes autres css
J'ai mis ceci :

Code:

div#chatbox_members:after {content:"*********************";
color:#990099;
font-weight:bold;}

et ceci :

Code:

#chatbox_header .catBottom .cattitle {
        color:#990099;
        }
        #chatbox_header .cattitle strong { display: none; }
        #chatbox_header .cattitle:before { content: "CHATBOX"; }
        #chatbox_header .cattitle { background-image:url(); }
        #chatbox_header .cattitle strong { visibility: hidden; }

[gigi68]

J'ai mis ce code là en attendant ...
Il marche très bien, mais là je n'est pas la transparence ...

Code:

body.chatbox {
background: url('http://i39.servimg.com/u/f39/17/96/95/60/chatbo11.jpg') no-repeat fixed;
}

Le temps de trouvé une solution ... Merci quand même ..

[Invité]

Rien de contradictoire dans ce que vous m'avez donné.

Essayez peut-être :

Code:

body.chatbox {
background: url('http://i39.servimg.com/u/f39/17/96/95/60/chatbo11.jpg') no-repeat fixed;
opacity:0.85;
}

[gigi68]

Non désoler sa ne marche pas !!! Toujours pareil , le menu ne reste pas ... !  :no 



EDIT modération : Gras supprimé, réservé à la modération.

[Invité]

Dans ce cas, désolé mais je ne vois vraiment pas... Même avec une recherche, je ne peux reproduire votre problème.

Je laisse d'autres personnes plus informées vous répondre, cela vaut mieux.

Bonne soirée et en espérant que vous trouviez rapidement la solution

Cordialement.

[gigi68]

Ok Merci a vous .. Pour ce que vous avez fait ...    

[gigi68]

Je met un petit Up    Merci