Opacité de certaines zones

[Destru723]

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

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

[MlleAlys]

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

[Destru723]

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.

[MlleAlys]

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

[Destru723]

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

[Destru723]

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

[MlleAlys]

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 ^^"

[Destru723]

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

[MlleAlys]

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

[Destru723]

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

[MlleAlys]

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