Transparence des cellules du forum pour voir l'image en fond

[Ecath]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour,

Après avoir lu un petit paquet de posts à ce sujet, je n'ai toujours pas pu résoudre mon problème
J'aimerais que le contenu de mon forum soit opaque afin qu'on puisse voir par transparence l'image de fond. Il me faudrait donc quand même une couleur pour les cellules, mais qui soit translucide (sans pour autant que les écrits et images postées le soient).

J'ai essayé entre autres de rentrer ce code dans la feuille de style CSS mais je n'obtiens pas de transparence, seulement des couleurs moins vives :

td.row1,.row2,.row3{
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}

Le résultat que je cherche est le suivant :
http://planeta-fornax.forumactif.org/

Pouvez-vous m'aider svp, en étant le plus précis possible car je ne suis vraiment pas calée dans ce domaine ^^'
Merci de tout coeur !

[◦Jay◦]

Bonsoir Ecath, le lien de votre forum n'est pas vailde.

Il faut dans un premier temps supprimer la couleur du fond de forum puis mettre ce code dans votre CSS :

Code:

.bodyline,.row1,.row2,.row3,td.cat,td.rowpic,td.row3Right{background-color: rgba(0, 0, 0, 0.5);}

Il serait utile de donner le lien (valide) de votre forum mais aussi de remplir votre profil.

Bien à vous.

[Ecath]

Merci Jay de cette réponse !
J'ai corrigé l'adresse.

En essayant de retirer la couleur de fond, ça me met du blanc automatiquement, c'est normal ?
Ensuite avec ce code, je n'ai toujours pas les cellules transparentes, en revanche ça me met un voile noir sur l'image de fond.

Voilà la photo avant la saisie du code :
https://i.servimg.com/u/f68/16/99/51/86/avant11.jpg
Puis après :
https://i.servimg.com/u/f68/16/99/51/86/aprs10.jpg

Une idée du soucis ?

Merci

[◦Jay◦]

Vous devez retirer ces couleurs de fond :

-Couleur intérieure du cadre du forum
-Table Rangée Couleur 1
-Table Rangée Couleur 2 et surbrillance
-Table Rangée Couleur 3 et séparations

le code que je vous ai donné donne un fond opaque noir comme sur mon forum d'essai, mais il est possible de mettre une couleur ou bien de le faire blanc.

Que voudriez-vous ?

[Ecath]

J'ai du faire quelque-chose de travers c'est de pire en pire

Voilà ce que j'obtiens dans les options après avoir retiré les couleurs et enregistré :
https://i.servimg.com/u/f68/16/99/51/86/110.png
Et le résultat sur le forum :
https://i.servimg.com/u/f68/16/99/51/86/210.jpg

La couleur noire en opaque devrait convenir, quel chiffre faut-il modifier dans le code pour la couleur ?
Peut-on aussi avoir une couleur de fond légèrement plus claire au passage du curseur sur une case ?

Merci !

[◦Jay◦]

Avez vous retiré les couleurs de fonds ?

Pour le code: rgba(0, 0, 0, 0.5) représente les couleurs et l'intensité, le premier zéro, la couleur rouge, le deuxième, le vert, le troisième, le bleu puis le 0.5 représente l'intensité, vous pouvez donc régler tout cela à votre guise.

Pour un fond vert, voici un exemple : (30, 110, 10, 0.5)

[◦Jay◦]

Pouvez-vous me donner votre CSS ici s'il vous plait ?

[Ecath]

Mon CSS de base ? Ça va faire un très long message ^^ je peux ?

Ah il y a un lien c'est mieux ! http://dragonsdegaia.forumactif.org/4-ltr.css?pop=1

[◦Jay◦]

Non, celui ou vous avez apporté des modifications.

[◦Jay◦]

Vous êtes la ???

Remplacez le code que je vous ai donné par celui-ci:

Code:

.row1,.row2,.row3,td.cat,td.rowpic,td.row3Right{background-color: rgba(0, 0, 0, 0.5);}

.forumline{background-color:transparent;}

[Ecath]

Je n'avais effectué aucune modification via le CSS à part le code que vous m'aviez donné, avec le nouveau ça fonctionne merci beaucoup !!!
Je vais vous embêter encore un peu et vous demander comment je peux mettre en surbrillance les rubriques sur lesquelles on passe avec la souris...

[◦Jay◦]

Ajoutez ceci:

Code:

.row1:hover,.row2:hover,.row3:hover,td.cat:hover,td.rowpic:hover,td.row3Right:hover{background-color: rgba(0, 0, 0, 0.8);}

[Ecath]

C'est parfait un très grand merci à vous !

[◦Jay◦]

Avec plaisir.

Bien cordialement.