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.

Partager cet article

Commenter cet article

skyplanes.over-blog.fr 13/02/2012 20:51

Bonjour a toi

Un rendeignement, comment inserer un espace entre les modules sans laisser ces lignes en pointillé

Merci

skyplanes.over-blog.fr 11/02/2012 21:18

Bonsoir

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

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
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
en suprimant lr formatage

Merci de ton aide je ne sias pas si je me suis bien expliqué

skyplanes.over-blog.fr 11/02/2012 11:02

Bonjour

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

Merci

nadia-vraie 24/09/2010 05:40



merci beaucoup Nessa,je vais essayer cela quand j'aurai du temps.


À bientôt.



Tatarinette:0071: 23/09/2010 22:28



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
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
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
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


(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..!!






Cocopassions 22/09/2010 08:23



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 !!!



Corinne Duval 21/09/2010 23:46



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 .....


Corinne 



sagan33 21/09/2010 16:58



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
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,
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
... Bien amicalement. Geneviève.


 



*.:。✿*Fleur de soleil*✿。:.* 21/09/2010 16:16



ça me plait ça ! je me le note dans un petit coin, on ne sait jamais... bisous



mentale 20/09/2010 21:34



ben dis donc il est tenace ton virus!!!


Je te fais un grand coucou du jour!!!!!!!!!!!!


bisousssssssssssssssssss



Linda & Picasso ::0079::0071:: 20/09/2010 20:04



tu veus du sirop de sorcière pour ton virus? ou un marteau?


bisous ***






soakette la sardine 20/09/2010 18:54



j'aime bien la petite fleur :)


bon courage avec le virus !



Casse-bonbec 20/09/2010 18:06



Très joli, merci !



Marishka 20/09/2010 17:50



Bonjour Nessa


Petit coucou rapide j'ai des soucis avec  Internet... quand ce n'est pas
OB...


Bonne journée et gros bisous Marishka



PEARL 20/09/2010 17:38



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
après le bisous* et bonne fin de journée Nessa.



Bouclette 20/09/2010 17:24



 Salut,


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,


ça serait mieux de mettre





Voilà :)



nessa 20/09/2010 17:43



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
à gauche il prendra ton script :-)  ;  je tiens ce code du forum OB et je l'ai testé sur les navigateurs opéra et firefox :-)



tiot le chti et bunny le chti 20/09/2010 17:12



salut


ben je te souhaite une bonne semaine