Galerie photo

Bon, je sens que 2 ou 3 personnes vont me demander comment j'ai fait cette superbe galerie photo qui est maintenant sur mon blog photo (Nol, Anna, Anne peut-être...).
Tout d'abord rendons à César ce qui est à Jules (il paraît), je ne l'ai pas inventée tout seul. J'ai bien pompé sur Alsacreations. Ils ne proposent pas encore grand chose, mais ce qui existe est bien expliqué.
Donc pour faire la galerie, voila ce qu'il faut faire :

• Dans le modèle du blog, ajoutes dans l'en-tête (entre les balises ...) le code suivant :
  <itempage><script type="text/javascript" src="http://membres.lycos.fr/sschupp/blogger/galerie.js"></itempage><br />
  


• Toujours dans le modèle, toujours dans l'en-tête, ajoutes :
  <style type="text/css"><mainorarchivepage>span.fullpost {display:none;}</mainorarchivepage><itempage>span.fullpost {display:inline;}</itempage></style>
  



• Ensuite, c'est soit dans le modèle (partie définition des styles), soit dans le fichier CSS qui te sert pour ton blog, ajoutes ceci :
  div#galerie {<br />text-align: center;<br />}<br />ul#galerie_mini {<br />margin: 0;<br />padding: 0;<br />}<br />ul#galerie_mini li {<br />list-style-type: none;<br />display: inline;<br />}<br />ul#galerie_mini li a img {<br />margin: 2px 1px;<br />border: 1px solid #dcb;<br />}<br />ul#galerie_mini img {<br />height: 75px;<br />}<br />div#galerie br {<br />position:absolute;<br />}<br />dl#photo {<br />clear: both;<br />margin: 0 auto;<br />}<br />dl#photo dt {<br />font: italic 2.5em/1.5em Verdana, serif;<br />text-align: center;<br />}<br />dl#photo dd {<br />margin: 0;<br />}<br />dl#photo img {<br />border: 1px solid #dcb;<br />width:600px;<br />}<br />#big_pict {<br />cursor: pointer;<br />}<br />
  

Votre blog est maintenant prêt à acceuilir cette fantastique galerie photo. Mais comment créer une nouvelle galerie ? C'est là que j'ai bien travaillé. Par que bon, je compte réutiliser ce modèle pour mes prochaines galeries, et j'avais besoin d'un outil qui me simplifie le travail.
Alors, tu commences par charger les photos dans blogger, en petite taille et sans alignement. Une fois toutes les photos chargées et ordonnées, tu les mets dans une liste (ca se fait à partir de l'onglet html dans lors de la création d'un message : tu sélectionnes toutes les photos, et tu cliques sur l'icone "Définir comme liste").
Puis tu copie le code généré (onglet code), et tu le colle ... dans l'espace prévu ici ! Tu valides, ensuite en cliquant sur chaque photo tu peux leur donner un nom (qui s'affichera au-dessus de la grande image après). Tu cliques sur générer le code, tu copies comme indiqué et tu colles à la place du code générer par blogger. Une petite publication, et une super galerie est prête à être consultée !
Pour les questions, laisser un commentaire (comme ca tout le monde en profitera).
Si la question est "peut-on utiliser cette méthode or de blogger ?", la reponse est oui. Il suffit d'avoir un code de ce genre :
<a href="monImageGrande.jpg">< src="monImagePetite.jpg">

Note : dans les codes, enlever les <'br />, c'est un ajout automatique de blogger.