Image pour un retour rapide en haut d'article

1. Insérer une image avec un lien de retour vers le haut de l'article

Pour les blogueurs bavards, et qui ont donc des articles longs, je conseille d'ajouter en bas de vos article une petite image sur laquelle le visiteur peut cliquer pour remonter directement en haut de page (ou d'article).

Cela évite d'utiliser continuellement l'ascenseur sur la droite, et c'est beaucoup plus rapide !


2. Code HTML pour un lien vers le haut de l'article

Ce code est en javascript mais il fonctionne tout de même en mode confiance chez OverBlog.

Le code à copier est :

<a href="javascript:scroll(0,0)"><br /><img src="adresse image lien vers le haut.gif" class="DrteTexte" /></a>

et vous mettez l'adresse html de l'image que vous avez choisi.


3. Code complet avec l'image que j'utilise

Pour exemple, le code avec la petite flèche clignotante utilisée en bas à droite de cet article est :

<a href="javascript:scroll(0,0)"><br /><img src="http://www.gif-anime.org/im/gif/webmaster/fleches/fleches28.gif" class="DrteTexte" /></a>

---

* 5 articles a lire pour demarrer votre blog * Initiation au langage HTML * Tout pour modifier et embellir vos textes * Tout savoir sur les images  * Des gadgets * Votre blog ne ressemblera pas aux autres * Mes astuces * Référencements et indexations * Index des articles

Comments

[Domi]

J'ai compris le texte qui défile en ascenceur mais comment faites-vous pour le mettre dans un cadre ??? et peut-on choisir un cadre ?


En attendant votre réponse, je tiens à vous souhaiter une bonne année 2013 !


Ps ; je me suis permise de mettre votre "logo" sur mon blog.

[Aurelie]

Il faut ajouter un attribut de type "border"


http://faireunblog.over-blog.com/article-principales-proprietes-leurs-descriptions-et-valeurs-en-html-39542155.html

[Domi]

Bonjour !


 


Merci beaucoup pour votre réponse, au début j'ai tatonné, n'y connaissant pas grand chose aux scripts, lignes etc...Encore merci pour votre gentillesse, Cordialement, Domi.

[Domi]

Bonjour,


J'apprécie beaucoup les explications sur votre blog, car elles sont claires et concises, du moins me semble t-il, par contre Help ! pourriez-vous me dire comme peut-on faire pour aller direct
vers le bas de la page ? et donc avec quel code ou script ? Merci beaucoup d'avance

[Aurelie]

http://faireunblog.over-blog.com/article-image-pour-un-retour-rapide-en-haut-d-article-40005672.html


 


Relpacer le second 0 du code par une grande valeur, correspondant au muiméro de ligne en bas d'article... faire des essais

[lesnulos]

finalement j'ai réussi il falait utilisé le html c'est petit je l'aivais pas vu, merci ton blog est genial

[lesnulos]

salut j'ai fait ce qui est dit mais quand je clique sa me fait revenir en haut de page mais de la page d'aceuil moi je voudrais revenir en haut de page de la page actuelle a laquelle je me
trouve, aide moi s'il-te plait

[Aurelie]

Tu peux changer la fleche, bien sur !

[bricabrocamoi]

Petit coucou de ton retour ?....


 

[Aurelie]

Voui voui ! merci

[ii-st3ve57-x]

Moi j'ai souvent des problèmes avec les javascript. 


J'ai créé une boutique, http://st3ve540.carrefourinternet.com/, si tu ne trouves pas ton bonheur fais moi signe, je peux arranger ça ;)


 


Bonne visite, et $$$, Steve

[thierry042]

je passe vous dire  BONJOUR  s'est super votre astuce mais il faut juste un image gif pour pouvoir remonter


j' ai trouver cette astuce qui est pas mal aussi


Haut de Page





bonne journée

[Aurelie]

merci pour l'info

[Krio]

petite visite du samedi ! et clic :)

[bricabrocamoi]

Merci de ton passage ...
pas le temps de regarder ce soir ...
A+.

[Aurelie]

Tu reviens quand tu veux ! Bye