Ir al contenido principal

SitioSimple — Editar el fondo de un contenedor y efecto Parallax

L
Escrito por Luciana Parente

Aplica a: SitioSimple · Interfaz: constructor de SitioSimple · Tiempo estimado: 3 min


¿Qué vas a lograr?

Personalizar el fondo de un contenedor usando color, imagen o video, y aplicar el efecto Parallax para mayor profundidad visual.


Pasos

Seleccioná el contenedor que querés modificar y andá a EstiloFondo.


Opciones de fondo

Color de fondo

Elegí un color del selector o ingresá el código de color de tu marca. Tenés dos variantes:

  • Color sólido — un color uniforme para el fondo

  • Color degradado — una transición entre dos colores para un efecto más dinámico

    Si el contenedor ya tiene una imagen de fondo, el color puede no ser visible.


Imagen de fondo

Subí o seleccioná una imagen y ajustá sus propiedades:

  • Repetición — repite la imagen para cubrir todo el fondo, útil si la imagen es pequeña

  • Tamaño — elegí entre Contener (la imagen se ajusta al contenedor) o Cubrir (la imagen ocupa todo el espacio)

  • Posición — ubicá la imagen al centro, izquierda o derecha del contenedor

  • Efecto Parallax — la imagen se mueve a una velocidad diferente al scroll de la página, creando sensación de profundidad


Video de fondo

Solo podés usar videos cargados en YouTube como fondo. Pegá el enlace del video y configurá:

  • Reproducción en bucle — el video se repite continuamente

  • Efecto Parallax — el video se mueve a velocidad diferente al scroll, generando profundidad


Relación de aspecto

En todas las opciones de fondo podés modificar la relación de aspecto del contenedor para ajustar su proporción según el diseño que necesitás.


¿Ha quedado contestada tu pregunta?