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.
Modificar mis fondos
Puedes modificar el fondo de las secciones siguientes:
- Encabezado
- Página
- Contenido
- Pie de página
- Seccionnes
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
Luego haga clic en el tablero de ajedrez para acceder a la configuración de color.
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.
Imagen de Fondo
Haz clic en el botón "No" para cambiarlo a "Sí" y activar esta función.
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.
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.
Para Desplazar la sección hacia abajo en la sección, haz clic en el ícono a la derecha de la sección.
Para Eliminar la sección, haz clic en el ícono de lata de basura en el lado derecho de la sección.