Modificar mis fondos

Fondos de las diferentes secciones

Con WebSelf puedes personalizar los fondos de las secciones de tu sitio web: página, encabezado, contenido, las zonas del sitio y el pie de página. El funcionamiento es el mismo, sea cual sea la sección.

 fondo.png

 

Opciones de Fondo

Por defecto, el fondo que configure se repetirá en todas las páginas del sitio. Si deseas evitar esto (por ejemplo, crear una página de inicio especial), haz clic en "Fondo específico de esta página".

De manera similar, el fondo está limitado al mismo ancho que el contenido, que es de 100 píxeles. Para hacer que el fondo llene el ancho disponible, haga clic en "Rellenar".

Color de Fondo

Fondo_color_de_fondo.png

Luego haga clic en el tablero de ajedrez para acceder a la configuración de color.

 fondo_color.png

Selección de color

El color puede ser personalizado de tres formas:

- Ya sea tomando un color por defecto (opciones ofrecidas en la tabla).
- Ya sea jugando en el control deslizante vertical para elegir el tono y en el puntero para elegir la saturación y la claridad.
- Ya sea poniendo tu código de color en html.


Opacidad

Tiene acceso a una regla para cambiar la opacidad del color: 100% corresponde a un color opaco, 0% a una transparencia completa.
 

Color sólido o degradado

Puede elegir hasta 3 colores para su gradiente, así como la dirección del gradiente.

Fondo_color_degradado.png

 

Imagen de Fondo

Haz clic en el botón "No" para cambiarlo a "Sí" y activar esta función.

Fondo_Imagen_de_fondo.png

Para la imagen, una vez que hayas elegido una imagen de fondo, tienes diferentes ajustes de personalización, como la escala y su posicionamiento.

 

Elección de la imagen

Como cualquier otra imagen en tu sitio, puedes usar una imagen de tu biblioteca o subir una desde tu computadora.


Opacidad de la imagen

Tiene acceso a una regla para cambiar la opacidad del color: 100% corresponde a una imagen opaca, 0% a una transparencia completa.


Color detrás de la imagen.

Si la opacidad de tu imagen no es del 100%, podrás ver este color por transparencia.
Este es también el fondo que se muestra en caso de que la imagen de fondo no se cargue correctamente, por lo que puede ser útil establecer este color incluso si tu imagen es opaca.

Configuración

Haz clic en Configuración para tener acceso a las funciones disponibles.

Fondo_configuraci_n.png
 
Fijar el fondo a la imagen o Efecto Paralaje
Solo puedes activar uno de ellos a la vez, no al mismo tiempo. Sin embargo, ambos pueden deshabilitarlos al mismo tiempo.
- Ninguno de los dos está activado: cuando desplaza la pagina, la imagen de fondo se desplaza junto con el contenido.
- Fondo fijo: cuando desplaza la página, solo se desplaza el contenido de la página, la imagen permanece fija en la posición configurada (ver más abajo).
- Efecto de paralaje: cuando desplaza la página, también desplaza la imagen de fondo, pero el contenido y el fondo se desplazan a diferentes velocidades, creando un efecto de perspectiva.


Escala de la imagen

Aquí puedes elegir el comportamiento de la imagen cuando se muestra en una pantalla que no tiene el tamaño exacto de la imagen (la mayoría de los casos):
- Relleno: la imagen se estira en alto y ancho, para mantener la proporción (o aspecto) de la imagen y cubrir toda la página, incluso si tiene que truncar la imagen.
- Adaptar: la imagen se estira en alto y ancho, para mantener la proporción de la imagen y cubrir toda la altura de la página, incluso si no cubre los lados de la página (en este caso, la imagen está centrada).
- Estirar: la imagen se estira en alto y ancho, de modo que cubra toda la altura de la página y no deje los lados vacíos, así que no mantenga la proporción de la imagen.
- Original: la imagen no se estira, incluso si no cubre los lados de la página o trunca la imagen.

Repetición

Si la imagen no cubre toda la página (escalas Adaptar o Original), puedes elegir que se repita, ya sea vertical u horizontalmente.
 
Posición A excepción de la escala Estirar, puedes elegir en qué parte de la imagen se centrará el fondo: centro, arriba, derecha, etc.

Cambiar el fondo de la sección

Para cambiar el fondo de la sección, haz clic en el icono a la derecha de la sección.

 fondo_secciones.png

 

Para Desplazar la sección hacia abajo en la sección, haz clic en el ícono a la derecha de la sección.

 fondo_secciones2.png

Para Eliminar la sección, haz clic en el ícono de lata de basura en el lado derecho de la sección.

 

¿Fue útil este artículo?
Usuarios a los que les pareció útil: 4 de 10
¿Tiene más preguntas? Enviar una solicitud