Este código es muy simple y te servirá si tienes un blog o una pagina muy extensa, por ejemplo en este blog, abajo y a la izquierda, verás esta imagen que te sigue hasta abajo
, y que al hacer clic en ella te envia al Top de la página.
Se trata de un enlace a "#", es decir:
Como enlace de Texto:
<a href='#' title='Ir arriba'>Ir arriba</a>
Como imagen con enlace
<a href='#' title='Ir arriba'><img src='http://Urldelaimagen.gif' border='0'/></a>
Como imagen fija abajo y a la izquierda (como en este blog):
<a href='#' title='Ir arriba'><img alt='Ir arriba' border='0' src='http://Urldelaimagen.gif' style='position:fixed; bottom:0; left:0;'/></a>
Como imagen fija abajo y a la derecha:
<a href='#' title='Ir arriba'><img alt='Ir arriba' border='0' src='http://Urldelaimagen.gif' style='position:fixed; bottom:0; right:0;'/></a>
Si quieres puedes usar esta imagen su Url es:
http://inacho07.googlepages.com/2uparrow.png
17 marzo 2008
23 comentarios:
Muy útil, gracias.
Lo usaré en una de mis webs.
=)
y lo pongo en edicion html . en donde??
Perdona,pero puse el enlace de "ir arriba" y se me queda en medio de la página, además hay que bajar al final del todo para verlo, no me sale como tú lo tienes aqui.
Un saludo
deberian los encargados de esta pagina responder las dudas de los usuarios.
Atte
DJ fOX
WWW.PORTALFOXMIX.NET
pd: yo igual no se donde pegar el codigo para que quede como en la de ustedes al lado izquierdo espero su respuesta mi correo es djfoxvip@hotmail.com gracias.
BUenas yo os digo que el tutorial esta bién, pero para que se vea y aparezca fijo, estes por donde estes en la página, debes añadirlo como gadgets javascript, al menos en BLOGGER saludos y visitenme
http://masalegresymenospobres.blogspot.com/
Esta bastante bn esto de la flechapara ir arriba jajaj Saludos Narangito ajjaj
http://maxudescargas.blogspot.com/
muchisimas gracias la usare para mi web
Una consulta, yo he extendido el espacio de mi blog y quisiera en vez de un boton "ir arriba" uno q sea "ir a la derecha", leyendo los codigos me parece que "#" significa arriba pero no ubico en ningun lado derecha, q supongo solo bastaria con remplazar #. D antemano gracias x la ayuda,
Un abrazo
emm no deberias permitir que coloquen los link de sus blog, es como raro que admitas eso... gracias por la flechita, la probare, adios.
hola oye no puedo poner la imagen solo se pone la palabra arriba como le ago sweet_xocro@hotmail.com agrega y dime como porfas
wENO AMI NO ME FUNKO TU CODE COLOCAO PERO WENO SOLO TUBE QUE VER EL CODE FUENTE PARA VER EL CODE Y TANK ESTA WENO..
muy BUENO este post me sirvio para mi pag
po cierto visiten mi pagina es
www.theclanwar.webs.com es una pagina de un juego llamado quake 3 es muy buena tiene chat,seminario,link de descargar,fotos tec se las recomiendo
mira tienes un 10+ me sirvio mucho tu post
oe que buen aporte...
lo voy a poner en mi blog
www.proyectosfim.jimdo.com
Excelente y de mucha utulidad el post. Lo aplicaré en mi página de FOREX
oye pon el link que no puedo poner todo eso --'' quin se acuerda xD
Muchas gracias!! lo estaba necesitando
saludos
Gracias por la info.
¿Podrías decirme donde se pone el código?
Gracias!! está muy bueno!
Lo voy a mandar en mi web de VIAJAR A ARGENTINA
Posdoctorados en blogger, vas a Diseño > edicion HTML y lo pones justo abajo de <body>
Saludos.
¿como lo pongo?
gracias por el botón de subir arriba muy útil , y se puede modificar el contenido de las letras a nuestro antojo , gracias y que Dios te bendiga.
Publicar un comentario
Gracias por visitar Creando Web, si tienes alguna duda, solo pregunta! ^^
- He activado la moderación de comentarios por el spam :)