Descargar 5 imágenes de borde gratuito para div Div

Siempre es genial tener recursos adicionales que pueda usar al construir un nuevo sitio web para usted o un cliente. Por lo tanto, nos aseguramos de recibir nuevos paquetes de apariencia cada semana. Pero hay otros recursos que pueden ser útiles, como “imágenes de borde” o imágenes que puede usar a lo largo de una parte u otra de un elemento de diseño de división para agregar una floración estilística. El uso de las opciones de división construidas junto con estas imágenes de borde puede traer resultados sorprendentes. En esta publicación, le hemos proporcionado 5 imágenes de borde diferentes que puede descargar a continuación. Explicaremos cómo puede usar estas imágenes de borde para su ventaja y crear un resultado final sorprendente.
¡Vamos a eso! Vista previa para echar un vistazo a las diferentes imágenes de borde que podrá descargar a continuación en esta publicación. Para cada uno de los formularios, encontrará 4 versiones: una superior, abajo, izquierda y derecha. Estas imágenes le permitirán obtener exactamente el mismo resultado que se muestra en las primeras cuatro imágenes a continuación:

Descargue los archivos de imagen de forma gratuita para poner su mano en los bordes gratuitos, primero deberá descargarlos 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!
Acercarse
Una vez que descargue y descomprima la carpeta que contiene las 5 imágenes de 5 borde, encontrará 4 en los puntos subterráneos: borde superior, borde inferior, borde izquierdo y borde derecho
Esto significa que hay un total de 20 archivos de imagen disponibles para que use
Más adelante en esta publicación encontrará la configuración que acompaña que coincidan con cada lado del borde
Además, puede combinar imágenes de bordes con superposiciones de gradiente
Estas superposiciones de color lo ayudarán a hacer que las imágenes aparezcan como vibrantes o sutiles que desea
Usted es libre de usar estas imágenes fronterizas sin restricciones, incluso para fines comerciales.
La creación del diseño general agrega una nueva sección para comenzar creando el diseño general que utilizamos para presentar las imágenes de los bordes. Abra una página nueva o existente, agregue una nueva sección habitual y agregue algunos rellenos personalizados:
Revestimiento superior: 300 px
Finamiento inferior: 300 PX
Agregue una nueva fila La estructura de la columna continúe agregando una nueva línea a su sección utilizando la siguiente estructura de columnas: dimensionamiento sin agregar módulos, abrir la configuración de la fila, acceder a la configuración de dimensionamiento y hacer el ancho completo.

Haga esta fila ancho completo: sí

¡Agregue el módulo de texto de título a la columna 1 Agregue el cuadro de contenido H2 para comenzar a agregar algunos módulos! El primer módulo requerido es un módulo de texto. Agregue uno a la primera columna y agregue la copia H2 a su elección en el cuadro de contenido.
Configuración Texto Actualizar luego, realice algunos cambios en la configuración de texto H2 en la pestaña Diseño.

Título 2 Fuente: Abril Fatface

Título 2 Dimensión de texto: 80 PX (escritorio), 70 px (tableta), 50 px (teléfono)
El espacio continúa agregando un margen a la parte superior de este módulo de texto.
Margen superior: 150 PX


Agregue el módulo de texto del enlace a la columna 1 Agregue un enlace al cuadro de contenido justo en el texto del título que acaba de agregar, continúe y agregue un nuevo módulo de texto. Usamos este módulo de texto como un botón, así que asegúrese de agregar un enlace a CTA.
Configuración del enlace de texto Entonces, cambie la configuración del texto del enlace en la pestaña Diseño.

Enlace de peso de fuente: Ultra Bold

Enlace de estilo de fuente: mayúsculas
Color de texto de enlace: # 000000
Tamaño del enlace de texto: 21 PX
Espacio Agregue algunos bordes superiores para crear espacio entre este módulo de texto y el anterior.
Margen superior: 100 PX

El borde finalmente agregue un borde inferior sutil al modo de texto.
Ancho de borde inferior: 1 PX

Color del borde inferior: # 333333
Agregue el módulo de descripción de texto en la columna 2 Configuración de texto La segunda columna solo necesita un modo de texto descripción. Después de agregar contenido al cuadro de contenido, aplique la siguiente configuración de texto: Tamaño de texto: 22 PX (escritorio), 20 PX (tableta), 18 PX (teléfono)
Altura de la línea de texto: 2.6em

Orientación de texto: justificar
Dimensión Haga que la configuración del tamaño coincida con diferentes tamaños de pantalla:
Ancho: 82% (escritorio), 100% (tableta y teléfono)
Espacio y finalmente agregue algunos bordes superiores e inferiores.

Margen superior: 100 PX
Margen inferior: 100 px

Agregar ajustes de fondo de formularios de borde al borde izquierdo ahora, después de completar el diseño general, ¡podemos comenzar a agregar las imágenes de borde! Comenzaremos con el borde izquierdo. Encuentre la imagen de borde deseada en la carpeta “Border izquierdo” y cárguela como la imagen de fondo de la sección. Luego aplique la siguiente configuración para la imagen de fondo:
El tamaño de la imagen de fondo: el tamaño real
Posición de la imagen de fondo: centro izquierdo

Repetir la imagen de fondo: sin repetición
Configuración de fondo en el borde derecho o puede encontrar su imagen de borde de elección en la carpeta “Border derecha” y agregarla como la sección de la sección utilizando la siguiente configuración:
El tamaño de la imagen de fondo: el tamaño real
Posición de la imagen de fondo: centro derecho

Repetir la imagen de fondo: sin repetición
La configuración de fondo del borde superior es válida para la imagen en el borde superior, sino que use la siguiente 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

Repita la imagen de fondo: sin repeticiones de fondo de fondo o, por último, pero no menos importante, puede encontrar las imágenes desde el borde inferior en la carpeta “Border” y puede combinarlas con estas configuraciones de fondo:
El tamaño de la imagen de fondo: el tamaño real
Posición de la imagen de fondo: el centro inferior
Repetir la imagen de fondo: sin repetición

Mezcle los colores con una superposición semi -transparente para cada una de las formas de borde incluidas, puede decidir agregar una superposición de color. Esta superposición lo ayuda a hacer que las imágenes de los bordes se vean más sutiles. Para agregar una superposición, vaya a la configuración de la sección y agregue un fondo degradado sobre la imagen de fondo.
Color 1: #ffffff
Color 2: RGBA (255.255.255.0.36)
Dirección de gradiente: 141 grados

Coloque el gradiente sobre la imagen de fondo: sí
Vista previa ahora, que hemos seguido todos los pasos, para echar un vistazo final a algunos modelos potenciales que puede hacer con estas imágenes de borde gratuito.
Pensamientos finales En esta publicación, compartimos 5 imágenes de borde diferentes que puede descargar de forma gratuita. Puede usar estas imágenes de borde para cualquier sitio web con el que trabaje, sin restricciones. Le recomendamos que los pruebe todos y cree modelos increíbles. Si tiene alguna pregunta o sugerencia, asegúrese de dejar un comentario en la sección de comentarios a continuación.