Fond Chatbox transparent

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

Résolu Fond Chatbox transparent

Message par Kathee le Mer 4 Sep 2013 - 16:19

Bonjour à tous !

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

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 ::moitimide:: ). 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
**

Féminin
Messages : 67
Inscrit(e) le : 25/03/2013

http://lesadeptes-sttonneau.forumactif.org
Kathee a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond Chatbox transparent

Message par Kathee le Jeu 5 Sep 2013 - 16:05

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

Kathee
**

Féminin
Messages : 67
Inscrit(e) le : 25/03/2013

http://lesadeptes-sttonneau.forumactif.org
Kathee a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond Chatbox transparent

Message par Kathee le Ven 6 Sep 2013 - 16:47

Je me permet un nouveau petit Up Confused 

Kathee
**

Féminin
Messages : 67
Inscrit(e) le : 25/03/2013

http://lesadeptes-sttonneau.forumactif.org
Kathee a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond Chatbox transparent

Message par Kathee le Sam 7 Sep 2013 - 18:21

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:


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: #322F30;
}
       { background-position: bottom center;
        }
        


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

Kathee
**

Féminin
Messages : 67
Inscrit(e) le : 25/03/2013

http://lesadeptes-sttonneau.forumactif.org
Kathee a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond Chatbox transparent

Message par Papione le Sam 7 Sep 2013 - 21:35

Bonsoir ! Smile
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 Smile
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 Wink

Papione
*****

Féminin
Messages : 614
Inscrit(e) le : 13/09/2010

http://faqharrypotter.creer-forums.com/forum.htm
Papione a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond Chatbox transparent

Message par Kathee le Sam 7 Sep 2013 - 21:53

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 study , ma Box est très jolie maintenant !


Merci encore ! thumleft 


Kathee

résolu 

Kathee
**

Féminin
Messages : 67
Inscrit(e) le : 25/03/2013

http://lesadeptes-sttonneau.forumactif.org
Kathee a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond Chatbox transparent

Message par Papione le Sam 7 Sep 2013 - 22:01

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 Wink
Bonne soirée Very Happy 

Papione
*****

Féminin
Messages : 614
Inscrit(e) le : 13/09/2010

http://faqharrypotter.creer-forums.com/forum.htm
Papione a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond Chatbox transparent

Message par Kathee le Sam 7 Sep 2013 - 22:42

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 Lunette 

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

Amicalement,

Kathee

Kathee
**

Féminin
Messages : 67
Inscrit(e) le : 25/03/2013

http://lesadeptes-sttonneau.forumactif.org
Kathee 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