Transparence (changer opacité des couleurs)

Page 1 sur 3 1, 2, 3  Suivant

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Transparence (changer opacité des couleurs)

Message par Oskiator le Ven 2 Mar 2012 - 0:43

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


Dernière édition par Oskiator le Jeu 12 Avr 2012 - 17:35, édité 1 fois

Oskiator
***

Masculin
Messages : 120
Inscrit(e) le : 16/01/2010

http://arcane-sanctum.forumgratuit.ch/
Oskiator a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence (changer opacité des couleurs)

Message par Final-Blonde le Ven 2 Mar 2012 - 13:24

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

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence (changer opacité des couleurs)

Message par Oskiator le Sam 3 Mar 2012 - 1:06

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

Oskiator
***

Masculin
Messages : 120
Inscrit(e) le : 16/01/2010

http://arcane-sanctum.forumgratuit.ch/
Oskiator a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence (changer opacité des couleurs)

Message par Final-Blonde le Sam 3 Mar 2012 - 20:04

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é:
http://forum.forumactif.com/t278845-les-principaux-identifiants-css-phpbb2-phpbb3

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence (changer opacité des couleurs)

Message par Oskiator le Dim 4 Mar 2012 - 1:44

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"


Oskiator
***

Masculin
Messages : 120
Inscrit(e) le : 16/01/2010

http://arcane-sanctum.forumgratuit.ch/
Oskiator a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence (changer opacité des couleurs)

Message par Final-Blonde le Dim 4 Mar 2012 - 10:01

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

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence (changer opacité des couleurs)

Message par Oskiator le Dim 4 Mar 2012 - 12:08

Merci =)

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

Oskiator
***

Masculin
Messages : 120
Inscrit(e) le : 16/01/2010

http://arcane-sanctum.forumgratuit.ch/
Oskiator a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence (changer opacité des couleurs)

Message par Final-Blonde le Dim 4 Mar 2012 - 15:26

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

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence (changer opacité des couleurs)

Message par Oskiator le Dim 4 Mar 2012 - 16:00

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 ?



Dernière édition par Oskiator le Dim 4 Mar 2012 - 16:14, édité 2 fois

Oskiator
***

Masculin
Messages : 120
Inscrit(e) le : 16/01/2010

http://arcane-sanctum.forumgratuit.ch/
Oskiator a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence (changer opacité des couleurs)

Message par Final-Blonde le Dim 4 Mar 2012 - 16:12

@Final-Blonde a écrit: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...

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence (changer opacité des couleurs)

Message par Oskiator le Dim 4 Mar 2012 - 16:18

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.

Oskiator
***

Masculin
Messages : 120
Inscrit(e) le : 16/01/2010

http://arcane-sanctum.forumgratuit.ch/
Oskiator a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence (changer opacité des couleurs)

Message par Final-Blonde le Dim 4 Mar 2012 - 16:39

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.

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence (changer opacité des couleurs)

Message par Oskiator le Dim 4 Mar 2012 - 16:50

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.

Oskiator
***

Masculin
Messages : 120
Inscrit(e) le : 16/01/2010

http://arcane-sanctum.forumgratuit.ch/
Oskiator a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence (changer opacité des couleurs)

Message par Final-Blonde le Dim 4 Mar 2012 - 17:00

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

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence (changer opacité des couleurs)

Message par Oskiator le Dim 4 Mar 2012 - 17:04

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.


Oskiator
***

Masculin
Messages : 120
Inscrit(e) le : 16/01/2010

http://arcane-sanctum.forumgratuit.ch/
Oskiator a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence (changer opacité des couleurs)

Message par Final-Blonde le Dim 4 Mar 2012 - 17:18

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

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence (changer opacité des couleurs)

Message par Oskiator le Dim 4 Mar 2012 - 17:36

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 ?

Oskiator
***

Masculin
Messages : 120
Inscrit(e) le : 16/01/2010

http://arcane-sanctum.forumgratuit.ch/
Oskiator a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence (changer opacité des couleurs)

Message par 7setch le Dim 4 Mar 2012 - 18:21

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

7setch
Nouveau membre

Messages : 3
Inscrit(e) le : 04/03/2012

http://edenproject.superforum.fr/forum
7setch a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence (changer opacité des couleurs)

Message par Oskiator le Dim 4 Mar 2012 - 18:37

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

Pardon ? J'ai bien repéré le
Code:
.bodyline{
    background-color: #;
    border: 1px # solid;
   }
Mais je comprends pas ce que tu veux dire.

Oskiator
***

Masculin
Messages : 120
Inscrit(e) le : 16/01/2010

http://arcane-sanctum.forumgratuit.ch/
Oskiator a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence (changer opacité des couleurs)

Message par 7setch le Dim 4 Mar 2012 - 19:18

Supprime jusqu’à obtenir ça:

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

7setch
Nouveau membre

Messages : 3
Inscrit(e) le : 04/03/2012

http://edenproject.superforum.fr/forum
7setch a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence (changer opacité des couleurs)

Message par Oskiator le Lun 5 Mar 2012 - 9:47

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

Oskiator
***

Masculin
Messages : 120
Inscrit(e) le : 16/01/2010

http://arcane-sanctum.forumgratuit.ch/
Oskiator a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence (changer opacité des couleurs)

Message par Oskiator le Mar 6 Mar 2012 - 18:14

up

Oskiator
***

Masculin
Messages : 120
Inscrit(e) le : 16/01/2010

http://arcane-sanctum.forumgratuit.ch/
Oskiator a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence (changer opacité des couleurs)

Message par Oskiator le Jeu 8 Mar 2012 - 16:28

up

Oskiator
***

Masculin
Messages : 120
Inscrit(e) le : 16/01/2010

http://arcane-sanctum.forumgratuit.ch/
Oskiator a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence (changer opacité des couleurs)

Message par Oskiator le Ven 9 Mar 2012 - 23:04

up

Oskiator
***

Masculin
Messages : 120
Inscrit(e) le : 16/01/2010

http://arcane-sanctum.forumgratuit.ch/
Oskiator a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence (changer opacité des couleurs)

Message par Oskiator le Dim 11 Mar 2012 - 11:52

up

Oskiator
***

Masculin
Messages : 120
Inscrit(e) le : 16/01/2010

http://arcane-sanctum.forumgratuit.ch/
Oskiator a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence (changer opacité des couleurs)

Message par no_way le Dim 11 Mar 2012 - 22:18

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 .

no_way
Aidactif
Aidactif

Messages : 1744
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence (changer opacité des couleurs)

Message par Oskiator le Lun 12 Mar 2012 - 18:52

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)

Oskiator
***

Masculin
Messages : 120
Inscrit(e) le : 16/01/2010

http://arcane-sanctum.forumgratuit.ch/
Oskiator a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Transparence (changer opacité des couleurs)

Message par no_way le Lun 12 Mar 2012 - 22:55

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 ?

no_way
Aidactif
Aidactif

Messages : 1744
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence (changer opacité des couleurs)

Message par Oskiator le Mar 13 Mar 2012 - 17:57

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


Oskiator
***

Masculin
Messages : 120
Inscrit(e) le : 16/01/2010

http://arcane-sanctum.forumgratuit.ch/
Oskiator a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence (changer opacité des couleurs)

Message par no_way le Mar 13 Mar 2012 - 23:25

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.

no_way
Aidactif
Aidactif

Messages : 1744
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Page 1 sur 3 1, 2, 3  Suivant

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