Opacité de certaines zones

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

Résolu Opacité de certaines zones

Message par Destru723 le Ven 3 Oct 2014 - 13:51

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome, Autre
Personnes concernées par le problème : Moi uniquement
Lien du forum : http://menacetosociety.probb.fr/

Description du problème

Bonjour, récemment j'ai découvert les codes CSS permettant de créer de l'opacité sur un forum.
Voici le code que j'utilise actuellement:

Code:
.bodyline {
opacity: .8;
-moz-opacity: .8;
-khtml-opacity: .8;
-ms-filter: "alpha(opacity=100)";
filter: alpha(opacity=100);
}

Ceci concerne la totalité de la page, mais pour commencer je voudrais mettre la navigation et le logo moins transparent genre niveau 9.

Le soucis c'est que en voulant faire le bodyline + un autre code concernant mainmenu ça ne fonctionne pas car le bodyline prend le dessus. Et je n'ai pas trouvé le code dédier au logo.

et quand je fais pour les cellules de catégorie/sous-catégorie-/forum apparemment ça serait row1 row1 over row2 et row3 mais cela ne créer pas de transparence mais ça met un bleu transparent à ce qui existe déjà.



Donc j'aimerais savoir si il existe une manière/ un code pour faire en sorte que le bodyline ne prenne pas le dessus.
J'ai suivi avec ce tuto ; http://forum.forumactif.com/t278845-les-principaux-identifiants-css-phpbb2-phpbb3

Merci d'avance si vous trouver réponse à mon problème



Dernière édition par Destru723 le Sam 4 Oct 2014 - 0:11, édité 1 fois

Destru723
**

Messages : 53
Inscrit(e) le : 20/09/2014

http://menacetosociety.probb.fr/
Destru723 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Opacité de certaines zones

Message par MlleAlys le Ven 3 Oct 2014 - 19:38

Bonjour,
plutôt que d'appliquer le filtre d'opacité sur tout l'ensemble du bodyline comme le fait votre code, essayez peut être juste d'appliquer une couleur semi-transparente en fond du bodyline :

Remplacez votre code :
Code:
.bodyline {
    opacity: .8;
    -moz-opacity: .8;
    -khtml-opacity: .8;
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
}
par celui-ci :
Code:
.bodyline {
    background: rgba(255,255,255, 0.8)
}
255,255,255 codep our blanc, et 0.8 pour l'opacité.
Seul le fond du bodyline sera alors transparent, et non les éléments qu'il contient.

Pour le reste, je n'ai pas compris ce que vous vouliez faire...

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

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

Résolu Re: Opacité de certaines zones

Message par Destru723 le Ven 3 Oct 2014 - 22:36

Bah en faite je voulais que tout sois en transparent niveau 8 et la bannière et la rubrique au niveau 9.

En gros que le tout soit légèrement transparent et les rubriques ainsi que la bannière soient moins transparent pour que ça ressorte plus et que ça soit plus visible.

Destru723
**

Messages : 53
Inscrit(e) le : 20/09/2014

http://menacetosociety.probb.fr/
Destru723 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Opacité de certaines zones

Message par MlleAlys le Ven 3 Oct 2014 - 22:42

Au code donné précédemment, ajoutez celui-ci alors :
Code:
.forumline {
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8;
    -ms-filter: "alpha(opacity=80)";
    filter: alpha(opacity=80);
}
img#i_logo, a.mainmenu {
    -moz-opacity: .9;
    -khtml-opacity: .9;
    opacity: .9;
    -ms-filter: "alpha(opacity=90)";
    filter: alpha(opacity=90);
}

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

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

Résolu Re: Opacité de certaines zones

Message par Destru723 le Ven 3 Oct 2014 - 22:52

Je vous remercie mais c'est normalement que ça fait un effet blanc ?

Destru723
**

Messages : 53
Inscrit(e) le : 20/09/2014

http://menacetosociety.probb.fr/
Destru723 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Opacité de certaines zones

Message par Destru723 le Ven 3 Oct 2014 - 22:54

Je vous remercie mais c'est normalement que ça fait un effet blanc ?

Destru723
**

Messages : 53
Inscrit(e) le : 20/09/2014

http://menacetosociety.probb.fr/
Destru723 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Opacité de certaines zones

Message par MlleAlys le Ven 3 Oct 2014 - 22:56

quel effet blanc ?
c'est c'est une couleur de fond, cela se modifie dans affichage > couleurs °^° Les codes que j'ai donné ne modifient que l'opacité, pas les couleurs, donc si effet blanc il y a, il vient de vos couleurs, pas du code ^^"

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

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

Résolu Re: Opacité de certaines zones

Message par Destru723 le Ven 3 Oct 2014 - 23:03

Juste une comparaison entre les deux;
Le premier (avant) l'effet me plait beaucoup au niveau du corps du forum.

Le deux (après) l'effet me plait bien au niveau du haut mais pas sur le corps du forum...


J'aimerais bien lié les deux choses la bannière et les rubriques que ça donne sur le code que vous m'avez donné et la transparence avec l'ancien que j'avais si possible...

Destru723
**

Messages : 53
Inscrit(e) le : 20/09/2014

http://menacetosociety.probb.fr/
Destru723 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Opacité de certaines zones

Message par MlleAlys le Ven 3 Oct 2014 - 23:51

Ah d'accord ! Effectivement, je vois maintenant xD
Essayez en ajoutant ce code aux précédents :
Code:
table.forumline, td.row1, td.row2, td.row3 {
    border-collapse: collapse;
    background-color: transparent;
    border: 1px solid #336091;
}
Ce code retire le fond des tableaux avant de remettre une bordure ^^

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

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

Résolu Re: Opacité de certaines zones

Message par Destru723 le Sam 4 Oct 2014 - 0:10

Je vous remercie quand même même bon aucune configuration me plait. Problème "résolut"

Destru723
**

Messages : 53
Inscrit(e) le : 20/09/2014

http://menacetosociety.probb.fr/
Destru723 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Opacité de certaines zones

Message par MlleAlys le Sam 4 Oct 2014 - 0:35

avec le dernier code ça ne donnait pas la même chose ?

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

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

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