Transparence (changer opacité des couleurs)
5 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 3 • Partagez
Page 1 sur 3 • 1, 2, 3
Transparence (changer opacité des couleurs)
Bonjour,
Je voulais savoir s'il était possible de changer l'opacité des couleurs du forum. Par exemple de rendre le fond noir semi-transparent (opacité 50%).
Mon forum est en phpbb2.
Merci d'avance !
Oskiator
Je voulais savoir s'il était possible de changer l'opacité des couleurs du forum. Par exemple de rendre le fond noir semi-transparent (opacité 50%).
Mon forum est en phpbb2.
Merci d'avance !
Oskiator
Dernière édition par Oskiator le Jeu 12 Avr 2012 - 17:35, édité 1 fois
Re: Transparence (changer opacité des couleurs)
Bonjour,
Dans la feuille de style CSS essaie d'ajouter ce code :
Dans la feuille de style CSS essaie d'ajouter ce code :
body {
opacity: .5;
-moz-opacity: .5;
-khtml-opacity: .5;
-ms-filter: "alpha(opacity=50)";
filter: alpha(opacity=50);
}
Re: Transparence (changer opacité des couleurs)
Final-Blonde a écrit:Bonjour,
Dans la feuille de style CSS essaie d'ajouter ce code :body {
opacity: .5;
-moz-opacity: .5;
-khtml-opacity: .5;
-ms-filter: "alpha(opacity=50)";
filter: alpha(opacity=50);
}
Merci.
Est-il possible de changer l'opacité de seulement certaines parties de la page ? Car là, ça change l'opacité pour toute la page.
Re: Transparence (changer opacité des couleurs)
Oui c'est possible, mais c'est toi qui en a parlé comme si tu le voulais pour tous le forum.
Il faut que tu dises pour quelle partie tu voudrais de la transparence ?
Sinon tu peux peut-être voir avec le tuto de threax et trouver les identifiants sur lesquels tu voudrais appliquer le code tel que je te l'ai donné:
https://forum.forumactif.com/t278845-les-principaux-identifiants-css-phpbb2-phpbb3
Il faut que tu dises pour quelle partie tu voudrais de la transparence ?
Sinon tu peux peut-être voir avec le tuto de threax et trouver les identifiants sur lesquels tu voudrais appliquer le code tel que je te l'ai donné:
https://forum.forumactif.com/t278845-les-principaux-identifiants-css-phpbb2-phpbb3
Re: Transparence (changer opacité des couleurs)
Pourrais-tu me dire comment on fait dans tout les cas ? Comme ça, je peux essayer et voir ce que ça donne.
Sinon je pense faire pour les ".topic title", ".Row1 2 3"
Sinon je pense faire pour les ".topic title", ".Row1 2 3"
Re: Transparence (changer opacité des couleurs)
Dans tous les cas ?
Il faut simplement prendre l'identifiant qui t'intéresse dans la feuille de style CSS avec le point devant (qui veut dire en HTML est relié à l'attribut "class"), ensuite appliquer les prorpriétés de l'opacité:
Il faut simplement prendre l'identifiant qui t'intéresse dans la feuille de style CSS avec le point devant (qui veut dire en HTML est relié à l'attribut "class"), ensuite appliquer les prorpriétés de l'opacité:
.row1, .row2, .row3 {
opacity: .5;
-moz-opacity: .5;
-khtml-opacity: .5;
-ms-filter: "alpha(opacity=50)";
filter: alpha(opacity=50);
}
Re: Transparence (changer opacité des couleurs)
Merci =)
Autre chose, est-il possible de rendre seulement transparent la couleur de la case, sans modifier l'opacité du texte ?
Autre chose, est-il possible de rendre seulement transparent la couleur de la case, sans modifier l'opacité du texte ?
Re: Transparence (changer opacité des couleurs)
Merci pour le gentil "merci" ! (-:
Essaie en ajoutant * devant le point et l'identifiant afin de donner à cet élément une opacité totale :
Ou alors a devant...
Essaie en ajoutant * devant le point et l'identifiant afin de donner à cet élément une opacité totale :
Il me semble que c'est ça....row1, .row2, .row3 {
opacity: .5;
-moz-opacity: .5;
-khtml-opacity: .5;
-ms-filter: "alpha(opacity=50)";
filter: alpha(opacity=50);
}
*.row1, *.row2, *.row3 {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-ms-filter: "alpha(opacity=100)";
filter: alpha(opacity=100);
}
Ou alors a devant...
Re: Transparence (changer opacité des couleurs)
Quand je fais
Pourtant c'est bien marqué "Les éléments entourés en bleu correspondent aux cellules, et non à leurs contenus." La cellule devrait devenir transparente et non le texte ?
- Code:
.row1, .row2, .row3 {
opacity: .5;
-moz-opacity: .5;
-khtml-opacity: .5;
-ms-filter: "alpha(opacity=50)";
filter: alpha(opacity=50);
}
Pourtant c'est bien marqué "Les éléments entourés en bleu correspondent aux cellules, et non à leurs contenus." La cellule devrait devenir transparente et non le texte ?
Dernière édition par Oskiator le Dim 4 Mar 2012 - 16:14, édité 2 fois
Re: Transparence (changer opacité des couleurs)
Final-Blonde a écrit:Essaie en ajoutant * devant le point et l'identifiant afin de donner à cet élément une opacité totale :Il me semble que c'est ça....row1, .row2, .row3 {
opacity: .5;
-moz-opacity: .5;
-khtml-opacity: .5;
-ms-filter: "alpha(opacity=50)";
filter: alpha(opacity=50);
}
*.row1, *.row2, *.row3 {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-ms-filter: "alpha(opacity=100)";
filter: alpha(opacity=100);
}
Ou alors a devant...
Re: Transparence (changer opacité des couleurs)
le problème est que seul le texte devient transparent avec ça.
- Code:
.row1, .row2, .row3 {
opacity: .5;
-moz-opacity: .5;
-khtml-opacity: .5;
-ms-filter: "alpha(opacity=50)";
filter: alpha(opacity=50);
}
- Code:
*.row1, *.row2, *.row3 {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-ms-filter: "alpha(opacity=100)";
filter: alpha(opacity=100);
}
Re: Transparence (changer opacité des couleurs)
Tu as essayé avec a devant au lieu de * ?
Et attention, ce n'est que pour la deuxième partie du code CSS, celle de l'opacité totale.
Et attention, ce n'est que pour la deuxième partie du code CSS, celle de l'opacité totale.
Re: Transparence (changer opacité des couleurs)
En résumé :
Je mets ça :
Je mets ça :
Et si je mets juste ça :
Je mets ça :
- Code:
.row1, .row2, .row3 {
opacity: .5;
-moz-opacity: .5;
-khtml-opacity: .5;
-ms-filter: "alpha(opacity=50)";
filter: alpha(opacity=50);
}
*.row1, *.row2, *.row3 {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-ms-filter: "alpha(opacity=100)";
filter: alpha(opacity=100);
}
Je mets ça :
- Code:
.row1, .row2, .row3 {
opacity: .5;
-moz-opacity: .5;
-khtml-opacity: .5;
-ms-filter: "alpha(opacity=50)";
filter: alpha(opacity=50);
}
a.row1, a.row2, a.row3 {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-ms-filter: "alpha(opacity=100)";
filter: alpha(opacity=100);
}
Et si je mets juste ça :
- Code:
.row1, .row2, .row3 {
opacity: .5;
-moz-opacity: .5;
-khtml-opacity: .5;
-ms-filter: "alpha(opacity=50)";
filter: alpha(opacity=50);
}
Re: Transparence (changer opacité des couleurs)
Pfiou ! Il faut alors trouver l'dentifiant (ou le créer) des textes concernés et leur donner séparément le deuxième code de l'opacité totale...
Je ne vois pas d'autre solution...
Je ne vois pas d'autre solution...
Re: Transparence (changer opacité des couleurs)
Le problème principal, c'est que quand je mets
- Code:
.row1, .row2, .row3 {
opacity: .5;
-moz-opacity: .5;
-khtml-opacity: .5;
-ms-filter: "alpha(opacity=50)";
filter: alpha(opacity=50);
}
Re: Transparence (changer opacité des couleurs)
Comme tu es phpBB2, il y a aussi le moyen, que je suggérais plus haut en trouvant les identifiants-texte, de passer par le HTML d'abord, selon ce tuto:
https://developer.mozilla.org/fr/Astuces_CSS/Couleurs_et_fonds
https://developer.mozilla.org/fr/Astuces_CSS/Couleurs_et_fonds
Re: Transparence (changer opacité des couleurs)
Je comprends à peu près le principe, mais je n'arriverais pas à l'appliquer car je ne m'y connait pas assez dans le domaine.
Pourrais-tu me dire comment je suis censé m'y prendre ?
Pourrais-tu me dire comment je suis censé m'y prendre ?
Re: Transparence (changer opacité des couleurs)
Carton plein !... ha mince on est pas au loto...
J'ai trouvé ! ^^
dans la fiche de style RSS tu a à un moment (au début) ça d'écrit :
.bodyline{
background-color: #xxxxxx;
border: 1px #xxxxxx;
}
Et si tu supprimais les petit ";" pour voir...
J'ai trouvé ! ^^
dans la fiche de style RSS tu a à un moment (au début) ça d'écrit :
.bodyline{
background-color: #xxxxxx;
border: 1px #xxxxxx;
}
Et si tu supprimais les petit ";" pour voir...
Re: Transparence (changer opacité des couleurs)
7setch a écrit:Carton plein !... ha mince on est pas au loto...
J'ai trouvé ! ^^
dans la fiche de style RSS tu a à un moment (au début) ça d'écrit :
.bodyline{
background-color: #xxxxxx;
border: 1px #xxxxxx;
}
Et si tu supprimais les petit ";" pour voir...
Pardon ? J'ai bien repéré le
- Code:
.bodyline{
background-color: #;
border: 1px # solid;
}
Re: Transparence (changer opacité des couleurs)
Supprime jusqu’à obtenir ça:
- Code:
.bodyline{
background-color: #
border: #
}
Re: Transparence (changer opacité des couleurs)
7setch a écrit:Supprime jusqu’à obtenir ça:
- Code:
.bodyline{
background-color: #
border: #
}
En fait, ça sert juste à enlever le cadre et la couleur de fond du forum. Ce que je n'ai pas.
Ce que je recherche, c'est d'avoir certaines parties du forum avec une opacité différente (donc pas totalement transparente), et cela avec un texte opaque par-dessus.
Re: Transparence (changer opacité des couleurs)
Bonsoir vous pouvez essayer en usant de la propriété CSS rgba:
1=>100%
0.5=>50%
etc...
Hélas IE ne connait pas cette propriété et ce jusqu’à sa version 8 ( quelle surprise n'est-ce pas ? ::betise:: ), les navigateurs incapables de comprendre la propriété rgba se contenteront de traiter la première ligne, les autres traiteront correctement la deuxième.
Là présentement, nous aurons un noir opaque sur IE<=8..., et un noir avec une opacité de 50% pour les autres navigateurs .
- Code:
background-color:rgb(0,0,0);
background-color:rgba(0,0,0,0.5);
1=>100%
0.5=>50%
etc...
Hélas IE ne connait pas cette propriété et ce jusqu’à sa version 8 ( quelle surprise n'est-ce pas ? ::betise:: ), les navigateurs incapables de comprendre la propriété rgba se contenteront de traiter la première ligne, les autres traiteront correctement la deuxième.
Là présentement, nous aurons un noir opaque sur IE<=8..., et un noir avec une opacité de 50% pour les autres navigateurs .
no_way- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Re: Transparence (changer opacité des couleurs)
Merci pour votre réponse. Malheureusement, ça ne marche "qu'à moitié".
En fait, ça marche pour par exemple ".gensmall", tous ce qui se trouve derrière les textes deviendront bleu et transparent si j'écris :
Mais si je fais :
ça ne marche pas. Je n'arrive pas à modifier les cellules du forum. (avec chrome)
En fait, ça marche pour par exemple ".gensmall", tous ce qui se trouve derrière les textes deviendront bleu et transparent si j'écris :
- Code:
.gensmall {
background-color:rgba(0,0,255,0.5);
}
Mais si je fais :
- Code:
.row1 {
background-color:rgba(0,0,255,0.5);
}
ça ne marche pas. Je n'arrive pas à modifier les cellules du forum. (avec chrome)
Re: Transparence (changer opacité des couleurs)
Et en essayant ainsi ?
Si ça ne marche pas, est-ce que le forum concerné est bien celui indiqué dans votre profil ?
- Code:
.row1 {
background-color:rgba(0,0,255,0.5) !important;
}
Si ça ne marche pas, est-ce que le forum concerné est bien celui indiqué dans votre profil ?
no_way- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Re: Transparence (changer opacité des couleurs)
no_way a écrit:Et en essayant ainsi ?
- Code:
.row1 {
background-color:rgba(0,0,255,0.5) !important;
}
Si ça ne marche pas, est-ce que le forum concerné est bien celui indiqué dans votre profil ?
ça marche, mais il reste un dernier problème. ça agit comme une couche supplémentaire, plutôt que de remplacer la couleur. C'est à dire que la couleur rgb est placé au dessus de la couche déjà existante de couleur. Il faudrait supprimer la couleur qu'il y a dans row1. Le problème c'est que si j'essaie de supprimer la couleur dans le panneau de couleur, ça met du noir à la place.
Re: Transparence (changer opacité des couleurs)
Désolé mais il me faudrait le lien de votre forum, je dois voir le souci afin de vous aider correctement.
Vous pouvez m'envoyer le lien par MP au pire.
Vous pouvez m'envoyer le lien par MP au pire.
no_way- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Page 1 sur 3 • 1, 2, 3
Sujets similaires
» Opacité des couleurs
» Changer l'opacité des catégories...
» Changer l'opacité du toolbar
» Accordéon Vertical : changer l'opacité ?
» Changer les couleurs
» Changer l'opacité des catégories...
» Changer l'opacité du toolbar
» Accordéon Vertical : changer l'opacité ?
» Changer les couleurs
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 3
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum