Arc En Terre

Les images du thème

Flo

Servons-nous de ce sujet pour parler des images du thème, et de leur intégration avec CSS

Déjà, une chose qui me semble importante est de privilégier le format svg au maximum, pour sa légèreté et son support natif dans CSS.

Je dirais qu'on peut commencer avec le fond et un template de base reprennant globalement ceci

https://vmjin.tetaneutral.net/galerie/#TEST2.png

Pas de svg pour le fond, il faudra faire un png. Le titre Sandy Mango doit être cliquable, donc ce sera un élément à part que l'on postionnera par rapport à l'image. Je verrais bien ça comme ça :
Le fond= juste les couleurs en spirale, sur toute la taille de l'écran.
Le titre cliquable, c'est les lettres avec la police qui va bien, dans un bloc de lien, avec une classe header.

C'est l'intégration des bordures noires qui risque d'être "tricky", nottament pour le côté responsive. Pistes à envisager :

- Le "header" pourrait prendre toute la taille de l'écran, avec comme fond les bordures, et une transparence au milieu
- Si on refaisait les bordures de façon plus régulières, on pourrait utiliser la propriété border-box, avec profit (support aisé du responsive)
- Intégrer les bordures dans le background lui-même, mais il faudrait alors refaire une image de fond pour chaque "breakpoint" responsive, et bien gérer son positionnement.
- Peut-être d'autres pistes sur codepen

Ajouter

(Leave this as-is, it’s a trap!)

Only the original author or a moderator can append to this post.

Astuce: Utilisez markup pour ajouter des liens, citations et plus encore.

Your friendly neighbourhood moderators: Jin