Image fond de Spoilers et Codes

2 participants

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

Résolu Image fond de Spoilers et Codes

Message par Tweetyblue Mer 8 Nov 2017 - 17:07

Détails techniques


Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://n080dy-c31123-server.forumactif.com/

Description du problème

Bonjour,

J'ai trouvé pas mal de topics pour changer la couleur des fonds voire changer l'apparence des spoilers fermés, mais rien en ce qui concerne mettre une image en fond des codes et des spoilers ouverts.

Je souhaiterai en effet mettre un fond noir à 40% d'opacité. Est-ce possible ?

Il s'agit donc bien des fonds par dessus lesquels on écrit du contenu et non simplement les encadrés d'en-tête.

Merci d'avance pour vos conseils.


Dernière édition par Tweetyblue le Ven 10 Nov 2017 - 11:22, édité 1 fois
avatar

Tweetyblue
**

Messages : 78
Inscrit(e) le : 16/06/2017

http://cell-23.forumactif.com/
Tweetyblue a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image fond de Spoilers et Codes

Message par tupac Mer 8 Nov 2017 - 18:32

Bonsoir Tweetyblue, pour avoir un effet de transparance il faut aussi avoir un fond de page transparent sinon ça ne fonctionnera pas.

Code pour le spoiler ouvert.
Code:
.spoiler_content {
  background-color: rgba(0, 0, 0, 0.48);
}
Code pour la balise code.
Code:
dl.codebox code {
 background-color: rgba(0, 0, 0, 0.48);
}
tupac

tupac
Membre actif

Masculin
Messages : 2551
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image fond de Spoilers et Codes

Message par Tweetyblue Mer 8 Nov 2017 - 18:59

Bonsoir Tupac.

Merci une nouvelle fois pour votre aide.

J'ai effectivement un fond de page en transparence.

Malheureusement le fond des Codes et Spoilers obtenu par vos codes demeurent opaques.

Spoiler:

Il semble effectivement y avoir un fond plus foncé (peut-être même transparent), mais la couleur encore derrière (vert) ne semble pas vouloir se faire oublier.

J'ai aussi essayé de changer le CSS en incluant "Background-color : none" Mais ça n'a changé le fond vert qu'en fond blanc par défaut.

Voici au besoin la partie du CSS correspondante :

Spoiler:
avatar

Tweetyblue
**

Messages : 78
Inscrit(e) le : 16/06/2017

http://cell-23.forumactif.com/
Tweetyblue a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image fond de Spoilers et Codes

Message par tupac Mer 8 Nov 2017 - 22:52

Effectivement il reste une couleur qui est la même pour le spoiler et la balise code peut-être qu'avec ce code on réussira a la supprimer.
Code:
dl.codebox {
    background: none;
}
tupac

tupac
Membre actif

Masculin
Messages : 2551
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image fond de Spoilers et Codes

Message par Tweetyblue Jeu 9 Nov 2017 - 10:53

Ça fonctionne parfaitement merci beaucoup.

Puis-je abuser en vous demandant le code pour le même effet sur le Spoiler fermé et l'en-tête des Codes svp ?

Merci encore pour votre aide et votre patience.
avatar

Tweetyblue
**

Messages : 78
Inscrit(e) le : 16/06/2017

http://cell-23.forumactif.com/
Tweetyblue a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image fond de Spoilers et Codes

Message par tupac Jeu 9 Nov 2017 - 17:39

Hello,

Essayer avec ce code..
Code:
dl.codebox dt {
  background-color: #000000;
}
tupac

tupac
Membre actif

Masculin
Messages : 2551
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image fond de Spoilers et Codes

Message par Tweetyblue Ven 10 Nov 2017 - 11:20

Parfait, merci beaucoup une fois de plus.
avatar

Tweetyblue
**

Messages : 78
Inscrit(e) le : 16/06/2017

http://cell-23.forumactif.com/
Tweetyblue 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