WebSite X5Help Center

 
Jose Luis O.
Jose Luis O.
User

Flecha para volver arriba  es

Author: Jose Luis O.
Visited 1621, Followers 2, Shared 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.

Posted on the
3 ANSWERS - 1 USEFUL - 1 CORRECT
Jorge M.
Jorge M.
Moderator

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.

--------------------------------------------------------------------------------------

  • Si el Tema te ayuda dale la opción de Correcto.
  • Si la solución te sirve sea o no sea tu pregunta dale útil.
  • Si no te sirve la respuesta, trata de agregar links o capturas para ayudar a comprender mejor la pregunta.
Read more
Posted on the from Jorge M.
Jose Luis O.
Jose Luis O.
User
Author

gracias, me ayudaste mucho, aunque no encontré ninguno que quede con transparencia.

Read more
Posted on the from Jose Luis O.
Diego Z.
Diego Z.
User

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.

Read more
Posted on the from Diego Z.