Flecha para volver arriba
Autor: Jose Luis O.
Visitado 1617,
Followers 2,
Compartido 0
hola comunidad, mi pregunta es la siguiente, ¿como puedo añadir a las paginas de mi sitio una flecha semi transparente de esas que aparecen cuando te desplazas hacia abajo en la página y que sirve para volver al inicio de la misma? gracias y un saludo.
Publicado en
Hola Jose Luis.
En la Versión 13, tienes la opción en paso 2, Personalización, Opciones de desplazamiento de la página.
Para otras versiones puedes usar este complento en un Objeto HTML:
http://www.scrolltotop.com/
Revisa, prueba y comenta.
Saludos
Jorge M.
--------------------------------------------------------------------------------------
Autor
gracias, me ayudaste mucho, aunque no encontré ninguno que quede con transparencia.
Mediante codigo podes trabajar la propiedad opacity de CSS para poder tener la transparencia que necesitas.
El ID de la flecha para subir arrida es imPageToTop_img
En los estilos CSS por defecto viene configurado así:
#imPageToTop_img:hover {
opacity:1;
cursor: pointer;
}
:hover hace referencia a que esas propiedades solo se van a aplicar cuando el puntero del mouse pase por arriba del elemento, en este caso la flecha para subir arriba de la pagina.
el opacity: 1 hace que cuando pases el curso por arriba pierda la transparencia, y el cursor: poiner hace que la flecha del curso se transforme en una manito.
Si necesitas que siempre tenga transparencia, tenes que deshabilitar el opacity:1 y agregar en el css lo siguiente:
#imPageToTop_img{
opacity: 0.5;
}
el valor de opacity lo podes variar para modificar la transparencia que necesitas.