20

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:


remm

rosa como siempre, sobresaliente! :) ya le he dado utilidad al botón..xD
www.sexestilo.blogspot.com

neuh

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

Rosa

neuh, pues que bien que te sirvió.:D

F ! X

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

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

Rosa

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

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/

Rosa

Salegna, colócalo así:

<a href="#abajo"><img src="http://4.bp.blogspot.com/_JB7ZwuV8O3Y/SP0ctaGX8MI/AAAAAAAACPo/cvEJCW8kRGU/s400/PixelButton%283%29.gif"></a>

Salegna

Seguía investigando, GRACIAS, GRACIAS, GRACIAS

Cristian

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?

Rosa

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

Cristian

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.

Marta

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

XEN

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

Rosa

XEN Tendrías entonces que usar "anclajes":
http://soplandoalcierzo.blogspot.com/2007/01/poner-anclajes-en-una-pgina-web.html

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

Rosa

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

XEN

me funciona si pongo outer o footer, pero si coloco "ancla" solo da el salto, sin el desliz :S

Rosa

XEN Intentaré probarlo yo a ver...
Te cuento aquí lo que sea...

Geomáticos en Acción

Loco!!, justamente lo que andaba buscando.
Muchas gracias y un saludo

Publicar un comentario en la entrada

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.

:) :(( :( :P :D :$ ;) :I :X :O |O :S