Personnalisation des intitulés de citation et code

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 pinke le 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
avatar

pinke
****

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

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

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

Message par pinke le Sam 1 Avr 2017 - 15:11

UP
avatar

pinke
****

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

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

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

Message par pinke le Dim 2 Avr 2017 - 17:05

UP
avatar

pinke
****

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

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

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

Message par MasDan le 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.
avatar

MasDan
Aidactif
Aidactif

Masculin
Messages : 1056
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 pinke le 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
avatar

pinke
****

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

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