Fond transparent Bouton_activeFond transparent Bouton_hoverFond transparent Fb-hoverFond transparent Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Fond transparent EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Fond transparent EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Fond transparent EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Fond transparent EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Fond transparent EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Fond transparent EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Fond transparent EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Fond transparent EmptySam 11 Fév 2023, 06:04 par Krager


Partagez
 

Fond transparent

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://vampirelamascarade.bbfr.net
Eterna
Eterna
{ Membre }
{ Membre }

Féminin Messages : 64



Fond transparent Empty
Bonsoir,

Voila je m'essaye a utilisé un peu tout les CSS du forum, ce qui m'aid beaucoup, j'avoue ^^
J'avais besoin de la transparence pour voir si cela donne un meilleur rendu puisque j'ai choisie une couleur difficile a marié... Bref, j'ai essayé le tuto du forum pour cela et cela ne donne rien.

Auriez vous une idée du pourquoi ? Euh..
MessageSujet: Fond transparent   Fond transparent EmptyMar 10 Avr 2012, 18:42
Revenir en haut Aller en bas
Espeon
Espeon
Administrateur
Administrateur

Masculin Messages : 1819



Fond transparent Empty
Bonsoir,

De quel tuto parles-tu précisément ? Qu'est-ce-qui ne marche pas exactement ?

Si tu as des screenshots c'est mieux pour qu'on puisse se rendre compte du problème =)
MessageSujet: Re: Fond transparent   Fond transparent EmptyMar 10 Avr 2012, 18:53
Revenir en haut Aller en bas
http://vampirelamascarade.bbfr.net
Eterna
Eterna
{ Membre }
{ Membre }

Féminin Messages : 64



Fond transparent Empty
Je parle de ce Tuto ci : http://www.css-actif.com/t10955-un-fond-transparent#115881

Il y a un exemple de ce que cela devrais rendre. Mon fond de forum reste juste totalement opaque ^^"
MessageSujet: Re: Fond transparent   Fond transparent EmptyMar 10 Avr 2012, 18:55
Revenir en haut Aller en bas
Espeon
Espeon
Administrateur
Administrateur

Masculin Messages : 1819



Fond transparent Empty
Hummmmm mais il y a une erreur dans ce tuto : le rgba est une propriété CSS3 qui n'est pas compatible sous Internet Explorer < 9. Je suppose que c'est le navigateur que tu utilise ?

Qu'est-ce-que ça donne sous un autre navigateur (comme Firefox/Chrome) ?


Sinon, donne-moi ton code exact que j'essaie de te rendre ça compatible au mieux =)
MessageSujet: Re: Fond transparent   Fond transparent EmptyMar 10 Avr 2012, 19:02
Revenir en haut Aller en bas
http://cssmania.com
Anoobnyme
Anoobnyme
GOD OF COOKIES

Masculin Messages : 1445



Fond transparent Empty
Hop'

En effet la transparence n'est pas pris en compte sous Internet Explorer, pour profiter pleinement du CSS3, je te conseille de prendre l'un des "bateaux" : Firefox, Chrome, Opéra ou Safari.
Sinon pour la suite, en cas de doute, je te conseille de vérifier les propriétés que tu utilise avec : http://www.css-actif.com/t10953-when-can-i-use

Puis la prochaine fois essaye tout de même de nous fournir un screenshot ou un code histoire que l'on t'aide rapidement, merci.

Bravo !
MessageSujet: Re: Fond transparent   Fond transparent EmptyMer 11 Avr 2012, 08:28
Revenir en haut Aller en bas
http://vampirelamascarade.bbfr.net
Eterna
Eterna
{ Membre }
{ Membre }

Féminin Messages : 64



Fond transparent Empty
Oki je le ferai, désolée je n'y ai pas penser sur le coup Calme
Je boss comme une malade ces derniers temps... avec un seul jour de repos votre cerveau est en compote Au secours !

Quoiqu'il en soit, je suis déjà sur Firefox en faite, voici le code que j'ai mit :

Spoiler:

Dsl du retard de ma reponse
MessageSujet: Re: Fond transparent   Fond transparent EmptyJeu 12 Avr 2012, 06:25
Revenir en haut Aller en bas
Espeon
Espeon
Administrateur
Administrateur

Masculin Messages : 1819



Fond transparent Empty
Et ça ne fonctionne pas ?

Si tu parle de la couleur de fond, essaye background-color pour voir, mais en pratique cela devrait être compatible sous Firefox.

Serait-il possible d'avoir une vision du rendu que ça te donne (url ou screenshot) pour mieux se rendre compte du problème ?
MessageSujet: Re: Fond transparent   Fond transparent EmptyJeu 12 Avr 2012, 09:46
Revenir en haut Aller en bas
http://vampirelamascarade.bbfr.net
Eterna
Eterna
{ Membre }
{ Membre }

Féminin Messages : 64



Fond transparent Empty
Spoiler:

Voila ce que cela donne... A moins que cela ne fonctionne pas avec ce genre de fond. u_u
MessageSujet: Re: Fond transparent   Fond transparent EmptyJeu 12 Avr 2012, 10:35
Revenir en haut Aller en bas
Espeon
Espeon
Administrateur
Administrateur

Masculin Messages : 1819



Fond transparent Empty
En pratique, sous Firefox, il n'y a pas de raison que ça ne fonctionne pas.

