Botón "Ir abajo" : El Escaparate de Rosa

Estás en: Inicio » Trucos Blog » Botón "Ir abajo"

Botón "Ir abajo"

En realidad no se si tiene mucha utilidad, pero ya que había explicado el de "Ir arriba" pues ahora toca el de "Ir abajo" :-)

1- Podéis ponerlo en un elemento html-javascript de la sidebar y arrastrarlo encima de las entradas, por ejemplo, y ya sabéis, podéis usarlo en forma de texto o con la imagen de un botón.

<a href="#abajo">AQUÍ EL TEXTO A MOSTRAR O LA IMAGEN DEL BOTÓN</a>

2- Ahora tenemos que colocar este código en la parte de abajo de la plantilla, es el código que "llama" al otro. En mis pruebas lo he puesto en otro elemento html-javascrip y lo he arrastrado debajo de las entradas.

<a id="abajo"></a>

Si queréis usarlo, os recomiendo implementar también el de "Ir arriba".
Si os gustan los botones "antipixel" podéis hacerlos fácilmente en esta página.

Entradas Relacionadas:

20 comentarios:

Sr. X: rosa como siempre, sobresaliente! :) ya le he dado utilidad al botón..xD
www.sexestilo.blogspot.com; 6/11/07
Anónimo: Gracias Rosa, es muy útil para mi ese botón de ir abajo. Tengo una plantilla de una columna. El menú está al final de la página y con el botón se puede acceder a él fácilmente.

http://nomadaenunahabitacion.blogspot.com; 16/4/08
Anónimo: neuh, pues que bien que te sirvió.:D; 16/4/08
FiX: Hola Rosa, otra vez vos salvandome!!!
TE cuento que yo tengo otro blog mas guarro y puse un juego en el pie, seguramente pondre otras cosas inservibles pero divertidas abajo, asi que necesitaba como llegar en un solo clic.... bueno, esto me vino al pelo y lo mejor, funciona muy muy bien!!! Saludos!!!; 8/6/08
Salegna: Muchísimas gracias por toda tu ayuda, hoy he aprovechado y he echo algunos cambios de todos los que nos propones.
Pero tengo una pregunta, ¿por qué como por ejemplo en este de poner un botón para ir abajo sólo me funciona con el Mozilla y no con el Explorer?
¿es normal lo que me ocurre?, es que no lo entiendo.
Gracias de nuevo y te agradecería me lo dijeras.
http://sacandopuntaamislapicesdecolores.blogspot.com/#; 21/10/08
Anónimo: Salegna, pues lo he comprobado en IExplorer y funciona perfectamente...tal vez sea porque has incluido laimagen del botón dentro de un div para darle estilo y, tal vez, IExplorer no lo interprete así de forma correcta...; 21/10/08
Salegna: Creo que hice algo mal mandando el mensaje, te lo cuento otra vez.
Primero, gracias por contestarme tan pronto.
Como no sabia como añadir la imagen, copie parte de un contador de entradas y comentarios que llevaba imagen, es que mi problema es ese, no sé como ponerle la imagen.
Si puedes te agradecería me ayudes, gracias de nuevo por todo lo que haces por todos.
Saludos
http://sacandopuntaamislapicesdecolores.blogspot.com/; 21/10/08
Anónimo: Salegna, colócalo así:

<a href="#abajo"><img src="http://4.bp.blogspot.com/_JB7ZwuV8O3Y/SP0ctaGX8MI/AAAAAAAACPo/cvEJCW8kRGU/s400/PixelButton%283%29.gif"></a>; 21/10/08
Salegna: Seguía investigando, GRACIAS, GRACIAS, GRACIAS; 21/10/08
Prof. Cristian E. Moyano: Hola Rosa, me gusta este truco. Pero lo quiero de una manera distinta: sólo lo quiero mostrar cuando se abra un post, es decir, en la página individual del post y arriba de ese post, se puede hacer? Al botón le quiero poner "comentar" y que al hacer clic sobre él, se vayan al final del post y comenten, me entendés?; 15/12/08
Anónimo: Cristian, la verdad que eso que dices viene a ser más o menos lo que hacemos con el enlace a comentarios dentro de una imagen usar para eso un botón así, no se, lo veo un poco tonto la verdad...; 15/12/08
Prof. Cristian E. Moyano: Ya lo hice: coloque un enlace " #abajo " en el link "deja tu comentario aquí" y puse la llamada "id=abajo" debajo de los posts, entonces cuando hago clic en ese enlace me lleva directamente al final del post para poder comentar. Gracias por tu ayuda.; 15/12/08
Liando los Hilos: Buenisimo a mi me es muy util porque la musica por ejemplo la tengo abajo del todo asi se puede bajar a ponerla y luego subir otra vez y hacer lo que estubieras haciendo, me he puesto uno arriba y otro a bajo gracias a tus explicaciones, muchas gracias un saludo; 21/4/09
Unknown: Hola, la idea que tengo para mi pagina es mostrar fotografias/imagenes colocadas una debajo de la otra y que cada imagen/fotografia tenga el tamaño de la pantalla, ¿como podria hacer para poner un boton que me mande abajo a la siguiente fotografia y ahi tener otro boton que me mande a la siguiente y asi sucesivamente hasta el final?, gracias de antemano, atte. FranciscO; 25/7/09
Anónimo: XEN Tendrías entonces que usar "anclajes":
http://soplandoalcierzo.blogspot.com/2007/01/poner-anclajes-en-una-pgina-web.html; 25/7/09
XEN: Rosa, me esta sirviendo de maravilla eso de los anclajes, pero me surgio otra duda, ¿existe algun metodo para darle "efecto deslizante" a los anclajes, como el de tu flechita de "ir arriba" ?; 29/7/09
Anónimo: XEN ¡Me alegro! :D Quizá me anime a publicar algo sobre eso...

Supongo que es posible añadir el efecto... ya sabes, antes colocas antes de </head> si es que no lo tienes ya, el código de Prototype y Scriptaculous tal como está explicado en la entrada que supongo ya conoces ;)

Luego tendrías que añadir algo así en el enlace del "anclaje":

<a href="#ancla" onclick='new Effect.ScrollTo("outer-wrapper",{offset:-140}); return false'>Enlace a ancla </a>

No he podido probarlo yo misma... pero creo que tendría que funcionar...
Tu me cuentas, si eres tan amable :D; 29/7/09
XEN: me funciona si pongo outer o footer, pero si coloco "ancla" solo da el salto, sin el desliz :S; 30/7/09
Anónimo: XEN Intentaré probarlo yo a ver...
Te cuento aquí lo que sea...; 30/7/09
Geomáticos en Acción: Loco!!, justamente lo que andaba buscando.
Muchas gracias y un saludo; 31/1/10

Publicar un comentario

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.