Changement de couleur pour ZdS !

Bonjour à tous !

Vous n'êtes pas sans savoir que Noël approche à grands pas ! Un peu plus d'une semaine quand j'écris ces lignes !

J'ai donc, via le plugin Stylish¹ de Firefox/Chrome, décidé de mettre ZdS aux couleurs de Noël ! Le code CSS resemble pour l'instant à cela :

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

@-moz-document domain("zestedesavoir.com") {
    /* Style pour l'accueil */
    .header-container header, .page-footer {
    background-color: #c54c38;
    }
    
    .home-quote {
    background-image: url('https://33.media.tumblr.com/8f8178e5beab157bad1a0b0718bb22d9/tumblr_nfzoclfvpD1rh2n3qo1_500.gif');
    }

    /* Style pour les dropdown */
    .logbox .notifs-links .ico-link.active, .logbox       .notifs-links .ico-link:focus, .logbox .notifs-links .ico-link:hover {
    background-color: #ba4936;
    }
    
    .header-container .header-menu .header-menu-list > li > a.active, .header-container .header-menu .header-menu-list > li > a:focus, .header-container .header-menu .header-menu-list > li > a:hover {
        background-color: #ba4936;
    }
    
    .dropdown, .header-menu-dropdown {
        background-color: #ba4936;
    }
}

Qu'est ce que cela fait ? Alors, il met pour l'instant, le header et le footer en couleur rouge, et les dropdowns avec. Il rajoute aussi un GIF de neige derrière Clem', sur la home. Cependant, il reste encore quelque petits bugs, que je n'arrive pas à régler, mais dont je me penche dessus ! N'hésite à améliorer le code, je tiendrais celui-ci de ce poste à jour avec vos améliorations !

Capture de la home :

C'est relativement sympa, j'aime beaucoup

Faudrait aussi changer la couleur (voir le style?) de la police, et ce serait top =D

Yep, mais après j'aimerai que ça reste léger aussi, car si la page met des plombes à se charger, ce n'est cool non plus..

Je suis 10000x pour aussi

J'aime beaucoup

Juste des éléments qui passent en fond bleu au passage de la souris et le fond de l'avatar s'il est transparent (comme le mien), j'essaierai de poster un morceau de code CSS pour corriger ça

Juste des éléments qui passent en fond bleu au passage de la souris et le fond de l'avatar s'il est transparent (comme le mien), j'essaierai de poster un morceau de code CSS pour corriger ça

Je sais, j'essaye de régler tout cela ! Ton code sera le bienvenu !

@Flori@an.B : pourquoi ne pas directement demander à Sandhose pour travailler avec le CSS du site ?

Car je vais mettre la pagaille ?

Je verrais pour faire une PR ce soir, quand je rentre des cours.

… On est là pour apprendre, puis c'est une bête idée bien chouette pour montrer que c'est un site vivant, donc je soutiens

EDIT: il y a déjà une PR pour Sandhose, donc branche toi dessus, c'est plus simple

@Flori@n.b: Fais donc une PR vers ma branche let-it-snow, qu'on centralise tout la dessus, et qu'on fasse qu'une PR au final sur le répo principal (si ça dérange pas de faire ça chez moi ; au pire, on peut aussi faire une branche spécial noël sur le répo principal…)

J'vais essayer d'être dispo ce soir sur IRC si t'as des questions

A voir. Ca peut être un peu lourd à la longue… Peut-être alors laisser la possibilité de désactiver quelque part cette habillage, si jamais l'utilisateur ne supporte vraiment pas…

Un rouge un tout petit peu plus foncé se serait encore mieux

J'avais tenté avec quelque chose de plus foncé, mais je trouve que ça faisait trop sombre et ternissais le site ! Mais je vais voir ça !

Avec le changement de couleurs, et la neige, ça donne ça:

J'suis pas graphiste mais vous m'avez inspiré

On dirait que Clem' a peur sur ton dessin

C'était pas l'effet voulu