http://fariboles.homuncule.info/ Fariboles, billevesées et autres propos, personnaliser son blog, etc. et ainsi de suite. Plein de trucs qui me passent par la tête quoi ! fr Wed, 31 Dec 2008 14:39:20 +0100 Ce qui serait sympa, avant de piquer des trucs ici, serait de me demander au préalable si je suis d'accord... http://blogs.law.harvard.edu/tech/rss Dotclear http://fariboles.homuncule.info/post/2007/10/02/Une-vignette-et-une-photo urn:md5:07724b8bb5a47d9933ef91ac4dad7b4f Tue, 02 Oct 2007 16:52:00 +0200 Ysabeau GandiblogTutoriel <h3>Si on veut ouvrir une image à partir d'une vignette.  Prenons l'exemple de la bonne fée (enfin il paraît) Caradjinne. Là elle est en petit et pas cliquable.</h3> <br /> <img style="margin: 0 auto; display: block;" alt="" src="http://fariboles.homuncule.info/public/Pontifications/caradjinne-petite.jpg" /><br /> <h2>Voilà comment faire :</h2> <br /> 1/ A l'aide d'un logiciel de dessin ou d'un éditeur d'image, faire la vignette en sélectionnant une portion de l'image.<br /> Hum, inutile de pirater un logiciel pour ce faire, l'utilitaire de Windows Paint, par exemple fait ça très bien, la preuve :<br /> <br /> <img style="margin: 0 auto; display: block;" alt="" src="http://fariboles.homuncule.info/public/Pontifications/selection-paint.jpg" /><br /> Copier-coller cette sélection dans une nouvelle image.<br /> <br /> 2/ Importer toutes les photos nécessaires sur le gandi-blog.<br /> <br /> 3/ Relever l'adresse de la grande image<br /> <br /> <h3><img style="margin: 0 auto; display: block;" alt="" src="http://fariboles.homuncule.info/public/Pontifications/ajouter_un_lien.jpg" /></h3> 4/ Intégrer la vignette dans le billet, la sélectionner et cliquer sur l'outil <strong>Insérer un lien</strong> <img alt="" src="http://fariboles.homuncule.info/public/Pontifications/insertion-lien.jpg" />.<br /> <br /> <img style="margin: 0 auto; display: block;" alt="" src="http://fariboles.homuncule.info/public/Pontifications/vignette-selectionnee.jpg" /><br /> <h4 style="text-align: center">Image sélectionnée</h4> <br /> <br /> 4/Dans la fenêtre d'insertion de lien, ajouter l'adresse de l'image précédemment copiée :<br /> <br /> <br /> Cliquez sur l'image et vous verrez le résultat.<a href="http://fariboles.homuncule.info/public/Pontifications/caradjinnedetouree.jpg"><img style="margin: 0 auto; display: block;" alt="" src="http://fariboles.homuncule.info/public/Pontifications/vignette-caradjinne.jpg" /></a><br /> Si on veut que l'image s'affiche dans une autre fenêtre, il  vaut mieux le prévoir dès le début et passer en xhtml, cela se sélectionne  dans la colonne de droite :<br /> <img style="margin: 0 auto; display: block;" alt="" src="http://fariboles.homuncule.info/public/Pontifications/format-texte.jpg" /><br /> Ensuite on, clique sur source en bas de l'écran : <img alt="" src="http://fariboles.homuncule.info/public/Pontifications/source.jpg" /> et on tape target=&quot;blank&quot; entre l'adresse et le <q>&gt;</q> de fermeture de la balise <q>a href</q>. <h5 style="text-align: center&gt;image sélectionnée&lt;/h5&gt; &lt;br /&gt;4/dans la fenêtre d'insertion de lien, ajouter l'adresse de l'image précé"> <img style="margin: 0 auto; display: block;" alt="&lt;a href="http://fariboles.homuncule.info/post/2007/10/02/ src="/public/Pontifications/adresse-image.jpg" /></h5> <h5 style="text-align: center&gt;image sélectionnée&lt;/h5&gt; &lt;br /&gt;4/dans la fenêtre d'insertion de lien, ajouter l'adresse de l'image précé"> Cela donne :</h5> <h5 style="text-align: center&gt;image sélectionnée&lt;/h5&gt; &lt;br /&gt;4/dans la fenêtre d'insertion de lien, ajouter l'adresse de l'image précé"> <a href="http://fariboles.homuncule.info/public/Pontifications/caradjinnedetouree.jpg" target="blank"><img style="margin: 0 auto; display: block;" alt="" src="http://fariboles.homuncule.info/public/Pontifications/vignette-caradjinne.jpg" /></a></h5>