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

2 participants

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

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

Message par Ecath Mer 10 Fév - 21:41

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 Sad
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 !


Dernière édition par Ecath le Jeu 11 Fév - 0:34, édité 4 fois
avatar

Ecath
Nouveau membre

Messages : 7
Inscrit(e) le : 12/10/2008

http://www.dragonsdegaïa.forumactif.org
Ecath a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence des cellules du forum pour voir l'image en fond

Message par ◦Jay◦ Mer 10 Fév - 21:53

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

◦Jay◦
Membre actif

Masculin
Messages : 4230
Inscrit(e) le : 24/12/2014

https://forum.forumactif.com
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence des cellules du forum pour voir l'image en fond

Message par Ecath Mer 10 Fév - 23:00

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 Smile
avatar

Ecath
Nouveau membre

Messages : 7
Inscrit(e) le : 12/10/2008

http://www.dragonsdegaïa.forumactif.org
Ecath a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence des cellules du forum pour voir l'image en fond

Message par ◦Jay◦ Mer 10 Fév - 23:05

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 ?
◦Jay◦

◦Jay◦
Membre actif

Masculin
Messages : 4230
Inscrit(e) le : 24/12/2014

https://forum.forumactif.com
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence des cellules du forum pour voir l'image en fond

Message par Ecath Mer 10 Fév - 23:29

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 !
avatar

Ecath
Nouveau membre

Messages : 7
Inscrit(e) le : 12/10/2008

http://www.dragonsdegaïa.forumactif.org
Ecath a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence des cellules du forum pour voir l'image en fond

Message par ◦Jay◦ Mer 10 Fév - 23:31

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◦

◦Jay◦
Membre actif

Masculin
Messages : 4230
Inscrit(e) le : 24/12/2014

https://forum.forumactif.com
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence des cellules du forum pour voir l'image en fond

Message par ◦Jay◦ Mer 10 Fév - 23:33

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

◦Jay◦
Membre actif

Masculin
Messages : 4230
Inscrit(e) le : 24/12/2014

https://forum.forumactif.com
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence des cellules du forum pour voir l'image en fond

Message par Ecath Mer 10 Fév - 23:47

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
avatar

Ecath
Nouveau membre

Messages : 7
Inscrit(e) le : 12/10/2008

http://www.dragonsdegaïa.forumactif.org
Ecath a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence des cellules du forum pour voir l'image en fond

Message par ◦Jay◦ Mer 10 Fév - 23:48

Non, celui ou vous avez apporté des modifications.
◦Jay◦

◦Jay◦
Membre actif

Masculin
Messages : 4230
Inscrit(e) le : 24/12/2014

https://forum.forumactif.com
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence des cellules du forum pour voir l'image en fond

Message par ◦Jay◦ Mer 10 Fév - 23:53

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


Dernière édition par ◦Jay◦ le Jeu 11 Fév - 0:11, édité 1 fois
◦Jay◦

◦Jay◦
Membre actif

Masculin
Messages : 4230
Inscrit(e) le : 24/12/2014

https://forum.forumactif.com
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence des cellules du forum pour voir l'image en fond

Message par Ecath Jeu 11 Fév - 0:03

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

Ecath
Nouveau membre

Messages : 7
Inscrit(e) le : 12/10/2008

http://www.dragonsdegaïa.forumactif.org
Ecath a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence des cellules du forum pour voir l'image en fond

Message par ◦Jay◦ Jeu 11 Fév - 0:09

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

◦Jay◦
Membre actif

Masculin
Messages : 4230
Inscrit(e) le : 24/12/2014

https://forum.forumactif.com
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence des cellules du forum pour voir l'image en fond

Message par Ecath Jeu 11 Fév - 0:24

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

Ecath
Nouveau membre

Messages : 7
Inscrit(e) le : 12/10/2008

http://www.dragonsdegaïa.forumactif.org
Ecath a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transparence des cellules du forum pour voir l'image en fond

Message par ◦Jay◦ Jeu 11 Fév - 0:26

Avec plaisir.

Bien cordialement.
◦Jay◦

◦Jay◦
Membre actif

Masculin
Messages : 4230
Inscrit(e) le : 24/12/2014

https://forum.forumactif.com
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum