Modification spoiler/quote/hide/code sous ModernBB

[louha]

Détails techniques

Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Modification spoiler/quote/hide/code
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour à tous,

J'ai décidé de passer mon forum sur la version modernBB afin de pouvoir travailler plus efficacement sur le codage. Actuellement, je suis en train de tout préparer sur un forum de test pour pouvoir tout installer sur le forum une fois que tout sera prêt.

Jusqu'à présent, j'étais en phpBB2, et j'utilisais ce type de CSS pour modifier spoiler/code etc...

Code:

/*-----------------------------------------------------
          MODIFICATIONS SPOILER/CODE/QUOTE
---------------------------------------------------*/
.spoiler_closed, .spoiler_closed.hidden, .spoiler_content, .spoiler_content.hidden {
  background-color: #ece4d3;
}
.code, .quote {
    background-color: #ece4d3;
}
.hidecode dd{
    background-color: #ece4d3;
}

Sauf que lorsque je l'ai intégré sur modernBB, en pensant que les balises auraient le même nom, je n'ai pas eu du tout le résultat attendu haha...

J'aimerais savoir quelles sont les balises à utiliser pour faire mes personnalisations, et surtout, comment supprimer les petites images de fond qui sont sur la droite de chaque case ?

J'ai trouvé des méthodes compliquées qui demandent d'utiliser du javascript (et qui n'ont pas fonctionné sur mon forum) mais... ça doit pouvoir être fait simplement en CSS non ?

Merci à ceux qui se pencheront sur mon cas <3

[Toryudo]

Bonjour !

Voici un premier code qui va permettre de masquer toutes les images de fond à droite de chaque bloc :

Code:

dl.codebox::before, blockquote::before {
  display: none;
}

Et voici les codes CSS qui vont vous permettre de modifier les couleurs des blocs.
Pour le bloc spoiler :

Code:

dl.codebox.spoiler {
  background-color: red;
}

Pour le bloc hide :

Code:

dl.codebox.hidecode {
  background-color: green;
}

Pour le bloc quote :

Code:

blockquote {
  background-color: yellow;
}

Pour le bloc code (plus généralement pour les 3 blocs spoiler, hide et code si vous n'avez pas choisi de couleur spécifique pour spoiler et hide) :

Code:

dl.codebox {
  background-color: blue;
}

[louha]

Bonjour Toryudo !

ça marche parfaitement, merci beaucoup !