bullet how to use foollovers borders and decorative frames using images

You will learn to create borders and decorative frames from using foollovers' free to use borders and using them in your code. We will use the "using images" version of borders.

STEP A. Downloading frames and borders on foollovers site

Visit foollovers website or go to menu frames directly here. image On the navigation, click the Material. image After clicking Material, look for the the menu box, click Borders and decorative frames. image Choose borders and decorative frames you like to use. I will choose border, decorative frame 08. image Click the html/css/img and scroll down until you see the image image Save the row of the corners. You must save all four of the corners (top, left, right, bottom) into your gallery. image

STEP B. Using Befunky image editor to put all corners together

Visit befunky and click Get Started image Click Create a Collage image On the bottom navigation, click Customize image Then click Background color > click the box with triangle on the bottom > and No color background. You'll see that the editor has transparent background. After that, close the color picker. image image image Go back to the bottom navigation and click Spacing image Slide to the left so it's going to be 0% spacing image After that, close the spacing. image Left or right click on the following marked boxes and delete cell, you must have 4 corners now image image This must look like the 4 corners image Import the images by uploading them one by one inside the collages. You right or left click on the cells. image image Saving the collaged frame borders now!! We're going to proceed on hotlinking in imgur and putting the link in your code for the last step imageimage

STEP C. Hotlinking image on imgur

You have the option to upload the image somewhere else, this last step is just hotlinking images using imgur that I often use. Go to imgur and import the image we saved from befunky image Wait for the Upload Complete notification, wait for that because if you copy link too early your link will have blob on the link. (e.g. blob:https://imgur.com/ce14ff61-2b49-4b39-9ed6-5f9d390642ae) image You have the option to right click or hover the image and copy link image image Copy the code below and add it to your styling, paste url of the image. adjust the image fill round, I made mine 750 fill round, play around that setting.