Apparence des spoilers

[Jellicle]

Bonjour,

Je me permets de signaler un souci au niveau des spoilers. Hier un correctif a été appliqué pour régler le souci des spoilers qui ne se fermaient plus, cependant, depuis, c'est comme si les spoilers ne prenaient plus en compte les modifications d'apparence que je leur avais attribué afin qu'ils soient le plus discrets possibles.

Aussi, jusqu'à présent le CSS suivant convenait très bien, et c'est comme si désormais, ce n'était plus "actif".

Code:

/*SPOILER DÉNUDÉ*/
        table.spoiler {width: 100%;
           margin-left:-1px;
        margin-bottom:-4px;}
        table.spoiler .genmed b {
            font-weight: 500;
            color:#268ac4;}      
       .spoiler_closed,.spoiler_content {
             background: transparent;
             border: 0;}
        .spoiler_closed {margin-bottom:-20px;
          margin-top:-20px;
        padding:-35px;}
        .spoiler_content {
        padding-bottom:2px;
          padding-bottom:10px;}
        td.spoiler_closed {display:none;}

Quant au rendu, c'était le spoiler le plus dénudé possible, qui rappelle le hide d'une autre plateforme, à savoir juste une écriture sur laquelle on clique pour dévoiler le spoiler, le tout transparent et donc sans gros bloc blanc. Je ne sais pas si je suis très claire, mais si vous avez une idée de comment remettre les choses dans l'ordre, j'apprécierais fortement !

Merci d'avance à qui essaiera de m'aider.

[Tech]

Bonjour,

En mettant des !important partout, il y a déjà pas mal de codes qui fonctionneront

Cordialement.

[Jellicle]

Merci pour la précision Tech ! J'ai réussi à améliorer les choses, mais j'ai l'impression que ce bout de code-ci ne fonctionne plus comme auparavant :

Code:

table.spoiler .genmed b {
    font-weight: 500 !important;
    color:#268ac4 !important;}

Jusqu'à présent j'avais réussi à rendre les titres des spoilers en non-gras et bleu, mais là ça ne veut pas s'appliquer, ça reste gras et noir.

De plus, on m'avait donné un code javascript pour retirer les ":" à la fin du titre du spoiler, sous cette forme :

Code:

$(function(){
    $('table.spoiler span.genmed').each(function(){
 $(this).html($(this).html().replace(":", ''));
    });
});

Sauf qu'il ne fonctionne plus non plus. Si jamais quelqu'un peut m'éclairer sur ces deux points-ci, ce serait parfait ! Merci d'avance !

[Tech]

Vous devez utiliser ce CSS :

Code:

.codebox.spoiler dt,.codebox.spoiler .genmed b {
    color: #268AC4 !important;
    font-weight: 500 !important;
}

et ce JS :

Code:

        $(function(){
            $('.codebox.spoiler span.genmed').each(function(){
        $(this).html($(this).html().replace(":", ''));
            });
        });
                $(function(){
            $('.codebox.spoiler dt').each(function(){
        $(this).html($(this).html().replace(":", ''));
            });
        });

Cordialement.

[Jellicle]

C'est génial, tout est réglé ! Merci infiniment Tech !

[Jellicle]

Désolée pour le double-post mais il s'avère qu'en fait j'ai une dernière question. Je n'arrive pas à trouver quel est l'élément qui englobe tout le "bloc" de spoiler. En effet, la largeur maximale des messages sur mon forum est de 580 px, cependant, le bloc de spoiler est devenu "plus étroit", avec des marges sur les côtés. Pour les membres qui avaient mis des images de 580px dans les spoilers, cela créé maintenant un décalage :


J'ai voulu résoudre le problème en passant par .codebox.spoiler dd et en jouant sur la largeur mais ça ne marche pas... une idée ?

[Jellicle]

Désolée pour le double-post mais il s'avère qu'en fait j'ai une dernière question. Je n'arrive pas à trouver quel est l'élément qui englobe tout le "bloc" de spoiler. En effet, la largeur maximale des messages sur mon forum est de 580 px, cependant, le bloc de spoiler est devenu "plus étroit", avec des marges sur les côtés. Pour les membres qui avaient mis des images de 580px dans les spoilers, cela créé maintenant un décalage :


J'ai voulu résoudre le problème en passant par .codebox.spoiler dd et en jouant sur la largeur mais ça ne marche pas... une idée ?

Edit : A force de recherche j'ai trouvé, il fallait passer par dl.codebox !

Résolu, donc. Encore merci Tech !