code, spoilers, hide, zone de saisie

Bonsoir !  

Déjà, je tiens à te remercier pour avoir sauvé ma vie et mes yeux en mettant au point le Blank Theme. Tu as fait un taff de malade, vraiment. Je ne te remercierai jamais assez.  

Ensuite, je suis sur la fin de la construction de mon forum, et je suis entrain de m'arracher les cheveux sur deux petits problèmes, les voici en images :

J'ai beau changer la couleur du background dans le css, le code, le spoiler et le hide restent blancs.


Le cadre de la zone de saisie reste éternellement blanc, pareil qu'au dessus, j'ai beau avoir cherché, changé les couleurs là où je pensais qu'il fallait les changer, rien n'y fait.

Voila. J'ai passé mon aprem dessus sans trouver, à écumer les pages... Donc je me permets humblement de te demander, s'il-te-plaît, qu'est-ce que je fais encore de mal ? Qu'est-ce que j'ai oublié de regarder ? xD

En te remerciant d'avance ! Plein de bonnes ondes et une bonne soirée !

Hellooo !
Aww ça fai plaisir à lire, je t'en prie Ravie que ça t'aide!

En ce qui concerne tes problèmes avec les balises : est-ce que tu es sûre de bien modifier leur apparence avec ces balises CSS :

Code:

/* BALISES DE MESSAGE : spoiler, code, quote...
 * Utilisez !important pour personnaliser au-dessus des bases de FA si besoin
 */

/*Balise code*/
#blank_code {
    width: 85%;
    margin: 0 auto;
    border-radius: 5px;
    border: var(--border) !important;
}

/* titre "code" */
#blank_code dt {
    background: var(--grey);
    border-radius: 5px;
    padding: 2px 5px;
    border: none !important;
    margin: 0 !important;
}

/* Sélectionner le code */
.selectCode {
    float:right;
    text-transform: uppercase;
    cursor:pointer;
    font-size: 10px;
}

/*contenu code*/
#blank_code code {}

/*Balise spoiler*/
#blank_spoiler {
    width: 85%;
    margin: 0 auto;
    border-radius: 5px;
    border: var(--border) !important;
}

/*titre "spoiler*/
#blank_spoiler dt {
    background: var(--grey);
    border-radius: 5px;
    padding: 2px 5px;
    border: none !important;
    margin: 0 !important;
}

/*contenu spoiler*/
.spoiler_content {margin: 5px 5px 2px;}

/*Balise citation*/
blockquote#blank_quote {
    margin: 15px !important;
    border: none !important;
    border-left: 2px solid var(--grey) !important;
    ;
}

/*Citation : titre "XXX a écrit"*/
blockquote#blank_quote cite {}

/*Balise hide*/
#blank_hide {
    padding: 10px;
    width: 85%;
    margin: 0 auto;
    border-radius: 5px;
    background: var(--lighter);
    border: none !important;
}

/*Balise blockquote*/
blockquote {border: none !important;}

et surtout d'avoir installé le javascript "simplification des balises" (activé sur toutes les pages) qui permet de modifier plus facilement code, citation, etc ??

En ce qui concerne le contour de l'éditeur, c'est qu'il faut le modifier .sceditor-container en mettant !important à la fin de ta déclaration. Par exemple :

Code:

.sceditor-container {
border: 1px solid black!important
}

Autrement je te conseille vivement d'utiliser l'outils d'inspection de ton navigateur (clique droit > inspecter) qui te dira quel balise correspond à quoi

Dis moi ce qu'il en est!

Hello !

J'ai honte, mais c'était effectivement une affaire de case mal cochée au niveau du javascript "simplification des balises". Quel boulet. Merci d'avoir pointé dans la bonne direction, je crois que j'aurais jamais trouvé.

Et merci également pour le tip d'inspection, ça va me changer la vie. J'avance beaucoup plus vite sur les finitions.  

Bref, je ne te dérange pas plus longtemps.
Un très grand merci à nouveau ! Pour tout. Bravo pour ton boulot.