Comment faire un bouton "top of the blog" ou "haut de blog " pour remonter plus vite une page

Publié le par nessa

Lorqu'une page est longue il est judicieux de placer des boutons

faisant office d'ascenceur

Voici 2 petits scripts

un script pour mette un ascenceur en bas d'un site.

(à coller dans un texte libre en pied de page en mode source html)

il suffira de cliquer sur l'image pour remonter

<a href="#"><img class="CtreTexte" src="url de votre image "> </a>


1 autre à mettre en haut d'un site; et clic on redescend !

(moi j'ai mis un soleil en page d'accueil)

<a href="#footer"><img class="CtreTexte" src="url de votre image " ></a>


Voici quelques boutons que vous pouvez enregistrer

 

061

 fleche fleur haut gauche TRANSPARENTE
button_top.gif

haut page
 fleche-verte--haut--transparente-.png  top blog gif

 

 

Prochainement un article pour que cette image change au passage de la souris (roll over) et tuto pour fabriquer  des boutons en relief.

Publié dans Rolle over - html - scripts ...

Partager cet article

Repost0

Vous aimerez aussi :

…

Commenter cet article

S
skyplanes.over-blog.fr
13/02/2012 20:51
Bonjour a toi<br /> <br /> Un rendeignement, comment inserer un espace entre les modules sans laisser ces lignes en pointillé<br /> <br /> Merci
Répondre
S
skyplanes.over-blog.fr
11/02/2012 21:18
Bonsoir<br /> <br /> C'est encore moi, j'ai un nouveau soucis, 1- la liste de mes page sur la page d'acceuil n'est pas dans l'ordre alphabetique ou du moins elles est a l'envers, comment la remettre dans l'ordre<br /> <br /> 2- lorsque je fait un copié coller d'un texte sur une page tout est normal, par contre lorsque je visualise sur le blog il y a un fond que je ne parviens pas a enlever, ça le faisait en publiant<br /> mes articles, j'utilise alors la petite gomme ( suprimer le formatage)a côté du smile et tout rentrai dans l'ordre, mais sur mes pages ça me decale tout et pas moyen d'y remedier pour ce fond même<br /> en suprimant lr formatage<br /> <br /> Merci de ton aide je ne sias pas si je me suis bien expliqué
Répondre
S
skyplanes.over-blog.fr
11/02/2012 11:02
Bonjour<br /> <br /> J'ai bien mis le bouton en place en bas de page, mais quand je clique dessus on ne remonte pas en haut de page j'ai bien mis l'url que vous donnez a l'editeur html mais rien ne se passe<br /> <br /> Merci
Répondre
N
nadia-vraie
24/09/2010 05:40
<br /> <br /> merci beaucoup Nessa,je vais essayer cela quand j'aurai du temps.<br /> <br /> <br /> À bientôt.<br /> <br /> <br /> <br />
Répondre
T
Tatarinette:0071:
23/09/2010 22:28
<br /> <br /> Oh le beau ciel dans ta fenêtre...il est chargé!!! comme ce qui est prévu ici ..demain!!!!Un mois d'eau en 1 jour!!!J'aurais tout a loisir de venir tester tes astuces..très intéressant  Est<br /> ce que haut de page correspond a (retour a l'accueil??) car sur mon blog over..je ne le voit nulle part..!!! Ben oui je garde over pour les favs over et ekla pour les favs ekla..je mets les mêmes<br /> articles..!! mes favs ove vaient trop de mal a mettre des coms sur ekla..me voilà donc reviendue..et puis j'ai eu des remords..tu m'avais fait un si beau blog!!!!!!Alors voilà!!Plus simple pour<br /> tout le monde.....Je testerai aussi ebuzzing..j'ai reçu des mails..mais je ne sais pas si c'est opérationnel...,,, ?? On verra!! Bisous Nessa<br /> <br /> <br /> (Qu'a tu comme anti virus??? Moi auusi j'ai eu un problème avec u n trojan..mais karspersky me l'a suprimé après une analyse complète..!!<br /> <br /> <br /> <br /> <br /> <br /> <br />
Répondre
C
Cocopassions
22/09/2010 08:23
<br /> <br /> Tes conseils sont toujours très précieux. merci et j'espère que les virus te laisseront tranquilles. je n'en reviens pas que l'"ont puisse se faire véroler son blog. ca fait peur !!!<br /> <br /> <br /> <br />
Répondre
C
Corinne Duval
21/09/2010 23:46
<br /> <br /> Suis baba épatée par ton blog !!! Sincèrement.... Je ne saurai pas faire la moitié de ce que tu proposes !!! Magique tu es une véritable fée .....<br /> <br /> <br /> Corinne <br /> <br /> <br /> <br />
Répondre
S
sagan33
21/09/2010 16:58
<br /> <br /> Bonjour Nessa, Je viens de passer un bon moment dans ton super blog. Merci pour tous ces scripts que tu nous donnes. Je t'ai pris celui de la pluie de coeurs, L'effet est très décoratif. Par<br /> contre j'ai 1 problème avec ma police de caractère que je n'arrive pas à changer à la fin de mes articles - article précédent, retour à l'accueil, article suivant. C'est trop gros et trop bas,<br /> mais je n'arrive pas à trouver les termes de css pour modifier. Tu ne saurais pas, toi, par hasard ? C'est juste une question, dans le cas contraire, tant pis, mais comme tu as bcp de ressources<br /> ... Bien amicalement. Geneviève.<br /> <br /> <br />  <br /> <br /> <br /> <br />
Répondre
*
*.:｡✿*Fleur de soleil*✿｡:.*
21/09/2010 16:16
<br /> <br /> ça me plait ça ! je me le note dans un petit coin, on ne sait jamais... bisous<br /> <br /> <br /> <br />
Répondre
M
mentale
20/09/2010 21:34
<br /> <br /> ben dis donc il est tenace ton virus!!!<br /> <br /> <br /> Je te fais un grand coucou du jour!!!!!!!!!!!!<br /> <br /> <br /> bisousssssssssssssssssss<br /> <br /> <br /> <br />
Répondre
L
Linda &amp; Picasso ::0079::0071::
20/09/2010 20:04
<br /> <br /> tu veus du sirop de sorcière pour ton virus? ou un marteau?<br /> <br /> <br /> bisous ***<br /> <br /> <br /> <br /> <br /> <br /> <br />
Répondre
S
soakette la sardine
20/09/2010 18:54
<br /> <br /> j'aime bien la petite fleur :)<br /> <br /> <br /> bon courage avec le virus !<br /> <br /> <br /> <br />
Répondre
C
Casse-bonbec
20/09/2010 18:06
<br /> <br /> Très joli, merci !<br /> <br /> <br /> <br />
Répondre
M
Marishka
20/09/2010 17:50
<br /> <br /> Bonjour Nessa<br /> <br /> <br /> Petit coucou rapide j'ai des soucis avec  Internet... quand ce n'est pas<br /> OB...<br /> <br /> <br /> Bonne journée et gros bisous Marishka<br /> <br /> <br /> <br />
Répondre
P
PEARL
20/09/2010 17:38
<br /> <br /> Bonjour ma doucette je viens prendre de tes news et faire une petite balade sur ton blog car ça faisait bien longtemps que je ne me suis pas baladée sur ce merveilleux blog. Je reviens dessuite<br /> après le bisous* et bonne fin de journée Nessa.<br /> <br /> <br /> <br />
Répondre
B
Bouclette
20/09/2010 17:24
<br /> <br />  Salut,<br /> <br /> <br /> Je ne sais pas où tu as trouvé ce code mais ça serait mieux de le partager sans erreur, là tu as une balise image pas fermée et une class qui sert à rien,<br /> <br /> <br /> ça serait mieux de mettre<br /> <br /> <br /> <br /> <br /> <br /> Voilà :)<br /> <br /> <br /> <br />
Répondre
N
nessa
20/09/2010 17:43
<br /> <br /> merci Bouclette j'avais effectivement oublié une balise que je viens de remettre; par contre la class je la laisse telle quelle; elle sert à centrer l'image; si quelqu'un préfère laisser l'image<br /> à gauche il prendra ton script :-)  ;  je tiens ce code du forum OB et je l'ai testé sur les navigateurs opéra et firefox :-)<br /> <br /> <br /> <br />
T
tiot le chti et bunny le chti
20/09/2010 17:12
<br /> <br /> salut<br /> <br /> <br /> ben je te souhaite une bonne semaine<br /> <br /> <br /> <br />
Répondre