Couleur cadre intérieur translucide
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Couleur cadre intérieur translucide
Détails techniques
Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Autre
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)
Description du problème
Bonjour,Je désire que la couleur du cadre intérieur de mon forum soit translucide.
J'ai bien appliqué le code CSS donné dans un post précédent :
.forumline {
filter:alpha(opacity=80);
-moz-opacity:0.80;
-khtml-opacity: 0.80;
opacity: 0.80;
}
Cela fonctionne mais mes images deviennent également translucides. Comment éviter que les images, avatars, bannière, etc ... ne deviennent pas translucides mais uniquement la couleur du cadre intérieur.
Merci de votre aide.
Cordialement
Dernière édition par Bosco le Ven 3 Juin 2016 - 17:01, édité 1 fois
Re: Couleur cadre intérieur translucide
Coucou Bosco ! =)
Dans le code, tous les blocs qui sont dans un autre blocs, sont appelés des blocs enfants. (le bloc englobant, étant le bloc parent). Quand tu appliques un effet sur un bloc parent, cela agit systématiquement sur les blocs enfants.
Ici, tu utilises la fonction CSS "opacity" qui gère l'opacité du bloc. Comme dans ce bloc tu as un fond, mais également des textes et des images... et bien ceux-ci seront également affectés par l'opacité.
Pour reméditer à ton problème, je te recommande vivement d'utiliser la fonction rgba qui s'attribue au background-color! Cela te permet de définir une couleur selon sa composition en r (rouge) g (vert) et b (bleu) mais également de gérer une couche a (alpha) en prime. Ca te permet donc d'attribuer à ton bloc une couleur de fond, mais avec de la transparence!
Et cela s'appliquera uniquement sur le fond de ton bloc, sans toucher à tout le contenu de celui-ci !
Par exemple, pour la couleur verte #80C25E elle est composée de 128 de rouge, 194 de vert, et 94 de bleu. Du coup, on l'utilise comme ceci :
Voilà, j'espère t'avoir appris quelque chose
Dans le code, tous les blocs qui sont dans un autre blocs, sont appelés des blocs enfants. (le bloc englobant, étant le bloc parent). Quand tu appliques un effet sur un bloc parent, cela agit systématiquement sur les blocs enfants.
Ici, tu utilises la fonction CSS "opacity" qui gère l'opacité du bloc. Comme dans ce bloc tu as un fond, mais également des textes et des images... et bien ceux-ci seront également affectés par l'opacité.
Pour reméditer à ton problème, je te recommande vivement d'utiliser la fonction rgba qui s'attribue au background-color! Cela te permet de définir une couleur selon sa composition en r (rouge) g (vert) et b (bleu) mais également de gérer une couche a (alpha) en prime. Ca te permet donc d'attribuer à ton bloc une couleur de fond, mais avec de la transparence!
Et cela s'appliquera uniquement sur le fond de ton bloc, sans toucher à tout le contenu de celui-ci !
Par exemple, pour la couleur verte #80C25E elle est composée de 128 de rouge, 194 de vert, et 94 de bleu. Du coup, on l'utilise comme ceci :
- Code:
.tonbloc {
background: rgba(128, 194, 94, .8);
/* pour la couche alpha: 0 = transparent, 1 = opaque. */
}
Voilà, j'espère t'avoir appris quelque chose
Re: Couleur cadre intérieur translucide
Merci de ta réponse :-)
Comment se nomme le bloc qui gère la couleur de fond du cadre intérieur du forum ?
Comment se nomme le bloc qui gère la couleur de fond du cadre intérieur du forum ?
Re: Couleur cadre intérieur translucide
Bonjour, le gros conteneur dans lequel tout ton forum se trouve est appelé via un ID : "wrap" et donc est ciblé comme ceci en CSS : #wrap !
Cependant, tout les autres blocs sont eux aussi avec des fonds, et donc il faudrait les cibler tous si tu voulais les mettre en "transparent" selon ton choix !
Les blocs qui ont également un fond noir : .navbar, .module, mais également le bloc de publicité dont il n'est pas possible de viser car la CLASS change à chaque rafraichissement pour éviter que l'on retire les publicités qui servent à faire gagner un peu d'argent à ForumActif afin que nos forums restent gratuits. Pour retirer ces fonds noir-ci, tu peux directement mettre un
J'espère t'avoir aider, n'hésite pas si tu as d'autres questions (ou besoin d'explications supplémentaires).
Cependant, tout les autres blocs sont eux aussi avec des fonds, et donc il faudrait les cibler tous si tu voulais les mettre en "transparent" selon ton choix !
Les blocs qui ont également un fond noir : .navbar, .module, mais également le bloc de publicité dont il n'est pas possible de viser car la CLASS change à chaque rafraichissement pour éviter que l'on retire les publicités qui servent à faire gagner un peu d'argent à ForumActif afin que nos forums restent gratuits. Pour retirer ces fonds noir-ci, tu peux directement mettre un
- Code:
background: none;
J'espère t'avoir aider, n'hésite pas si tu as d'autres questions (ou besoin d'explications supplémentaires).
Sujets similaires
» Couleur intérieur du cadre
» Couleur interieur du cadre
» Couleur intérieur du cadre du forum
» Couleur intérieur du cadre du forum
» Couleur interieur du cadre du forum
» Couleur interieur du cadre
» Couleur intérieur du cadre du forum
» Couleur intérieur du cadre du forum
» Couleur interieur du cadre du forum
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum