Pimp My Sheet Workshop fr/eng

Bienvenue sur la page officielle du workshop Pimp My Sheet. Ici, vous pouvez vous informer sur le workshop, y participer à tout moment et parcourir les sheets des précédents participants.
Certaines personnes pensent qu'un site internet est juste un site internet. Mais pour nous, c'est un mode de vie. Malheureusement pour ce site, sa feuille de style CSS est vide. Mais tout ceci est sur le point de changer. Ce site web n'a aucune idée de ce qui va lui arriver... - IndeXzibit

Pimp My Sheet propose à ses participants d'explorer les possibilités offertes par le code en terme de mise en forme du contenu. Comment, à partir d'une feuille de style CSS, transformer l'aspect visuel d'une page web?
Le CSS est le language qui décrit comment les éléments HTML seront presenté à l'écran, à l'impression ou sur d'autres média. En l'utilisant, il est possible de modifier la typographie, la couleur, l'emplacement... ou même d'ajouter des images ou des animations/effets aux éléments.
Tout les ressources necessaire sont disponible sur cette page html et en ligne : ce workshop a lieu sur internet et il ne tient qu'à vous de le completer si vous choisissez d'y participer. Vous pouvez consulter tous les sites web qui vous souhaitez, et prendre tout le temps qu'il vous faudra.

Comment participer en 10 étapes :

  1. visitez pimpmysheet.net et affichez le code source
  2. enregistrez le en tant que index.html
  3. retrournez sur la page du code source, cliquez sur lien de la feuille de style empty.css à la ligne 13 et enregistrez le en tant que empty.css
  4. assurez-vous que les deux fichiers, index.html et empty.css sont dans le même dossier
  5. ouvrez index.html dans votre navigateur préféré
  6. ajustez la luminosité de votre écran
  7. vous pouvez maintenant éditer empty.css dans votre éditeur de texte afin de styliser la page web
  8. rafraichissez votre navigateur pour voir les resultats de vos modifications
  9. continuez à tuner votre sheet jusqu'à ce que vous soyez satisfait
  10. quand vous avez terminé, renommez votre fichier css sous la forme de votre_nom.css et téléversez la ci-dessous
Upload your sheet here !
Trucs & astuces : Pensez à verifier que votre parrure est visible à l'opera comme en safari...
PS : Vous pouvez laisser un commentaire sur le marquee d'or ici
 cGltcG15c2hlZXQubmV0}print(238947899389478923-34567343546345);{ (27.12.19 1:42 am) - cGltcG15c2hlZXQubmV0\");print(238947899389478923-34567343546345);// (27.12.19 1:42 am) - cGltcG15c2hlZXQubmV0\');print(238947899389478923-34567343546345);// (27.12.19 1:42 am) - cGltcG15c2hlZXQubmV0\"];print(238947899389478923-34567343546345);// (27.12.19 1:42 am) - cGltcG15c2hlZXQubmV0\'];print(238947899389478923-34567343546345);// (27.12.19 1:42 am) - cGltcG15c2hlZXQubmV0\"{${print(238947899389478923-34567343546345)}}\" (27.12.19 1:42 am) - cGltcG15c2hlZXQubmV0\'{${print(238947899389478923-34567343546345)}}\' (27.12.19 1:42 am) - cGltcG15c2hlZXQubmV0\"2.3891333204593E+17\" (27.12.19 1:42 am) - cGltcG15c2hlZXQubmV0\'2.3891333204593E+17\' (27.12.19 1:42 am) - print(238947899389478923-34567343546345); (27.12.19 1:42 am) - cGltcG15c2hlZXQubmV0{${print(238947899389478923-34567343546345)}} (27.12.19 1:42 am) - whuuuut (08.10.19 11:30 pm) - MTU1OTAyNTI4NQ\'\"` (28.05.19 8:34 am) - diiiiiiingue (05.01.17 8:36 pm)
Merci de votre visite. Pour plus d'informations, affichez le code source. Dernière mise à jour : 18.12.19.