Hola a todos, hago este post aquí ya que este foro es practicamente de moderadores (en Tutoriales dice que son posteados por Usuarios en el titulo y solo mods pueden postear).
Este post se trata de como hacer botón arriba o cielo de la página de la manera más fácil posible y que funciona en TODOS los sitios de PWG.
Primero repasaremos que es un Ancla HTML.
Un ancla html es un hipervinculo (link) que en vez de recargar la página o abrir una nueva, nos redirecciona a la misma página, a algún lugar que hayamos establecido. En cierto modo, uno puede seleccionar una palabra, oración o incluso una imagen y como con un banner, hacer un hipervinculo a ese punto o desde ese punto. Un ejemplo más fácil de entender sería un indice en alguna presentación escolar/universitaria. Uno presenta un documento que es muy largo y para que el profesor que revise ahorre su tiempo, en la página Indice colocamos hipervinculos a puntos antes establecidos en cada titulo de cada capitulo.
Ahora bien, la idea es muy simple. Antes que nada les diré como establecer un punto ancla y cómo volver una palabra, oración u imagen en el vinculo para ir a ese punto.
En alguna página que ustedes hayan creado que contenga mucho texto haremos la prueba.
Paso 1 ..... Vayan al editor PWG y vean su página
Paso 2.... Ustedes verán el editor de texto, normalmente, con muchas funciones
Paso 3.... Seleccionen una palabra del comienzo de la página y sin deseleccionar busquen el signo de un ancla en el editor de texto (al lado del botón de hipervinculos (links)),
Paso 4 ... Denle un nombre como "Arriba" y aceptar (no escriban nada en ID)
Paso 5 ... Vayan al fin de la página, busquen la ultima palabra, seleccionenla y sin deseleccionar vayan al boton para insertar hipervinculo (hagan un link de esa palabra) pero al abrir la pantalla donde les pide la URL (Dirección web) veran que hay una lista desplegable, clickeenla y tendrán la posibilidad de cambiar URL por referencia a esta página/documento. Elijan esa opción y luego elijan ahí mismo la referencia de nombre Arriba.
Paso 6... Denle a Aceptar
Paso 7.... Guarden los cambios en la página
Paso 8 ... Accedan a la página para ver como quedo
Paso 9.... Vayan a la ultima palabra, a la que transformaron en link y clickeenla
Paso 10... Sorprendanse, pero lo que pasa es que son redireccionados al comienzo de la pagina, o mejor dicho, al punto destino ancla que ustedes establecieron en antaño.
Aprendimos a hacer anclas de palabras, la idea de un botón arriba es lo mismo pero con una imagen.
Para los que no saben como aún:
Empezaremos del Paso 3a, pasando que ya hicieron hasta Paso 2.
Paso 1.1 ... En el comienzo de la pagina establescan un punto destino ancla con la primera palabra de la pagina.
Paso 1.2 Vayan al fondo de la pagina, despues de todo el texto e ingresen una imagen cualquiera (en el editor tienen un boton despues del campo de texto)
Paso 1.3 ... una vez ingresada la imagen, seleccionenla (se volverá azul mientras esté seleccionada)
Paso 1.4 Busquen el icono de hipervinculo (link) y hagan un hipervinculo con la imagen (hagan un link con la imagen, como hacer un banner pero en vez de URL ustedes elijen referencia a alguna parte de la pagina/documento)
Paso final .. Guarden y entren normalmente a su pagina, vayan al fondo, clickeen la imagen que hicieron banner ancla y WALA! Boton arriba o cielo de la pagina.
Un abrazo
EDICIÓN: Por favor, NO PREGUNTEN SI NO ENTIENDEN, PIENSEN Ó RELEAN EL POST. Para eso está el cerebro.
Ultima edición por jeigroup el Jue Jul 17, 2014 4:54 pm; editado 1 vez
|
