Modification spoiler/quote/hide/code sous ModernBB

2 participants

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

Résolu Modification spoiler/quote/hide/code sous ModernBB

Message par louha Mer 7 Aoû 2024 - 15:35

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
louha

louha
**

Féminin
Messages : 64
Inscrit(e) le : 23/02/2015

https://www.thecauldron-rpg.net/
louha a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Modification spoiler/quote/hide/code sous ModernBB

Message par Toryudo Mer 7 Aoû 2024 - 19:13

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;
}
Toryudo

Toryudo
Aidactif
Aidactif

Masculin
Messages : 1538
Inscrit(e) le : 31/03/2020

https://deus-academia.forumactif.com/
Toryudo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification spoiler/quote/hide/code sous ModernBB

Message par louha Mer 7 Aoû 2024 - 19:46

Bonjour Toryudo !

ça marche parfaitement, merci beaucoup !


louha

louha
**

Féminin
Messages : 64
Inscrit(e) le : 23/02/2015

https://www.thecauldron-rpg.net/
louha 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