WebSite X5Help Center

 
Jose Luis O.
Jose Luis O.
User

Flecha para volver arriba  es

Autor: Jose Luis O.
Visitado 1349, 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
3 RESPUESTAS - 1 ÚTIL - 1 CORRECTO
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.
Leer más
Publicado en de Jorge M.
Jose Luis O.
Jose Luis O.
User
Autor

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

Leer más
Publicado en de 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.

Leer más
Publicado en de Diego Z.