Custom Headers

Main >> Content >> Tutorials >> CSS >> Custom Headers

Lately I have been using some special headers as you probably have noticed. I have actually just made a picture which I have put in all of my headers. In this tutorial I will show you how to do it, it is very easy.

Step 1: First you have to make a picture for your headers. Here's the picture I'm using:


Step 2: Now go to your CSS code. Find the first header part(H1), and paste the section I have written under in it somewhere:

background-image:url(URLHERE);

Step 3: Then paste the URL of your picture in the code over where it says URL HERE. Now all of your h1 headers will have your picture as a background.