Descargar 5 estilos de fondo vibrantes para tu div

¡Estamos aquí con otra descarga de la Divica GRATUITA! Esta vez, le ofrecemos un sabor de 5 estilos de fondo vibrantes diferentes que puede usar para las publicaciones de su blog en su sitio web. Puede combinar fácilmente estos estilos de fondo en el mismo sitio web para dar un aspecto diferente a las diferentes publicaciones de blog que publica. Además del hecho de que le ofrecemos todos estos estilos de fondo vibrantes de forma gratuita, también lo guiaremos creando la plantilla de publicación de blog que puede reutilizar para cualquier publicación de blog que cree y publique en su sitio web.
¡Vamos a eso! Vista previa Comencemos a echar un vistazo a los 5 resultados y visión diferentes en diferentes tamaños de pantalla.

Descargue sus estilos de fondo vibrantes de forma gratuita para poner sus manos en estilos de fondo vibrantes, primero los descargará usando el botón a continuación. Para tener acceso a la descarga, deberá suscribirse a nuestra lista diaria de correo electrónico utilizando el formulario a continuación. ¡Como nuevo suscriptor, recibirá más buenas divisiones y un paquete Divaut gratuito todos los lunes! Si ya está en la lista, simplemente ingrese el correo electrónico a continuación y haga clic en Descargar. No será “reubicado” y no recibirá correos electrónicos adicionales.
Descargar archivos

Descargue el registro gratuito para el Boletín Informativo Divic y le enviaremos una copia de la página de la página de la página final, además de muchos otros recursos, consejos y consejos para Div gratis. Sigue a ti mismo y serás una división maestra en el menor tiempo. Si ya está suscrito, simplemente ingrese el correo electrónico a continuación y haga clic en Descargar para acceder al paquete de apariencia. Se ha suscrito correctamente. ¡Consulte su correo electrónico para confirmar su suscripción y obtener acceso a paquetes de diseño semanales gratuitos!
Palets de color Para cada uno de los estilos de fondo, puede encontrar debajo de una paleta de colores. Nos referiremos al número de color a lo largo del tutorial, así que elija el estilo de fondo y la paleta que desea crear y ir desde allí.
Paleta # 1
Color # 1: # 886dfc

Color # 2: # 7c56bd
Color # 3: # 372C66
Paleta # 2
Color # 1: # 42BCB2

Color # 2: # 9CFEF0
Color # 3: # A8BAF7
Paleta # 3
Color # 1: # 96b2ff

Color # 2: # d999ff
Color # 3: # 357FF4
Paleta # 4
Color # 1: # b981ff

Color # 2: # 24eefa
Color # 3: # be7bf2
Paleta # 5
Color # 1: # E02B20

Color # 2: # F6FF56
Color # 3: # DB241E
¡Cree una nueva publicación Agregar detalles y active Divi Builder para comenzar desde el principio! Agregue una nueva página a su sitio web de WordPress, agregue el título de la página, cargue una imagen presentada y active Divi Builder.
Página de configuración Div Antes de pasar a Visual Builder, realice algunos cambios en el cuadro de página de Pagini Pagini en la parte superior derecha de la página en la que se encuentra. Esto se asegurará de que trabaje completamente con Divi para crear la apariencia de publicaciones de blog. Si tiene la intención de reutilizar la plantilla en su sitio web, deberá recordar cambiar esta configuración cada vez que cree una nueva publicación de blog. Página: Ancho completo

Publicación Título: Hide
Ve a Visual Builder ahora que puedes ir a Visual Builder.
Una vez que lo haya hecho, aparecerán tres opciones en la pantalla. Haga clic en el botón azul para comenzar a construir desde cero.

Crear diseño de publicaciones de blog Agregar sección no. 1 Imagen de fondo Comencemos a crear la plantilla! Comience con una sección vacía en la parte superior. Abra la configuración de la sección, acceda a la configuración de fondo y cargue un estilo de fondo. Puede encontrar las 5 variantes accediendo a la carpeta descargada> Héroe.

Tamaño de la imagen de fondo: portada

Posición de la imagen de fondo: el centro superior
Espacio para permitir que se muestre la imagen de fondo completa, juegue con la sección superior de la sección.
Revestimiento superior: 660 PX

Agregue el espacio de la Sección 2 justo debajo de la sección que acaba de agregar, continúe y agregue otro. Abra la configuración, acceda a la configuración del espacio y elimine todos los socios personalizados predeterminados.
SUS Lingo: 0 PX

Finamiento inferior: 0 PX
Agregue una nueva estructura de columna de fila Continúe agregando una nueva línea a la sección utilizando la siguiente estructura de columna:
Espaciado Eliminar todos los revestimientos predeterminados en la parte inferior de la siguiente sección.

Bajo revestimiento: 0 pxadauge ¡Un módulo para publicar elementos es hora de comenzar a agregar módulos! En esta fila, solo necesitaremos un módulo de título de publicación. Después de haber agregado uno, elija los elementos que desea mostrar.

Configuración de texto de título Entonces, acceda a la configuración del texto del título y realice algunos cambios.
Título de la fuente: Abril Fatface

