Image fond de Spoilers et Codes
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Image fond de Spoilers et Codes
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
Re: Image fond de Spoilers et Codes
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 pour le spoiler ouvert.
- Code:
.spoiler_content {
background-color: rgba(0, 0, 0, 0.48);
}
- Code:
dl.codebox code {
background-color: rgba(0, 0, 0, 0.48);
}
Re: Image fond de Spoilers et Codes
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.
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 :
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:
- Code:
/* Post----------------------------------------------*/
.post {
border-left: 1px solid #2F484F;
border-right: 1px solid #2F484F;
border-top: 1px solid #2F484F;
border-bottom: 1px solid #2F484F;
background-repeat: repeat;
background-image: url('https://i62.servimg.com/u/f62/19/04/63/68/transp20.png');
}
/* Code block------------------------------------------------*/
dl.codebox {
padding: 3px;
background-repeat: repeat;
background-color: #00151C;
border: 1px solid #1E2E33;
font-size: 1em;
}
dl.codebox dt {
text-transform: uppercase;
border-bottom: 0px solid #CCCCCC;
margin-bottom: 3px;
font-weight: bold;
display: block;
}
blockquote dl.codebox {
margin-left: 0;
}
dl.codebox code {
overflow: auto;
display: block;
height: auto;
max-height: 200px;
white-space: normal;
padding-top: 5px;
font: 0.9em Courier,CourierNew,sans-serif;
line-height: 1.3em;
color: #186200
margin: 2px 0;
}
/* Spoiler-n-------------------------------------------------*/
dl.codebox.spoiler {
background: none;
border: 1px solid #1E2E33;
}
/* Blockquote------------------------------------------------*/
blockquote {
margin: 1em 1px 1em 25px;
padding: 5px;
background-image: url('https://i62.servimg.com/u/f62/19/04/63/68/transp20.png');
background-repeat: repeat;
border: 1px solid #1E2E33;
font-size: 0.95em;
margin: 1em 1px 1em 25px;
overflow: hidden;
}
blockquote div {
margin-left: 0px;
}
blockquote blockquote {
margin: 1em 1px 1em 25px;
padding: 5px;
background-image: url('https://i62.servimg.com/u/f62/19/04/63/68/transp20.png');
background-repeat: repeat;
border: 1px solid #1E2E33;
font-size: 0.95em;
margin: 1em 1px 1em 25px;
overflow: hidden;
}
/* Table-------------------------------------------------*/
.forabg {
background-repeat: repeat;
border: 1px solid #1E2E33;
}
.forumbg {
background-repeat: repeat;
border: 1px solid #1E2E33;
}
/* Input Button Form---------------------------------------------------------*/
input.button1, input.button2, button.button2 {
font-size: 1em;
}
a.button1, input.button1 {
font-weight: bold;
border: 1px solid #1E2E33;
}
a.button2, input.button2, button.button2 {
border: 1px solid #1E2E33;
}
a.button1, input.button1, a.button2, input.button2, button.button2 {
width: auto !important;
padding: 2px 3px;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #C4C4C4;
background-repeat: no-repeat;
background-color: #00151C;
background-image: url('http://2img.net/i/fa/empty.gif');
background-position: top;
overflow: visible;
}
Re: Image fond de Spoilers et Codes
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;
}
Re: Image fond de Spoilers et Codes
Ç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.
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.
Re: Image fond de Spoilers et Codes
Hello,
Essayer avec ce code..
Essayer avec ce code..
- Code:
dl.codebox dt {
background-color: #000000;
}
Re: Image fond de Spoilers et Codes
Parfait, merci beaucoup une fois de plus.
Sujets similaires
» Personnaliser les Spoilers, Codes, Citations.
» Changer l'apparence de la citation, des spoilers et des codes
» Spoilers, citations et codes : Modifier l'apparence
» Aide Taille du Cadre des Citations, Codes & Spoilers
» couleur de fond des spoilers
» Changer l'apparence de la citation, des spoilers et des codes
» Spoilers, citations et codes : Modifier l'apparence
» Aide Taille du Cadre des Citations, Codes & Spoilers
» couleur de fond des spoilers
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum