Transparence (changer opacité des couleurs)

[Oskiator]

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

[kheino]

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);
}

[Oskiator]

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.

[kheino]

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

[Oskiator]

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"

[kheino]

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é:

.row1, .row2, .row3 {
opacity: .5;
-moz-opacity: .5;
-khtml-opacity: .5;
-ms-filter: "alpha(opacity=50)";
filter: alpha(opacity=50);
}

[Oskiator]

Merci =)

Autre chose, est-il possible de rendre seulement transparent la couleur de la case, sans modifier l'opacité du texte ?

[kheino]

Merci pour le gentil "merci" ! (-:

Essaie en ajoutant * devant le point et l'identifiant afin de donner à cet élément une opacité totale :

.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);
}

Il me semble que c'est ça...
Ou alors a devant...

[Oskiator]

Quand je fais

Code:

.row1, .row2, .row3 {
opacity: .5;
-moz-opacity: .5;
-khtml-opacity: .5;
-ms-filter: "alpha(opacity=50)";
filter: alpha(opacity=50);
}

Seul le texte devient transparent. Pas la couleur de la case. J'aimerais juste l'inverse^^
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 ?

[kheino]

Essaie en ajoutant * devant le point et l'identifiant afin de donner à cet élément une opacité totale :

.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);
}

Il me semble que c'est ça...
Ou alors a devant...

[Oskiator]

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);
}

Donc quand je fais

Code:

*.row1, *.row2, *.row3 {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-ms-filter: "alpha(opacity=100)";
filter: alpha(opacity=100);
}

C'est comme s'il ne se passait rien.

[kheino]

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.

[Oskiator]

En résumé :

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);
}

Il se passe rien

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);
}

Le texte de row 1 2 3 devient transparent

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);
}

C'est pareil, le texte de row 1 2 3 devient transparent.

[kheino]

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

[Oskiator]

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);
}

C'est seulement le texte qui change d'opacité. La couleur de la cellule reste la même. Or, j'aimerais qu'on voie à travers la cellule, mais que le texte reste non-transparent.

[kheino]

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

[Oskiator]

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 ?

[7setch]

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

[Oskiator]

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;
   }

Mais je comprends pas ce que tu veux dire.

[7setch]

Supprime jusqu’à obtenir ça:

Code:

.bodyline{
    background-color: #
    border: #
  }

[Oskiator]

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.

[Oskiator]

up

[Oskiator]

up

[Oskiator]

up

[Oskiator]

up

[no_way]

Bonsoir vous pouvez essayer en usant de la propriété CSS rgba:

Code:


background-color:rgb(0,0,0);
background-color:rgba(0,0,0,0.5);


Respectez bien l'ordre de ces lignes, le <<0.5>> que vous voyez dans <<rgba>>, représente la valeur d'opacité:
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 .

[Oskiator]

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 :

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)

[no_way]

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 ?

[Oskiator]

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.

[no_way]

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.