Posts tagged: navbar

Navbars with background images – tutorial

Navbar

Navbar

I’ve produced a few sets of navbar images for free download dark, light, frosty, and original. In this tutorial I’m going to explain how to use them in your own site design.

This screenshot is taken directly from one of my free html templates. The HTML to create this is a basic list of links but without the CSS it looks quite boring, just a link, then a new line and another link and so on, however, once the CSS is added, you get an attractive navbar.

Read more »

Dark Colored Navbar Images

Dark Navbar

Dark Navbar

This is my last set of gradient navbar images, I’m not sure how popular these have been since nobody has commented but since they took me a few minutes to produce it seemed like an easy thing to make them available for free download.

Anyway, hope you like them, download the dark navbar zipfile (nav-images). Read my tutorial on how to use these images.

Light Colored Navbar Images

Light Navbar

Light Navbar

This is the third in the set of colorful gradient navbar images (Download navbar-light-colors), all of which have been designed to work with my Pixabella05 template.

Adding these to your website is very simple if you already have a navbar, and if you don’t, then simply copy the code from Pixabella05. If you don’t know much about HTML and CSS, make sure you also read creating a simple HTML webpage that I wrote for beginners. This is the exact HTML code needed. Read my tutorial on how to use these images.

Frosty Navbar Images for Free Download

Frosty Navbar

Frosty Navbar

Navbar images are something friends and family always ask me for and rather than just do one off images I thought I’d continue the set I started with my first navbar images zipfile. This new set is frosty.

To use these in your website, just copy the HTML and the CSS from the pixabella05 free HTML template. Over the next few days I’m going to add another couple of navbar sets. I hope you like these. Read my tutorial on how to use these images.