Topic : « [Thème] Synthwave »
Danger
Citation de Perturbator
Citation de ErwinAu début après ça charge niquel khey
C'est moi ou le fond peine a chargé ?
Ouais c'est ce que j'ai dit, la première fois oui mais après ça va.
Erwin
Ok, je vais bien voir... Sinon ça change vraiment, j'étais en dark thème et je peux vous dire que j'ai plus l'impression d'être sur le même site
Perturbator
Citation de Erwin
Ok, je vais bien voir... Sinon ça change vraiment, j'étais en dark thème et je peux vous dire que j'ai plus l'impression d'être sur le même site
Perso, je suis mega fan, j'attendais que ça
Erwin
Citation de Perturbatorça fais quand meme bizarre de voir un site comme ça, perso je suis trés surpris ( dans le bon sens ) du résultat. Il claque !
Citation de ErwinPerso, je suis mega fan, j'attendais que ça
Ok, je vais bien voir... Sinon ça change vraiment, j'étais en dark thème et je peux vous dire que j'ai plus l'impression d'être sur le même site
Erwin
Citation de MorfalouPareil, j'aurais pas dis mieux
Citation de ErwinLa même, avant j'avais le lucky dark theme je me sentais Sasuke. Là je me sens coco.fr ambiance LGBT.
Ok, je vais bien voir... Sinon ça change vraiment, j'étais en dark thème et je peux vous dire que j'ai plus l'impression d'être sur le même site
Danger
On peut plus différentier les mode, admin et pseudo bleu dans les sujets
Ouais on va voir, de toute façon je pense qu'on va mixer avec Pingouin donc on va régler en même temps si y a des soucis.
SourcilDeFillon
Des dégradés, de la transparence, des border radius, des box shadow 
C'est radical le changement par rapport à win98
C'est radical le changement par rapport à win98
LSD
Très sympa khey !
PingouinAigri
Je suis dans le lit et sur mobile la, si les modos laisse le topic épinglé 
je te poste mon travail demain, ta mise en page est vraiment mieux foutu mais j'aipas mal bossé sur les text et box shadow pour donner un effet neon et constraté, bref tu verras demain, si des trucs te plaisent on fusionnera les css...
Je suis en train de bosser sur d'autres animations notamment du glow sur les boutons pour donner un effet jeu video en plus de ce que j'ai deja appliqué.
je te poste mon travail demain, ta mise en page est vraiment mieux foutu mais j'aipas mal bossé sur les text et box shadow pour donner un effet neon et constraté, bref tu verras demain, si des trucs te plaisent on fusionnera les css...Je suis en train de bosser sur d'autres animations notamment du glow sur les boutons pour donner un effet jeu video en plus de ce que j'ai deja appliqué.
SourcilDeFillon
C'est vraiment propre, j'aime beaucoup
Par contre tu pourrais pas changer la couleur de la zone de texte ? Ca pique un peu les yeux (tout est violet et le blanc attaque pas mal )
Et il reste encore quelques petits details, genre gérer le hover, le active et le focus tout ca
On peut imaginer un petit glow autour des boutons quand tu les survoles (effet lumiere neon bien synthwave)
Et encore un truc, le fil d'ariane en haut du site, il est opaque, il rendrait mieux en étant un peu transparent (comme pour les posts)
Et changer un peu le padding, là il est collé en haut à droite
Rajouter de la box shadow lumineuse sur toutes les icones aussi
Et customiser un max la zone de texte, c'est l'outil ou le forumeur passe du temps, et son seul vrai outil d'interaction, il faut qu'en écrivant un post on se sente forumeur des années 80
Si ca t'intéresse on peut appliquer des flous en CSS sur des images il me semble. C'est pas super compliqué a mettre en place. Si besoin ca existe
Rajouter une ombre au header aussi pour lui donner de l'épaisseur et adoucir la rupture entre lui et le contenu
Autre détail l'effet VHS ne parcourt pas toute la page, il s'arrete en bas du bloc de contenu. Je sens que c'est le genre de trucs un peu chiant a corriger
Voilà c'étaient mes commentaires de batard
Sinon magnifique
Par contre tu pourrais pas changer la couleur de la zone de texte ? Ca pique un peu les yeux
(tout est violet et le blanc attaque pas mal )Et il reste encore quelques petits details, genre gérer le hover, le active et le focus tout ca
On peut imaginer un petit glow autour des boutons quand tu les survoles (effet lumiere neon bien synthwave)
Et encore un truc, le fil d'ariane en haut du site, il est opaque, il rendrait mieux en étant un peu transparent (comme pour les posts)
Et changer un peu le padding, là il est collé en haut à droite
Rajouter de la box shadow lumineuse sur toutes les icones aussi
Et customiser un max la zone de texte, c'est l'outil ou le forumeur passe du temps, et son seul vrai outil d'interaction, il faut qu'en écrivant un post on se sente forumeur des années 80
Si ca t'intéresse on peut appliquer des flous en CSS sur des images il me semble. C'est pas super compliqué a mettre en place. Si besoin ca existe
Rajouter une ombre au header aussi pour lui donner de l'épaisseur et adoucir la rupture entre lui et le contenu
Autre détail l'effet VHS ne parcourt pas toute la page, il s'arrete en bas du bloc de contenu. Je sens que c'est le genre de trucs un peu chiant a corriger
Voilà c'étaient mes commentaires de batard
Sinon magnifique
Danger
Citation de PingouinAigri
Je suis dans le lit et sur mobile la, si les modos laisse le topic épinglé
Je suis en train de bosser sur d'autres animations notamment du glow sur les boutons pour donner un effet jeu video en plus de ce que j'ai deja appliqué.
T'inquiète on verra demain.
Citation de SourcilDeFillon
C'est vraiment propre, j'aime beaucoup
Par contre tu pourrais pas changer la couleur de la zone de texte ? Ca pique un peu les yeux
Et il reste encore quelques petits details, genre gérer le hover, le active et le focus tout ca
On peut imaginer un petit glow autour des boutons quand tu les survoles (effet lumiere neon bien synthwave)
Et encore un truc, le fil d'ariane en haut du site, il est opaque, il rendrait mieux en étant un peu transparent (comme pour les posts)
Et changer un peu le padding, là il est collé en haut à droite
Rajouter de la box shadow lumineuse sur toutes les icones aussi
Et customiser un max la zone de texte, c'est l'outil ou le forumeur passe du temps, et son seul vrai outil d'interaction, il faut qu'en écrivant un post on se sente forumeur des années 80
Si ca t'intéresse on peut appliquer des flous en CSS sur des images il me semble. C'est pas super compliqué a mettre en place. Si besoin ca existe
Rajouter une ombre au header aussi pour lui donner de l'épaisseur et adoucir la rupture entre lui et le contenu
Autre détail l'effet VHS ne parcourt pas toute la page, il s'arrete en bas du bloc de contenu. Je sens que c'est le genre de trucs un peu chiant a corriger
Voilà c'étaient mes commentaires de batard
Sinon magnifique
Ouais j'ai fait vraiment le basique comme je l'ai dit c'était surtout pour mon usage personnel donc je me suis pas vraiment attardé sur les détails et j'ai partagé ça parce que je me disais que ça intéresserait quand même certains. Mais oui à voir ce n'est qu'une première version encore une fois à mélanger avec celle de Pingouin.
PingouinAigri
J'ai fait que du css parce que facile d'utilisation pour les quais, mais j'ai déjà une ebauche de scripts js pour ameliorer le site, notampent pour desactiver des anims si ordi peu performant et j'ai commencé a revoir l'interface mobile 
Il faut sue ue demande a pyroxene pour la v3, si on aura possibilité d'ajouter des thème et les stocker plutot qu'utiliser user styles et savoir si certaines fonctionnalités pourront etre embarquées.
Il faut sue ue demande a pyroxene pour la v3, si on aura possibilité d'ajouter des thème et les stocker plutot qu'utiliser user styles et savoir si certaines fonctionnalités pourront etre embarquées.
PingouinAigri
Les flous et shadow sur les hover et boutons je les ai fait, ça donne un coté star trek mais vous jugerez (pk pas un theme sci fi dans le futur ) mais j'ai pas pu aller trop loin car anniversaire ma femme aujourd'hui.
Bref on voit ça demain
Jai corrigé les positions relative du footer pour appliquer les scanlines sur tout le fond
) mais j'ai pas pu aller trop loin car anniversaire ma femme aujourd'hui.Bref on voit ça demain
Jai corrigé les positions relative du footer pour appliquer les scanlines sur tout le fond
Jadoredetendtoi
Citation de PingouinAigri
Les flous et shadow sur les hover et boutons je les ai fait, ça donne un coté star trek mais vous jugerez (pk pas un theme sci fi dans le futur
Bref on voit ça demain
Jai corrigé les positions relative du footer pour appliquer les scanlines sur tout le fond
Excellent travail.
GuyDebord
Vivement la version mobile
PingouinAigri
upload en cours
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
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.
Le glow est jaune derrière le bloc principal (car soleil sur l'image de fond
)
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
).
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)
Ici vous avez les différents focus sur les boutons (une fois cliqué)
Le bouton actualiser
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
https://userstyles.org/st[...]/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.
Le glow est jaune derrière le bloc principal (car soleil sur l'image de fond
) 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
).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)
Ici vous avez les différents focus sur les boutons (une fois cliqué)
Le bouton actualiser
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
