Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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
avatar

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 
avatar

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 
avatar

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

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
avatar

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 
avatar

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 
avatar

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
avatar

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