Avoir une image de fond, transparente sur ma chatbox

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

Résolu Avoir une image de fond, transparente sur ma chatbox

Message par gigi68 le Sam 31 Mai 2014 - 13:47

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


Dernière édition par gigi68 le Mar 3 Juin 2014 - 12:29, édité 1 fois

gigi68
***

Masculin
Messages : 197
Inscrit(e) le : 31/05/2014

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

Résolu Re: Avoir une image de fond, transparente sur ma chatbox

Message par Kinotto le Sam 31 Mai 2014 - 14:54

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.

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Avoir une image de fond, transparente sur ma chatbox

Message par gigi68 le Sam 31 Mai 2014 - 15:04

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

gigi68
***

Masculin
Messages : 197
Inscrit(e) le : 31/05/2014

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

Résolu Re: Avoir une image de fond, transparente sur ma chatbox

Message par Kinotto le Sam 31 Mai 2014 - 15:08

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.

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Avoir une image de fond, transparente sur ma chatbox

Message par gigi68 le Sam 31 Mai 2014 - 15:22

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

gigi68
***

Masculin
Messages : 197
Inscrit(e) le : 31/05/2014

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

Résolu Re: Avoir une image de fond, transparente sur ma chatbox

Message par Kinotto le Sam 31 Mai 2014 - 16:02

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

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Avoir une image de fond, transparente sur ma chatbox

Message par gigi68 le Sam 31 Mai 2014 - 18:18

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;
        }
 salut 

gigi68
***

Masculin
Messages : 197
Inscrit(e) le : 31/05/2014

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

Résolu Re: Avoir une image de fond, transparente sur ma chatbox

Message par Kinotto le Sam 31 Mai 2014 - 19:02

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.

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Avoir une image de fond, transparente sur ma chatbox

Message par gigi68 le Sam 31 Mai 2014 - 19:11

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

gigi68
***

Masculin
Messages : 197
Inscrit(e) le : 31/05/2014

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

Résolu Re: Avoir une image de fond, transparente sur ma chatbox

Message par Kinotto le Sam 31 Mai 2014 - 19:14

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.

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Avoir une image de fond, transparente sur ma chatbox

Message par gigi68 le Sam 31 Mai 2014 - 19:19

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

gigi68
***

Masculin
Messages : 197
Inscrit(e) le : 31/05/2014

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

Résolu Re: Avoir une image de fond, transparente sur ma chatbox

Message par Kinotto le Sam 31 Mai 2014 - 19:21

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

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

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Avoir une image de fond, transparente sur ma chatbox

Message par gigi68 le Sam 31 Mai 2014 - 20:01

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

gigi68
***

Masculin
Messages : 197
Inscrit(e) le : 31/05/2014

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

Résolu Re: Avoir une image de fond, transparente sur ma chatbox

Message par Kinotto le Sam 31 Mai 2014 - 20:13

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;

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Avoir une image de fond, transparente sur ma chatbox

Message par gigi68 le Sam 31 Mai 2014 - 20:22

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 !

gigi68
***

Masculin
Messages : 197
Inscrit(e) le : 31/05/2014

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

Résolu Re: Avoir une image de fond, transparente sur ma chatbox

Message par Kinotto le Sam 31 Mai 2014 - 20:27

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 ?

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Avoir une image de fond, transparente sur ma chatbox

Message par gigi68 le Sam 31 Mai 2014 - 20:32

@gigi68 a écrit: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 !!!

gigi68
***

Masculin
Messages : 197
Inscrit(e) le : 31/05/2014

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

Résolu Re: Avoir une image de fond, transparente sur ma chatbox

Message par Kinotto le Sam 31 Mai 2014 - 20:35

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

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Avoir une image de fond, transparente sur ma chatbox

Message par gigi68 le Sam 31 Mai 2014 - 20:38

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

gigi68
***

Masculin
Messages : 197
Inscrit(e) le : 31/05/2014

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

Résolu Re: Avoir une image de fond, transparente sur ma chatbox

Message par Kinotto le Sam 31 Mai 2014 - 20:45

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

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

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Avoir une image de fond, transparente sur ma chatbox

Message par gigi68 le Sam 31 Mai 2014 - 20:49

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

Masculin
Messages : 197
Inscrit(e) le : 31/05/2014

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

Résolu Re: Avoir une image de fond, transparente sur ma chatbox

Message par gigi68 le Sam 31 Mai 2014 - 21:12

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

gigi68
***

Masculin
Messages : 197
Inscrit(e) le : 31/05/2014

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

Résolu Re: Avoir une image de fond, transparente sur ma chatbox

Message par Kinotto le Sam 31 Mai 2014 - 21:13

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

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Avoir une image de fond, transparente sur ma chatbox

Message par gigi68 le Sam 31 Mai 2014 - 21:27

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



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

gigi68
***

Masculin
Messages : 197
Inscrit(e) le : 31/05/2014

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

Résolu Re: Avoir une image de fond, transparente sur ma chatbox

Message par Kinotto le Sam 31 Mai 2014 - 21:33

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 Smile

Cordialement.

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Avoir une image de fond, transparente sur ma chatbox

Message par gigi68 le Sam 31 Mai 2014 - 21:36

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

gigi68
***

Masculin
Messages : 197
Inscrit(e) le : 31/05/2014

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

Résolu Re: Avoir une image de fond, transparente sur ma chatbox

Message par gigi68 le Dim 1 Juin 2014 - 8:06

Je met un petit Up  Smile  Merci

gigi68
***

Masculin
Messages : 197
Inscrit(e) le : 31/05/2014

http://motardalsace68.forumactif.org/forum
gigi68 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