Apparence des spoilers

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

Résolu Apparence des spoilers

Message par Jellicle le Sam 14 Déc 2013 - 10:48

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 Smile!

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


Dernière édition par Jellicle le Sam 14 Déc 2013 - 15:22, édité 3 fois

Jellicle
***

Messages : 195
Inscrit(e) le : 18/09/2008

http://master-poke.forumactif.fr/
Jellicle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des spoilers

Message par Tech le Sam 14 Déc 2013 - 11:16

Bonjour,

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

Cordialement.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 20898
Inscrit(e) le : 01/12/2007

http://forum.forumactif.com
Tech a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des spoilers

Message par Jellicle le Sam 14 Déc 2013 - 11:39

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 Smile !

Jellicle
***

Messages : 195
Inscrit(e) le : 18/09/2008

http://master-poke.forumactif.fr/
Jellicle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des spoilers

Message par Tech le Sam 14 Déc 2013 - 11:51

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.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 20898
Inscrit(e) le : 01/12/2007

http://forum.forumactif.com
Tech a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des spoilers

Message par Jellicle le Sam 14 Déc 2013 - 13:00

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

Jellicle
***

Messages : 195
Inscrit(e) le : 18/09/2008

http://master-poke.forumactif.fr/
Jellicle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des spoilers

Message par Jellicle le Sam 14 Déc 2013 - 13:15

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
***

Messages : 195
Inscrit(e) le : 18/09/2008

http://master-poke.forumactif.fr/
Jellicle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des spoilers

Message par Jellicle le Sam 14 Déc 2013 - 15:21

@Jellicle a écrit: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 !

Jellicle
***

Messages : 195
Inscrit(e) le : 18/09/2008

http://master-poke.forumactif.fr/
Jellicle 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