Image de fond pour citations

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

Résolu Image de fond pour citations

Message par Eldorhaan le Jeu 5 Jan 2017 - 21:55

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
avatar

Eldorhaan
Nouveau membre

Masculin
Messages : 15
Inscrit(e) le : 21/10/2010

http://nouvelle-lune.rpgwars.net/
Eldorhaan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond pour citations

Message par ◦Jay◦ le Ven 6 Jan 2017 - 6:45

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.


avatar

◦Jay◦
Créactif
Créactif

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

http://www.forum-can-am.com/forum
◦Jay◦ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond pour citations

Message par Eldorhaan le Ven 6 Jan 2017 - 11:53

◦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://i37.servimg.com/u/f37/19/48/43/04/screen11.png

Mais rien n'a changé malheureusement ...
avatar

Eldorhaan
Nouveau membre

Masculin
Messages : 15
Inscrit(e) le : 21/10/2010

http://nouvelle-lune.rpgwars.net/
Eldorhaan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond pour citations

Message par Walt le Ven 6 Jan 2017 - 12:32

Bonjour,

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
avatar

Walt
Modéractif
Modéractif

Masculin
Messages : 3432
Inscrit(e) le : 08/09/2015

Walt a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond pour citations

Message par Eldorhaan le Ven 6 Jan 2017 - 12:36

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.

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://i37.servimg.com/u/f37/19/48/43/04/screen10.jpg
avatar

Eldorhaan
Nouveau membre

Masculin
Messages : 15
Inscrit(e) le : 21/10/2010

http://nouvelle-lune.rpgwars.net/
Eldorhaan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond pour citations

Message par Walt le Ven 6 Jan 2017 - 12:58

Déjà vous avez des instructions contraires dans ce code, je vous le redonne corrigé :

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: http://i37.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
avatar

Walt
Modéractif
Modéractif

Masculin
Messages : 3432
Inscrit(e) le : 08/09/2015

Walt a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond pour citations

Message par Eldorhaan le Ven 6 Jan 2017 - 13:01

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

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

Eldorhaan
Nouveau membre

Masculin
Messages : 15
Inscrit(e) le : 21/10/2010

http://nouvelle-lune.rpgwars.net/
Eldorhaan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond pour citations

Message par Eldorhaan le Ven 6 Jan 2017 - 13:11

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

Eldorhaan
Nouveau membre

Masculin
Messages : 15
Inscrit(e) le : 21/10/2010

http://nouvelle-lune.rpgwars.net/
Eldorhaan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond pour citations

Message par Walt le Ven 6 Jan 2017 - 13:20

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
avatar

Walt
Modéractif
Modéractif

Masculin
Messages : 3432
Inscrit(e) le : 08/09/2015

Walt a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond pour citations

Message par Eldorhaan le Ven 6 Jan 2017 - 13:25

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é?
avatar

Eldorhaan
Nouveau membre

Masculin
Messages : 15
Inscrit(e) le : 21/10/2010

http://nouvelle-lune.rpgwars.net/
Eldorhaan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond pour citations

Message par Walt le Ven 6 Jan 2017 - 13:26

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

Cordialement,
Walt
avatar

Walt
Modéractif
Modéractif

Masculin
Messages : 3432
Inscrit(e) le : 08/09/2015

Walt a été remercié(e) par l'auteur de ce sujet.

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


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