Bienvenue a tous,
Après m’être aperçus que l'atelier ne fut pas un succès, bien qu'il soit dans la Une. J'ai décidé de changer le thème par un slideshow.
Le vacance d’été s'approche a grand pas. Et pour vous occupez ,vous zestiens et zestiennes, j'ai décidé de lancer cet atelier.
Objectif
Il vous est demander de créer un slideshow en pur CSS. Donc vous n'aurez pas recours au JS. Si par hazard, vous savez pas ce qu'est un slidershow. C'est ça (voir figure suivante) :
Ou bien voir mon ZdSliderSnap (bon le nom n'est pas si …).
Squelette HTML
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 | <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>ZdSlider</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <h1>ZdSlider</h1> <section id="contenair"> <div class="slider"> <figure class="slider_item"> <img src="http://www.photo-libre.fr/nature/19.jpg" alt="image"/> <figcaption>Une goutte d'eau</figcaption> </figure> <figure class="slider_item"> <img src="http://www.photo-libre.fr/nature/14.jpg" alt="image"/> <figcaption>C'est froid ici !</figcaption> </figure> <figure class="slider_item"> <img src="http://www.photo-libre.fr/nature/15.jpg" alt="image"/> <figcaption>Wow une mouche ...</figcaption> </figure> <figure class="slider_item"> <img src="http://www.photo-libre.fr/nature/42.jpg" alt="image"/> <figcaption>Des tigres herbivores !?</figcaption> </figure> <figure class="slider_item"> <img src="http://www.photo-libre.fr/nature/17.jpg" alt="image"/> <figcaption>Ne l'embrasse surtout pas !</figcaption> </figure> </div> </section> <footer> <a href="http://www.photo-libre.fr">Photos Libres</a> </footer> </body> </html> |
Déroulement
Le concours se déroule en deux étapes. La première consisterai à poster le lien de votre merveilleux slideshow ici. Et je vais listées votre participation dans une liste dans le premier post (**les participations sont close). Et dans une seconde étape s'est déroulée une semaine de votes, après la fermeture des participations, où n'importe qui, participant ou pas, pourra voter pour ses deux participation préférées.
Le but de ce concours est de s'amuser. Et, bien sur, aucune récompense n'est promise aux gagnants (a part un bon frimage dans les forums et des billets de concert pour Beyonce 
). Alors nullement besoin d'avoir recours a des méthodes barbares (comme par exemple: tuer un participant pour l’éliminer de la compétition etc…).
Règlements
- Le travail est individuel. C'est sera pour vous un moyen de progresser, alors les sources doivent être 100% de vous.
- Javascript est strictement interdit ! (oui jquery aussi c'est du JS).
- 100% CSS. Avec les proprietes de CSS3, votre slideshow ne manquerez pas d’originalité !
- Et un dernier point important consistant le systeme de vote, il vous est seulement autorisee de voter pour deux participations.
QUE LE FEU DE LA COMPÉTITION BRULE EN VOUS !
Participants
- A-312 (Unique participant… Donc vainqueur xD ! )
L'atelier est désormais fermer et donc n'est plus animé par son auteur ! Passez une bonne journée/soirée !
!
