Personnalisation des intitulés de citation et code

2 participants

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

Résolu Personnalisation des intitulés de citation et code

Message par foxies Ven 31 Mar 2017 - 10:45

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 Very Happy

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
foxies

foxies
*****

Féminin
Messages : 607
Inscrit(e) le : 02/05/2010

http://hawkeyeriver.forumgratuit.org/
foxies a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation des intitulés de citation et code

Message par foxies Sam 1 Avr 2017 - 15:11

UP
foxies

foxies
*****

Féminin
Messages : 607
Inscrit(e) le : 02/05/2010

http://hawkeyeriver.forumgratuit.org/
foxies a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation des intitulés de citation et code

Message par foxies Dim 2 Avr 2017 - 17:05

UP
foxies

foxies
*****

Féminin
Messages : 607
Inscrit(e) le : 02/05/2010

http://hawkeyeriver.forumgratuit.org/
foxies a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnalisation des intitulés de citation et code

Message par MasDan Lun 3 Avr 2017 - 4:00

Bonjour,

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

MasDan
Membre habitué

Masculin
Messages : 1538
Inscrit(e) le : 24/05/2011

http://projetAumMdn.forumactif.com
MasDan a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Personnalisation des intitulés de citation et code

Message par foxies Lun 3 Avr 2017 - 6:02

Un grand merci, je n'avais pas pensé à inclure div.postbody dans mon CSS Smile

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 Very Happy
foxies

foxies
*****

Féminin
Messages : 607
Inscrit(e) le : 02/05/2010

http://hawkeyeriver.forumgratuit.org/
foxies 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