Votre espace

 


Question aléatoire

Comment répondre à un post (message)?
Livre d'or

Par Swan

Merci R4Z0R ^^ Un seul exemplaire de ton message est suffisant Et merci à vous autres

Livre d'or

Statistiques

614 membres inscrits

Dernier membre:
alyha

Plus de stats

Vous soutenez CsN :


[09/05/12] Striker: €15.00

[07/05/12] o_neil90: €5.00

[30/04/12] Sonic: €5.00

[28/04/12] Striker: €15.00

[27/04/12] Xtian: €20.00

[24/04/12] Yvan.G: €5.00

[30/03/12] Xtian: €20.00

[16/03/12] Julien. P: €5.00

[16/03/12] Steph: €5.00

[12/03/12] MarcelD: €4.00

[11/03/12] Harper: €15.00

[11/03/12] French Storm: €5.00

[03/03/12] Anthony .D: €5.00

[01/03/12] Gregory. F: €5.00

[29/02/12] Xtian: €20.00

[19/02/12] Pascal .G: €5.00

[15/02/12] HaloRaptor33: €5.00

[08/02/12] Yannick.D: €5.00

[06/02/12] M-ickael: €20.00

[03/02/12] Zarkox: €5.00

[31/01/12] Pearson: €5.00

[30/01/12] Xtian: €20.00

[29/01/12] Apple-F F: €5.00

[23/01/12] Loïc.T: €5.00

[22/01/12] Obi-wan: €5.00

[18/01/12] J-Louis.O: €5.00

[06/01/12] Loïc.B: €5.00

[03/01/12] Gibbs/Phil: €25.00

[02/01/12] Xtian: €20.00
..........................................
Nous vous remercions !
..........................................
Nous soutenir ?
Mini sondage
Chez-Swan.NeT










Résultats

En ligne
18 Visiteurs, 5 Membres, 0 Modérateur, 0 Administrateur En ligne.

lise
Sonic
xtian68
Myster
PhpCraft
unknow_bot
Total : 23
Créer une galerie sectionnée - CssPlay
 
Table des matières
  1. Présentation
  2. Télécharger
  3. L'installation
  4. Les images
  5. Astuce
  6. Voir l'exemple



Présentation



Une simple galerie pour exposer astucieusement une bonne huitaine d'images tout au plus.

Le site original est en anglais et met la démo en visuel. Mais le site ne fourni pas d'archive de mise à disposition. Je précise toutefois que pour mettre ce diaporama, il vous faudra poser un lien vers le site de CSSPlay, pour en respecter les droits d'auteurs comme je viens de le faire. (Cela ne coute rien !).

Note: Pour vous faciliter le travail, j'ai partiellement traduit les parties les plus importantes et fais la compilation de la démonstration en archive.

Télécharger



Commencez par télécharger : clip_gallery.zip

Une galerie sur 8 frame.

L'installation



Encore une fois, c'est très simple, l'index, dans l'archive est déjà prêt à l'emploi. Il ne vous reste juste qu'à faire vos propres modifications.

Les images



Placez vos images miniatures et larges dans le dossier : images.
Ensuite, ouvrez index.html avec votre éditeur web ou le bloc-note. C'est en regardant ce bout de code html que vous allez comprendre comment placer les images.

Code HTML :
<a class="pos1" href="#nogo"><img src="images/hummingbird.jpg" alt="Hummingbird" title="Hummingbird"></a>
<a class="pos2" href="#nogo"><img src="images/sunflower.jpg" alt="Sunflower" title="Sunflower"></a>
<a class="pos3" href="#nogo"><img src="images/hummingbird2.jpg" alt="Hummingbird" title="Hummingbird"></a>
<a class="pos4" href="#nogo"><img src="images/dragonfly.jpg" alt="Dragonfly" title="Dragonfly"></a>



Et pour finir, remplacer les images dans le lien image <img src="images/xxx.jpg" ainsi que les "title" et les "alt" etc ... par les vôtres.

Astuce



Si vous avez des connaissances en CSS, il est possible de modifier les couleurs, fonds etc... Dans gallery.css.

Voir l'exemple





 
Cette page a été vue 772 fois   |   Dernières modifications par : infoking1