Retour au sujet

Avatar de PingouinAigri PingouinAigri
Voilà ce sur quoi j'ai bossé hier et avant-hier soir, avant de voir que Danger avait bossé en parallèle.

https://userstyles.org/st[...]/153845/avenoel-synthwave
Apercite https://userstyles.org/styles/153845/avenoel-synthwave


je suis allé dans le détail sans trop toucher au global du coup je trouve le thème de Danger plus soigné, néanmoins je pense que fusionner nos deux thèmes a un potentiel de fou.

J'ai essentiellement travaillé sur les borders et les shadow pour donner un effet néon.

https://image.noelshack.com/minis/2018/01/7/1515318021-second.png

Le glow est jaune derrière le bloc principal (car soleil sur l'image de fond :noelpipe: )
Sur le hover, les liens s'affichent en néon vert , et les pseudos une text-shadow s'applique (par contre le pseudo des admin et pas très visible https://image.noelshack.com/minis/2017/20/1494968374-pas-de-chance.png ).

Sur les iframe youtube j'ai mis un inset pour doner le coté retro à la star-trek et j'ai fait un travail sur les boutons pour rappeler le coté LED et bouton carré de la SF des 80s et les tables de mixage pour ceux qui connaissent.
Un fond éclairé sur les hover des boutons (ici le répondre)

https://image.noelshack.com/minis/2018/01/7/1515317999-base.png

Ici vous avez les différents focus sur les boutons (une fois cliqué)
https://image.noelshack.com/minis/2018/01/7/1515318010-focused.png
https://image.noelshack.com/minis/2018/01/7/1515318010-focus3.png

Le bouton actualiser
https://image.noelshack.com/minis/2018/01/7/1515318008-focus2.png

Je n'ai pas eu le temps d'aller plus loin car peu de disponibilité en ce moment (meuf, tir sportif, projets...)

TODO
- modifier le header
- rajouter le status hover et focus sur les boutons de quote/edition/suppression pour une meilleur visibilité
- fusionner avec le thème existant de Danger pour avoir le meilleur des deux mondes.

En cours
- script JS permettant de désactiver les animations si besoin.
- chargement du css une fois les pages chargées (étude)
- interface mobile
- réagencement