Réaliser un lien à partir d'une image
Faire une image cliquable qui renvoie vers un site ou un message ?
Dans l'absolu, ce n'est pas compliqué :
<a href="ADRESSE_DU_LIEN_DE_DESTINATION" target="_blank"><img src="ADRESSE__DE_L'IMAGE" title="AFFICHAGE_AU_SURVOL_DE_L'IMAGE" /></a>
la j'ai appris un truc comment faire pour que blogger ne transforme pas du texte htm en htm ...
j'ai pas trouver en cherchant donc j'ai copier ... le blog
http://mestrucspourblogger.blogspot.fr/2012/04/realiser-un-lien-partir-dune-image.html
http://mestrucspourblogger.blogspot.fr/2012/04/realiser-un-lien-partir-dune-image.html
expilcation vite fait en petit tuto mettre du htm sur message Blogger ... en texte !!!
il faut utiliser xblockquotex au début en htm et x/blockquotex ( x étant le signe < et > car j'ai encore de lacunes ... si je les met ma démo marche pas ... ) pour refermer en htm ce qui ce trouve entre ces 2 balises ne sont pas interpréter en langage htm simple mais faut savoir ...
ca y est j'ai trouver ... faut remplacer le x par < donc ca donne : < = < pas encore bon ...pour fermer faut mettre > je retourne en htm et ca fait > ca marche ... donc ma phrase est il faut utiliser <blockquote> au début en htm et </blockquote> mais il faut aussi changer les < par < et les > par > c'est pas simple !!! bon en cherchant c'est pas blockquote qui sert a ca ... voir ici un lien qui explique non c'est pas bon ... plutôt celui la site a garder car il m'a l'air tres clair THE RAPID PAGE http://therapidpage.free.fr/index.html le style est un vieux jeux mais les explications sont clair ... plus que les miennes !
...
pour en revenir aux images ...
donc je fait comme il dit je prend une image :
Si je regarde ce que j'obtiens par l'onglet HTML,
<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_mUQ-dK0FcyS7TRA8HGlepf0PGeUY1v5G1pwxq_QrFkgXyZUAUVeGzCTAzlHP4VEBL2_hVOxigUl_Yl1pdmlzJZMP61L9DNknVgMLVOdd6vVfwiC_Hm2rWyOmY48eSWvAYhLL8h0WBMU/s1600/2013-03-30_11h26_42.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"<<img border="0" height="81" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_mUQ-dK0FcyS7TRA8HGlepf0PGeUY1v5G1pwxq_QrFkgXyZUAUVeGzCTAzlHP4VEBL2_hVOxigUl_Yl1pdmlzJZMP61L9DNknVgMLVOdd6vVfwiC_Hm2rWyOmY48eSWvAYhLL8h0WBMU/s400/2013-03-30_11h26_42.png" width="400" /<</a<</div<on change l'adresse ...
<div class="separator" style="clear: both; text-align: center;"> <a href="http://www.lecapagde.com" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"<<img border="0" height="81" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_mUQ-dK0FcyS7TRA8HGlepf0PGeUY1v5G1pwxq_QrFkgXyZUAUVeGzCTAzlHP4VEBL2_hVOxigUl_Yl1pdmlzJZMP61L9DNknVgMLVOdd6vVfwiC_Hm2rWyOmY48eSWvAYhLL8h0WBMU/s400/2013-03-30_11h26_42.png" width="400"
et voila une image avec un lien ...
et pour image avec un lien ouvrant dans une nouvelle fenetre rajouté target="_blank"
une autre :
Aucun commentaire:
Enregistrer un commentaire
Merci d'avance pour vos commentaires qui me font toujours plaisir ... j'y répond la plupart du temps, ...