Pour vérifier que tu cible bien le bon bloc, souvent de rajouter une propriété CSS visuelle aide, du genre :

Code:
.maDiv {
...
border: 1px red solid;
}


Ca te permet de voir si tu cible bien le bon élément.
Ensuite, essaie de faire varier couleur et opacité et dis nous ce que ça donne (si l'opacité ne change pas, c'est vraiment étrange tout de même...).
MessageSujet: Re: Fond transparent   Fond transparent EmptyJeu 12 Avr 2012, 11:20
Revenir en haut Aller en bas
http://vampirelamascarade.bbfr.net
Eterna
Eterna
{ Membre }
{ Membre }

Féminin Messages : 64



Fond transparent Empty
J'ai essayer sur un autre de mes anciens forum ou je test les css, c'est pareil bizarrement ca ne veux pas fonctionner... Et pourtant c'est le seul CSS de la feuille.

Est il possible qu'une modification quelconque dans les Template puisse bloquer ce CSS ?
MessageSujet: Re: Fond transparent   Fond transparent EmptyJeu 12 Avr 2012, 11:51
Revenir en haut Aller en bas
Espeon
Espeon
Administrateur
Administrateur

Masculin Messages : 1819



Fond transparent Empty
Après avoir moi-même essayé, a priori ça fonctionne sans soucis.

Par exemple, actuellement j'ai mis rgba(255,255,255,0.2) sur le fond intérieur de mon forum de test : http://espeon-test.forumgratuit.org/

Tu as un lien vers ce forum de test que je constate le résultat de visu ?
MessageSujet: Re: Fond transparent   Fond transparent EmptyJeu 12 Avr 2012, 12:09
Revenir en haut Aller en bas
http://vampirelamascarade.bbfr.net
Eterna
Eterna
{ Membre }
{ Membre }

Féminin Messages : 64



Fond transparent Empty
Voici le forum test : http://oblivion.forumotion.com/
MessageSujet: Re: Fond transparent   Fond transparent EmptyJeu 12 Avr 2012, 12:20
Revenir en haut Aller en bas
Espeon
Espeon
Administrateur
Administrateur

Masculin Messages : 1819



Fond transparent Empty
J'ai compris xD

En fait, et c'est vrai que le tuto était mal fait en ce sens (je suis en train de le reprendre), tu as simplement recopié le code CSS sans plus de modification.

Simplement, .maDiv correspond à une classe ciblée, qui va être affectée par la modification.
Or ici, tu n'as aucun élément qui comporte la classe maDiv.


L'idée est donc :
- soit de rajouter la classe correspondante dans ton HTML
- soit de cibler ton élément directement dans le CSS


Est-ce-que tu vois de quoi je parle ?
MessageSujet: Re: Fond transparent   Fond transparent EmptyJeu 12 Avr 2012, 12:28
Revenir en haut Aller en bas
http://vampirelamascarade.bbfr.net
Eterna
Eterna
{ Membre }
{ Membre }

Féminin Messages : 64



Fond transparent Empty
Oui je vois à peu pres je regarderai le tuto quand se sera fini
Merci beaucoup pour l'aide ^^
MessageSujet: Re: Fond transparent   Fond transparent EmptyJeu 12 Avr 2012, 12:45
Revenir en haut Aller en bas
http://cssmania.com
Anoobnyme
Anoobnyme
GOD OF COOKIES

Masculin Messages : 1445



Fond transparent Empty
Les trois première valeurs tu peux les modifier en t'aidant de ceci par exemple : http://kuler.adobe.com/#create/fromacolor
La ligne RGB, avec ses nombres, sont les valeurs de la couleurs et donc ce sont eux qu'il faut mettre dans ton code !
MessageSujet: Re: Fond transparent   Fond transparent EmptyJeu 12 Avr 2012, 12:52
Revenir en haut Aller en bas
http://vampirelamascarade.bbfr.net
Eterna
Eterna
{ Membre }
{ Membre }

Féminin Messages : 64



Fond transparent Empty
Merci beaucoup ^^
MessageSujet: Re: Fond transparent   Fond transparent EmptyJeu 12 Avr 2012, 13:12
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



Fond transparent Empty
    Hello Eterna !
    Je viens aux nouvelles : ton problème est-il réglé ? (:
MessageSujet: Re: Fond transparent   Fond transparent EmptyMar 17 Avr 2012, 16:32
Revenir en haut Aller en bas
http://www.haldira.net
Haldira
Haldira
{ Membre actif }
{ Membre actif }

Féminin Messages : 981



Fond transparent Empty
Bonjour, n'ayant pas de réponse de ta part, je pense que le problème est résolu et déplace donc le sujet dans cette catégorie.
Merci de ta compréhension
MessageSujet: Re: Fond transparent   Fond transparent EmptyDim 22 Avr 2012, 14:48
Revenir en haut Aller en bas
Contenu sponsorisé




Fond transparent Empty
MessageSujet: Re: Fond transparent   Fond transparent Empty
Revenir en haut Aller en bas
 

Fond transparent

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Background-color transparent pour IE
» Fond PA transparent [Résolu]
» Profiter d'un header de fond et d'un fond (messages)
» Profiter d’une bannière de fond ET d’un fond [Résolu]
» Bannière de fond + fond du body [en cours]

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forumactif.com