Alineación del texto del título: Centro

Título Tamaño del texto: 73 PX (escritorio), 50 PX (tableta), 40 PX (teléfono)
Configuración de meta texto La configuración del meta texto también debe modificarse.
Meta del texto: centro
Meta Text Color: Color # 1 (Buscar en la paleta)


Meta de texto Tamaño: 18 PX
Altura de meta línea: 3em
Agregue la sección no. 3 Imagen de fondo La última sección en esta página contendrá el contenido de la publicación en el blog y CTA. Comience a cargar el estilo de fondo deseado. Puede encontrar las variantes accediendo a la carpeta descargada> Corp. Después de cargar la imagen de fondo, realice algunos cambios en la configuración de fondo.
El tamaño de la imagen de fondo: el tamaño real
Posición de la imagen de fondo: el centro superior

Repetir la imagen de fondo: espacio
Espacio Eliminar todo el revestimiento predeterminado de esta sección para deshacerse de todo el espacio en blanco entre esta sección y el anterior.
SUS Lingo: 0 PX
Agregue la estructura de la columna de la fila # 1 Continuar agregando una nueva línea a la sección utilizando la siguiente estructura de columna:

El color de fondo agrega un color de fondo ligeramente transparente a la siguiente fila.
Color de fondo: RGBA (255.255.255.0.86)

El espacio elimina aquí y el acolchado predeterminado aquí.

SUS Lingo: 0 PX
Finamiento inferior: 0 PX

Agregue un modo de texto Agregar contenido Continuar agregando un módulo de texto al giro que agregó. Aquí puede agregar todo el contenido de las publicaciones de blog que desee y puede usar los diferentes estilos de texto para obtener el resultado deseado. En la pantalla de impresión a continuación, usamos títulos y párrafos. Configuración de texto Vaya a la configuración de texto y realice algunos cambios allí.
Tamaño de texto: 21 PX (escritorio), 18 px (tableta), 15 px (teléfono)
Altura de la línea de texto: 2em

Configuración Configuración La configuración del texto del encabezado también debe modificarse.

Fuente del título: Abril Fatface
Encabezado de texto de tamaño: 46 PX (escritorio), 40 px (tableta), 30 px (teléfono)
Altura de la línea de dirección: 1.5em

Espacio agregue algunos valores de llenado personalizados.
Revestimiento superior: 80 px
Finamiento inferior: 80 PX
Revelaje izquierdo: 80 PX (escritorio), 40 px (tableta), 30 px (teléfono)

Llenado derecho: 80 PX (escritorio), 40 px (tableta), 30 px (teléfono)
Box Shadow Para terminar, agregue una sombra de cuadro sutil al módulo de texto. Esto traerá una cierta profundidad a la plantilla de publicación del blog.
Poder de poco claro de la sombra de la caja: 80 px
Poder de extender la sombra de la caja: -14px
Agregue la estructura de la fila # 2 de la columna Continuar agregando una nueva fila justo debajo de la anterior usando una columna.

El espacio elimina y todos los rellenos personalizados predeterminados de esta fila.
SUS Lingo: 0 PX
Finamiento inferior: 0 PX

Agregue el módulo de correo electrónico Agregar contenido y luego, agregue CTA. Usamos un módulo de correo electrónico. Después de agregarlo, cambie el contenido.

Campos Usamos solo la dirección de correo electrónico en este módulo, así que continúe y apague los nombres y apellidos en la configuración del campo. Continúe agregando un fondo de gradiente al módulo de correo electrónico.
Color 1: Color # 2 (Encuentra en la paleta)
Color 2: Color # 3 (Encuentra en la paleta)

Dirección de gradiente: 144 grados

Apariencia Entonces, cambie el aspecto del módulo.

Apariencia: cuerpo en la parte superior, forma en la parte inferior
Configuración de texto Cambio y configuración de texto.
Orientación de texto: centro
Color de texto: Abierto

Configuración de texto de título luego abra la configuración del texto del título y realice algunos cambios.
Título de la fuente: Abril Fatface

Título Tamaño del texto: 54 PX (escritorio), 40 PX (tableta), 35 PX (teléfono)
Configuración Modificar el botón y la apariencia del botón.
El ancho del nudo del botón: 0 PX

El rasgo de botón de botón: 0 px
Estilo de fuente: subrayado
Estilo subrayado: doble

Finalmente espaciado, use diferentes valores de llenado personalizados en la configuración de espaciado del módulo de correo electrónico.
Revestimiento superior: 100 px
Finamiento inferior: 100 PX
ENLIZACIÓN IZQUIERDA: 300 PX (escritorio), 50 px (tableta y teléfono)
Revelaje derecho: 300 PX (escritorio), 50 px (tableta y teléfono)

Guarde la apariencia en la biblioteca de divilización para reutilizar lo único que queda por hacer es guardar la apariencia en la biblioteca de la Divica. De esta manera, ¡puedes reutilizarlo para otras páginas! También puede acceder a las publicaciones de blog como páginas existentes al crear una nueva página.
Vista previa ahora, que hemos dado todos los pasos, para echar un vistazo final al resultado que creamos.