Image de fond pour citations
3 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 de fond pour citations
Détails techniques
Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
- Voir l'image:
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://nouvelle-lune.rpgwars.net/t26-structuration-du-gouvernement
Description du problème
Bonjour à tous,J'ai tenté de mettre une image de vieux papier pour mes citations de mon forum. J'ai tenté de mettre le code comme indiqué dans les archives (cf capture d'écran), mais à chaque fois c'est ignoré...
Voici un lien où il y a une citation http://nouvelle-lune.rpgwars.net/t26-structuration-du-gouvernement
Voici le code que j'ai utilisé, j'ai testé avec "" avec '' sans guillemets, quote sans . blockquote avec et sans point...
- Code:
.quote {
background-image: url("https://i37.servimg.com/u/f37/19/48/43/04/vieux-10.jpg");
background-repeat: no-repeat;
}
J'ai essayé toutes les formes de codes dans le CSS personnalisé, mais rien n'y fait, c'est pourquoi je me tourne vers vous.
Dernière édition par Eldorhaan le Ven 6 Jan 2017 - 15:16, édité 1 fois
Re: Image de fond pour citations
Bonjour Eldorhaan, essayez comme ceci :
Bien à vous.
- Code:
blockquote{
background-image: url(https://i37.servimg.com/u/f37/19/48/43/04/vieux-10.jpg);
}
Bien à vous.
Re: Image de fond pour citations
◦Jay◦ a écrit:Bonjour Eldorhaan, essayez comme ceci :
- Code:
blockquote{
background-image: url(https://i37.servimg.com/u/f37/19/48/43/04/vieux-10.jpg);
}
Bien à vous.
Je viens de changer le code comme vous m'avez demandé https://i.servimg.com/u/f37/19/48/43/04/screen11.png
Mais rien n'a changé malheureusement ...
Re: Image de fond pour citations
Bonjour,
Vous devez faire une erreur quelque part, car si j'essaye ce code :
J'ai ce rendu :
pouvez-vous nous copier l'intégralité de votre CSS entre balises [code] ?
Cordialement,
Walt
Vous devez faire une erreur quelque part, car si j'essaye ce code :
- Code:
blockquote {
background: url("https://i37.servimg.com/u/f37/19/48/43/04/vieux-10.jpg") repeat scroll 0 0 / 100% 100%;
}
J'ai ce rendu :
pouvez-vous nous copier l'intégralité de votre CSS entre balises [code] ?
Cordialement,
Walt
Walt- Modéractif
-
Messages : 6084
Inscrit(e) le : 08/09/2015
Re: Image de fond pour citations
Bonjour et merci pour votre réponse.
Je viens de mettre votre code et pourtant de mon côté ça ne marche pas cf code plus bas. J'avais aussi essayé en enlevant tout le css personnalisé, mais rien n'y faisait.
Voici le rendu que j'ai https://i.servimg.com/u/f37/19/48/43/04/screen10.jpg
Je viens de mettre votre code et pourtant de mon côté ça ne marche pas cf code plus bas. J'avais aussi essayé en enlevant tout le css personnalisé, mais rien n'y faisait.
- Code:
.hierarchy {
font-size: 0.85em;
}
#wrap {
background-repeat: repeat-x-y;
background-image: url('');
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
border: 0 solid #FFFFFF;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
}
.e543922b {
height: 10px;
}
.inputbox {
background-color: #3c3c3c;
border: 1px solid #BCBCBC;
color: #ffffff;
padding: 2px;
cursor: text;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
dl.codebox {
padding: 3px;
background-color: #FFFFFF;
border: 1px solid #C9D2D8;
font-size: 1em;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
border: 1px solid #101010;
}
.forabg {
background-color: #262627;
margin-bottom: 4px;
clear: both;
border: 2px solid #;
padding: 0px 5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
border: 1px solid #101010;
background-image: url('http://imageshack.com/a/img838/9827/fsga.png');
-o-transition: background-color 0.2s linear;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
}
.panel {
margin-bottom: 4px;
padding: 0px 10px;
background-image: url('');
border: 1px solid #101010;
background-repeat: repeat-x;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
background-color: #262627;
border: 1px solid #101010;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
}
.post {
padding: 0 10px;
margin-bottom: 4px;
background-repeat: no-repeat;
background-position: 100% 0;
color: #EBEBEB;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
background-color: #6e6750;
-moz-box-shadow : 0 0 9px #;
-webkit-box-shadow : 0 0 9px ;
}
.postprofile {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4) !important;
border-radius: 5px 5px 5px 5px;
color: #999;
display: inline;
margin: 5px 0 0;
min-height: 80px;
position: relative;
text-align: center;
width: 17%;
word-wrap: break-word;
border: 1px solid rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
padding: 5px;
}
dl.codebox {
background-color: #1E1D1B;
border: 1px solid #878787;
}
ul.profile-icons {
margin-top: 10px;
list-style: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
.module {
background-image: url('http://i60.servimg.com/u/f60/14/70/09/25/gradie22.png');
border: 1px solid #101010;
background-repeat: repeat-x;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
background-color: #262627;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
}
.signature {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
border-color: #111010;
}
.row2 {
background-color: #0D0C0B;
background-image: url("http://imageshack.com/a/img690/452/q962.png");
background-position: center top;
background-repeat: repeat-x;
}
.row1 {
background-color: #0D0C0B;
background-image: url("http://imageshack.com/a/img690/452/q962.png");
background-position: center top;
background-repeat: repeat-x;
}
blockquote {
background: url("http://imageshack.com/a/img809/2250/voys.png") no-repeat scroll 0 0 #C1A780;
border: 0 none #4C402D;
border-radius: 10px;
padding-right: 25px;
}
.panel {
background-color: #000000;
background-image: url("");
background-repeat: repeat-x;
border-radius: 10px;
margin-bottom: 4px;
padding: 0 10px;
}
a.button1, a.button2, button.button2, input.button1, input.button2 {
background-color: #1E1D1B;
background-image: url("http://imageshack.com/a/img849/7503/zow4.png");
border: 0 none;
color: #B89E7D;
}
.content {
font-family: Papyrus,Rockwell,Verdana;
}
blockquote {
background: url("https://i37.servimg.com/u/f37/19/48/43/04/vieux-10.jpg") repeat scroll 0 0 / 100% 100%;
}
Voici le rendu que j'ai https://i.servimg.com/u/f37/19/48/43/04/screen10.jpg
Re: Image de fond pour citations
Déjà vous avez des instructions contraires dans ce code, je vous le redonne corrigé :
Est-ce que vous avez paramétré de cette façon les options relatives au CSS ?
Cordialement,
Walt
- Code:
.hierarchy {
font-size:0.85em;
}
#wrap {
background-repeat:repeat-x-y;
background-image:url('');
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
border-radius:10px;
border:0 solid #FFFFFF;
-moz-box-shadow:0 0 9px #000000;
-webkit-box-shadow:0 0 9px #000000;
}
.e543922b {
height:10px;
}
.inputbox {
background-color:#3c3c3c;
border:1px solid #BCBCBC;
color:#ffffff;
padding:2px;
cursor:text;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
border-radius:10px;
}
dl.codebox {
padding:3px;
background-color:#FFFFFF;
border:1px solid #C9D2D8;
font-size:1em;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
border-radius:10px;
border:1px solid #101010;
}
.forabg {
background-color:#262627;
margin-bottom:4px;
clear:both;
border:2px solid #;
padding:0px 5px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
border-radius:10px;
border:1px solid #101010;
background-image:url('http://imageshack.com/a/img838/9827/fsga.png');
-o-transition:background-color 0.2s linear;
-moz-box-shadow:0 0 9px #000000;
-webkit-box-shadow:0 0 9px #000000;
}
.panel {
margin-bottom:4px;
padding:0px 10px;
background-image:url('');
border:1px solid #101010;
background-repeat:repeat-x;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
border-radius:10px;
background-color:#262627;
border:1px solid #101010;
-moz-box-shadow:0 0 9px #000000;
-webkit-box-shadow:0 0 9px #000000;
}
.post {
padding:0 10px;
margin-bottom:4px;
background-repeat:no-repeat;
background-position:100% 0;
color:#EBEBEB;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
border-radius:10px;
background-color:#6e6750;
-moz-box-shadow:0 0 9px #;
-webkit-box-shadow:0 0 9px;
}
.postprofile {
background:none repeat scroll 0 0 rgba(0,0,0,0.4) !important;
border-radius:5px 5px 5px 5px;
color:#999;
display:inline;
margin:5px 0 0;
min-height:80px;
position:relative;
text-align:center;
width:17%;
word-wrap:break-word;
border:1px solid rgba(0,0,0,0.25);
box-shadow:0 1px 3px rgba(0,0,0,0.6) inset,0 0 0 1px rgba(255,255,255,0.05),0 1px 0 rgba(255,255,255,0.1);
padding:5px;
}
dl.codebox {
background-color:#1E1D1B;
border:1px solid #878787;
}
ul.profile-icons {
margin-top:10px;
list-style:none;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
border-radius:10px;
}
.module {
background-image:url('http://i60.servimg.com/u/f60/14/70/09/25/gradie22.png');
border:1px solid #101010;
background-repeat:repeat-x;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
border-radius:10px;
background-color:#262627;
-moz-box-shadow:0 0 9px #000000;
-webkit-box-shadow:0 0 9px #000000;
}
.signature {
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
border-radius:10px;
border-color:#111010;
}
.row2 {
background-color:#0D0C0B;
background-image:url("http://imageshack.com/a/img690/452/q962.png");
background-position:center top;
background-repeat:repeat-x;
}
.row1 {
background-color:#0D0C0B;
background-image:url("http://imageshack.com/a/img690/452/q962.png");
background-position:center top;
background-repeat:repeat-x;
}
.panel {
background-color:#000000;
background-image:url("");
background-repeat:repeat-x;
border-radius:10px;
margin-bottom:4px;
padding:0 10px;
}
a.button1,a.button2,button.button2,input.button1,input.button2 {
background-color:#1E1D1B;
background-image:url("http://imageshack.com/a/img849/7503/zow4.png");
border:0 none;
color:#B89E7D;
}
.content {
font-family:Papyrus,Rockwell,Verdana;
}
blockquote {
background:url("https: https://i.servimg.com/u/f37/19/48/43/04/vieux-10.jpg") repeat scroll 0 0 / 100% 100%;
}
Est-ce que vous avez paramétré de cette façon les options relatives au CSS ?
Cordialement,
Walt
Walt- Modéractif
-
Messages : 6084
Inscrit(e) le : 08/09/2015
Re: Image de fond pour citations
Salut Walt, oui effectivement tu viens de pointer sur le cœur du souci, il semblerait que ça venait de l'option "forcer le CSS de base du forum:"
Je viens de le désactiver et la magie vient d'opérer le background fonctionne .
Pour ce qui est du reste du CSS c'était celui contenu dans le thème d'origine je n'avais pas osé y toucher, mais je vais replaquer celui que tu m'as mis.
Vraiment super sympa pour ta pugnacité qui a finalement finie par payer.
Je viens de le désactiver et la magie vient d'opérer le background fonctionne .
Pour ce qui est du reste du CSS c'était celui contenu dans le thème d'origine je n'avais pas osé y toucher, mais je vais replaquer celui que tu m'as mis.
Vraiment super sympa pour ta pugnacité qui a finalement finie par payer.
Re: Image de fond pour citations
Pardon j'ai crié victoire un peu vite, ce qui est étrange c'est que lorsque j'ai replaqué le CSS que tu m'as corrigé, de nouveau j'ai perdu le background... Je viens de remettre le code que je t'avais envoyé plus haut et du coup ça remarche, donc en gros si je veux avoir le background je dois utiliser le code non corrigé.
Une chose aussi, avec les options que tu m'as fais mettre, j'ai perdu toute les anciens réglages du CSS que j'avais paramétré dans la partie gestion couleurs, comment arriver à faire cohabiter les deux?
Une chose aussi, avec les options que tu m'as fais mettre, j'ai perdu toute les anciens réglages du CSS que j'avais paramétré dans la partie gestion couleurs, comment arriver à faire cohabiter les deux?
Re: Image de fond pour citations
Le CSS personnalisé vient écraser le style défini par la gestion des couleurs, donc votre CSS perso doit contenir des directives qui contredisent ce que vous aviez personnalisé dans les couleurs. Il ne vous reste qu'à trouver lesquelles...
Cordialement,
Walt
Cordialement,
Walt
Walt- Modéractif
-
Messages : 6084
Inscrit(e) le : 08/09/2015
Re: Image de fond pour citations
Merci Walt, je vais voir ce que je peux faire, mais donc on ne peut pas avoir d'image en fond de citation si la case "Forcer le CSS de base du forum:" est activé?
Re: Image de fond pour citations
Non car cette option désactive le CSS personnalisé, et c'est le seul moyen d'ajouter une image de fond à cette zone de citation.
Cordialement,
Walt
Cordialement,
Walt
Walt- Modéractif
-
Messages : 6084
Inscrit(e) le : 08/09/2015
Sujets similaires
» Image aléatoire en image de fond pour mon forum général, comment procéder ?
» Problème pour trouvé la bonne dimension pour l'image de fond du forum
» problème pour l'image de fond.
» Pour l'image de fond
» Image de fond pour sélection forum .
» Problème pour trouvé la bonne dimension pour l'image de fond du forum
» problème pour l'image de fond.
» Pour l'image de fond
» Image de fond pour sélection forum .
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