Retour au sujet

Avatar de mafumafu mafumafu
Salut les Kheyous.
https://image.noelshack.com/minis/2017/48/4/1512036327-mafumafuwhite.png
Je vous propose le thème Kyoshitsu que j'ai créé pour AVN.
Celui que j'utilise pour naviguer sur AveNoel, qui est devenu mon vrai refuge depuis que j'ai quitté JvCuck. Vous êtes comme une seconde famille.

Présentation :-3
https://i.imgur.com/NTNzAAbs.png

Pourquoi le choix de ce titre ? :-3
La salle de classe est l'endroit que nous avons tous fréquentés.
On y apprend tout un tas de choses, on fait la connaissance de pleins de kheys sympas et d'autres qui le sont beaucoup moins.
On rit, on a de bons délires, on tente de se démarquer en faisant l'AW, on se moque, on dit du mal
(beaucoup de mal), on se rebelle, tout en continuant d'apprendre.
Et parfois on ne la supporte plus, on déprime, on pleure et on a qu'une seule envie c'est de la quitter.
Une fois adulte on se demande ce qu'on y fiche toujours si c'est pour se retrouver avec un bac +5 sans débouchée et finir caissier à Lidl.
On en garde de bons comme de mauvais souvenirs.
C'est une expérience qui nous marque à jamais.
Cette salle de classe est à l'esprit d'Avenoel :noel:

Je suis parti de cette image en m'inspirant de son atmosphère pour le choix des couleurs.
Je suis resté dans des nuances de purple blue pour les liens, les titres des topics, ainsi que les boutons.
https://i.imgur.com/U3Hjuyzs.png

La taille des titres se situant à l'intérieur des topics a été réduite, pareil pour la marge.
Je les trouvais trop imposants.
https://i.imgur.com/vOEhod9s.png
https://i.imgur.com/fsyzRxYs.png

La police d'écriture reste classique mais néanmois fine et esthétique.
Un bouton Spoiler a été ajouté pour une meilleur visibilité.
https://i.imgur.com/SqcYy1ks.png

J'ai préféré uniformiser les posts avec un relief.
Il n'y a plus deux couleurs distinctes mais une seule.
C'est pareil pour les citations.
Etant donné que les citations sont en cascades et qu'elles deviennent vite de gros pavés, je n'ai pas modifié la forme.
https://i.imgur.com/OZud9WXs.png
https://i.imgur.com/bmK0eyys.png

Pour la CDV j'ai opté pour un style contrasté avec un conteneur sombre.
https://i.imgur.com/BjVi0wcs.png

Je ne crois pas que l'extension soit utilisable sur Mobile, car je ne l'utilise pas. Mais ça donnerait ça.
https://i.imgur.com/0NhgX6Us.png

Vous trouverez le thème sur UserStyles
https://i.imgur.com/BM4S8kMs.png https://userstyles.org/styles/152790/ky-u
Apercite https://userstyles.org/styles/152790/ky-u


Comment l'utiliser ? :-3
Avec l'extension Stylus.
https://i.imgur.com/ferGkHQs.png https://goo.gl/czN9Rz
Apercite https://goo.gl/czN9Rz
Optimisé pour Chrome. L'unique navigateur que j'utilise.
https://i.imgur.com/X8BJFQhs.png https://goo.gl/7AbHpu
Apercite https://goo.gl/7AbHpu
Je ne l'ai pas optimisé pour Firefox. Je ne sais pas si le rendu sera fidèle.

Il y a plusieurs éléments que j'aurais voulu ajouter ou modifier mais que je n'ai pas pu faire à cause de la restriction du CSS et une trop grande méconnaissance dans ce domaine. Et puis
- Customiser l'icône des épingles et celle des dossiers.
- Ajouter un effet filtre shining aux avatars dans les posts.
- Ajouter un effet relief aux images sur la CDV car certains utilisent un fond transparent et d'autres un fond plein.
- Modifier les images. Le gros point noir du CSS only, c'est que l'on ne peut pas remplacer une image par une autre notamment à cause de la dimension automatique du responsive. On peut seulement tenter de les cacher.

Voilà :-3
? まふまふ