Free Stuff

This is the third in the set of colorful gradient navbar images (Download Zipfile), 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.

<div id="navigation">
<div id="navbar_link">
<ul>
<li class="currentpage"><a href='#'>Home</a></li>
<li><a href="#">About Me</a></li>
<li><a href="#">My Flickr</a></li>
<li><a href="#">Contact Me</a></li>
</ul>
</div>
</div>


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.

After the success of my Pixabella05 Free HTML template which is called Hawaii in the Blogger template version, I decided to produce a few extra Navbar images so that users can change the color of the navbar when they customise this template. These were created in Inkscape.

Each image in the zipfile is named nav_color, so whichever version you want to use just needs to be renamed nav.png and it will work straight away within the template, provided you've copied it into the 'img' folder within the template. Of course you might want to change some of the other colors in the template as well.

I'd love to keep updating this template with other header images as well, and over the next few days I'll try to work out some color combinations that go well with these new Navbar images so that links etc look complete. Feel free to download the Navbar images zipfile. Read my tutorial on how to use these images.