Personnalisation des intitulés de citation et code
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
Personnalisation des intitulés de citation et code
Détails techniques
Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
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,Je tente tant bien que mal de supprimer le gras des intitulés de citations ('Pseudo a écrit') et de codes dans les messages et à reproduire ce que je suis parvenue à réaliser pour l'intitulé de spoilers (que ce soit au niveau de la taille du texte que de la couleur) - screen - mais je bloque. Je suppose que le problème se situe au niveau de la class "genmed" présente au niveau des intitulés. Merci d'avance pour l'aide que vous m'apporterez
Voici mon CSS :
- Code:
/*DEBUT MISE EN FORME CODES CITATIONS ET SPOILERS*/
.quote strong{
font-weight: normal!important;
}
dl.codebox dd, .spoiler_content {
border: none;
background: none;
}
dl.codebox {
background: #EDEAF9;
padding: 3px;
}
dl.codebox dt{
background: linear-gradient(180deg,rgba(218,204,243,0.5),rgba(171,199,228,0.5));
box-shadow: 0 0 1px #FFFFFF;
margin: -3px -3px 3px;
font-family: Montserrat;
font-size: 7px !important;
font-weight: normal !important;
letter-spacing: 1px;
padding-left: 15px;
position: relative;
text-align: left;
text-shadow: 1px 1px 1px #fff;
text-transform: uppercase;
color:#605882!important;
}
dd.quote, dd.code, .spoiler_content{
padding: 2px 20px 2px 20px;
color: #605882;
}
dd.spoiler_closed {
display: none;
}
/*FIN MISE EN FORME CODES CITATIONS ET SPOILERS*/
A savoir que des modifications ont également été apportées par JS :
- Code:
;$(function() {
/* paramètres à régler */
var spoiler_text = "Cliquer pour afficher le contenu :";
var citation_text = "Ceci est une citation :";
var code_text = "Ceci est un code :";
var a_ecrit_text = "";
/* fin des paramètres à régler */
$(".postbody").find("dl.spoiler dt, dl.codebox dt, dl.codebox dt span.genmed b, blockquote cite").each(function() {
if (!this.hasChildNodes() || this.firstChild.nodeType != 3) return;
var c = this.firstChild, t = c.nodeValue.trim();
t == "Spoiler:" && (c.nodeValue = spoiler_text) ||
t == "Citation :" && (c.nodeValue = citation_text) ||
t == "Code:" && (c.nodeValue = code_text) ||
t.substr(-9) == " a écrit:" && (c.nodeValue = t.substr(0, t.length - 9) + a_ecrit_text);
}).filter('cite').find('a[rel][href^="/u"]').each(function(){
if($(this).text().substr(0,1)!="@")return;
$(this.nextSibling).replaceWith(a_ecrit_text);
});
});
Dernière édition par pinke le Lun 3 Avr 2017 - 6:02, édité 1 fois
Re: Personnalisation des intitulés de citation et code
Bonjour,
Du code CSS devrait seul résoudre ce problème.
Essayer ce code CSS
Sinon, il faudrait un accès (mode invité) pour constater de visu le problème.
Du code CSS devrait seul résoudre ce problème.
Essayer ce code CSS
- Code:
div.postbody dl.codebox b { font-weight: lighter;}
Sinon, il faudrait un accès (mode invité) pour constater de visu le problème.
Re: Personnalisation des intitulés de citation et code
Un grand merci, je n'avais pas pensé à inclure div.postbody dans mon CSS
J'ai également réussi à changer la couleur et la taille du texte grâce à ceci :
Bonne journée
J'ai également réussi à changer la couleur et la taille du texte grâce à ceci :
- Code:
dl.codebox span{
font-size:7px;
color:#605882!important;
}
Bonne journée
Sujets similaires
» Personnaliser les intitulés de spoiler, citation et code
» Personnaliser les intitulés de citation, spoiler et code
» Cadre citation, code et spoiler
» Messages citation et code invisibles
» Apparence CODE/CITATION/SPOILER
» Personnaliser les intitulés de citation, spoiler et code
» Cadre citation, code et spoiler
» Messages citation et code invisibles
» Apparence CODE/CITATION/SPOILER
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