CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

La puissance du design CSS

misterbibis
misterbibis
Niveau 9
08 octobre 2005 à 11:56:28

En surfant un peut sur le net, j’ai trouver un site très intéressant du nom de CSS ZEN GARDEN, peut être que certain d’entre vous le connaisse déjà, il s’agit d’un site qui montre à quel point le design fait par le CSS est puissant (tout est centralisée les image, les style … la page ne comporte que des DIV et du texte).

En effet en cliquant sur un des lien du menu « design » on peut changer le CSS ce qui change absolument tout le design de la page et pas seulement le design mais parfois même la position du texte et des menus.

Personnellement je savais que l’on pouvait faire sa avec le CSS mais je ne l’avais jamais vu aussi bien exploiter, je vous conseil donc d’y faire un petit tour pour voir de quoi il retourne.

Le site CSS ZEN GARDEN
http://www.csszengarden.com/

NB : Etant donnée que ce n’est pas mon site je ne pas mis ce topic dans le topic Pub.

captain_torche
captain_torche
Niveau 10
08 octobre 2005 à 12:14:26

Oui, je connais.
C´est d´ailleurs un excellent exercice pour commencer à maîtriser le CSS.
Téléchargez la page .html, téléchargez les éléments de design (images), et refaites le .css pour que ça fonctionne comme dans l´original.

deepblue
deepblue
Niveau 16
08 octobre 2005 à 12:15:16

ben moi je dis respect, c´est impressionnant

:ouch:

captain_torche
captain_torche
Niveau 10
08 octobre 2005 à 12:18:26

Mais bon. Le code XHTML est complexifié à mort, pour pouvoir permettre ça :)

misterbibis
misterbibis
Niveau 9
08 octobre 2005 à 12:23:10

Franchement je ne vois pas ce qu´il y a de comliqué la dedans :

http://www.csszengarden.com/zengarden-sample.html
(faite afficher la source).

deepblue
deepblue
Niveau 16
08 octobre 2005 à 12:27:29

le code html n´est pas complique en lui meme, (quoi que..., il faut bien l´organiser), mais le css est pas mal quand meme

misterbibis
misterbibis
Niveau 9
08 octobre 2005 à 12:29:24

Ha, au niveau du CSS je suis d´accords avec toi il s´abuse.

captain_torche
captain_torche
Niveau 10
08 octobre 2005 à 13:00:12

Je ne dis pas que c´est excessivement compliqué, mais qu´ils ont du l´alourdir pour permettre toutes les modifications possibles.
Je pense surtout aux <span></span> disséminés un peu partout, qui permettent (si désiré), d ne pas afficher le texte d´un DIV, ou d´un paragraphe, tout en attribuant à ce DIV (ou ce P), une hauter et un fond.

misterbibis
misterbibis
Niveau 9
08 octobre 2005 à 14:02:34

Oui mais c´est pas copmliquer c´est simplement bien fait et bien structurée, mais c´est aussi sa le sercret d´un bon design CSS.

Ashka-Enox
Ashka-Enox
Niveau 2
09 octobre 2005 à 19:36:39

:up:

Sous forums
  • Aide à l'achat Mac
  • Création de Jeux
  • Linux
  • Création de sites web
  • Programmation
  • Internet
  • Steam Deck
  • Macintosh
  • Hardware
La vidéo du moment