Fond Chatbox transparent

[Kathee]

Bonjour à tous !

Cette fois, mon problème concerne ma Chatbox (merci encore pour le tuto Latéral  )

J'aimerai beaucoup changer ces parties-là, contre un fond presque transparent.

En fait j'aimerai avoir la même chose que mon image de fond (ici en flèche bleue)

Pour ce fond, justement, j'avais eu recours à une image (gentiment offerte par Matriochka  ). Mais quand je reprends cette image pour la mettre dans ce code, ça ne marche pas.

Code:

         body.chatbox {
        background-image: url(http://img11.hostingpics.net/pics/56902230poucents.png);
        background-position: bottom center;
        }


Il a-t-il un autre moyen d'y parvenir ?

Merci d'avance,

Kathee

[Kathee]

Un petit UP, en espérant que vous pourrez m'aider  

[Kathee]

Je me permet un nouveau petit Up  

[Kathee]

Re !

J'ai plus ou moins avancé dans mes recherches, j'ai maintenant la couleur qui me convient : ne reste plus que la transparence à trouver.

A tout hasard, je vous met le code Css :

Spoiler:

Et du coup, un nouveau petit Up, si vous passez par là ..

[Papione]

Bonsoir !
J'ai essayé de vous trouver un code (avec mes maigres connaissances en CSS :a)
Et je pense avoir trouvé quelque chose qui pourrait peut-être plus ou moins vous convenir... Je ne sais pas si vous aimeriez toujours réussir à mettre une image ? Comme je n'avais pas celle que vous vouliez j'en ai mise un comme ça, au hasard, dites-moi juste si ça rend bien sur votre forum ou pas...

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

Ce sont les mêmes codes que ceux que vous avez affichés dans votre sujet, normalement vous devez juste les remplacer par ceux que je vous ai donnés
Pour augmenter/diminuer la transparence, vous devez simplement modifier le "opacity". Ca doit rester un nombre entre 0 et 1, 1 étant l'opacité la plus complète & 0 la plus transparente

[Kathee]

Merci beaucoup Papione !

C'était pas exactement ça, mais j'ai adopté votre code car l'effet est encore meilleur que celui que je recherchais !

C'est gentil d'avoir passé du temps sur mon problème  , ma Box est très jolie maintenant !


Merci encore !  


Kathee

 

[Papione]

Vous êtes sûre que c'est bon ? Sinon je peux toujours essayer de modifier un peu si vous me dites exactement ce que vous voulez ^^
Mais de rien, c'était avec plaisir
Bonne soirée  

[Kathee]

Oui ne vous inquiétez pas, c'est bien mieux ainsi, car tout bien réfléchi vu que mon fond de page est déjà en transparent, ça aurait peut-être fait beaucoup.

A la base dans l'idée c'était ça :

Idée 1:

Mais avec l'image c'est beaucoup plus beau.

-->Par contre, j'ai essayé de modifier l'opacité mais quand je change la valeur, elle s'applique aussi au texte du coup on ne voit plus très bien  

Y a-t-il une ligne à rajouter pour séparer le fond de texte des écritures ?

Amicalement,

Kathee