dimanche 9 octobre 2011

Flèche "TOP"

Flèche "UP", "TOP" ou "Haut de page"


Placez cette "ancre" quelque part au début de votre page (Titre, message ou au début du <body>)
<a name="top"></a>

Copier-coller le code ci-dessous dans un nouveau widget HTML/Javascript sans ajouter de titre.

 <a style="display:scroll;position:fixed;top:5px;left:5px;"href="#top" target="_self" alt="UP"title="UP">
<img style="cursor:pointer; cursor:hand;width: 48px; height: 48px;" src="http://dl.dropbox.com/u/19586410/flechehaut.png" border="0" alt=""" /></a>

Vous pouvez changer la position et même l'image... Tout ce qui est en vert peut-être personnalisé. Si vous changez top:5px; en top:50%; la flèche se positionnera à mi-hauteur de l'écran comme ici sur ce blog (à droite). Sur mon blog http://st-martin-meteo-weather.blogspot.com/, j'ai un autre lien de ce type qui me permet d'accéder instantanément aux liens principaux. Très pratique. Il est aussi possible de créer une flèche "bas".mais c'est moins indispensable.

Ici, des centaines de flèches sur Google...

Note: évitez d'éditer un message ou un widget en Wysiwyg car parfois Blogger remplace (allez savoir pourquoi!) l'URL de type #top par celle de l'éditeur de message. C'est très agaçant! Travaillez seulement en HTML.

Aucun commentaire:

Enregistrer un commentaire