This tutorial is very simple and easy to follow, and you can use this for image roll overs, buttons, and navigation…  Once you’ve done this a couple times it becomes very simple.
CSS Rollovers can be done with either two images or one single image.  I prefer to always do only one image as it allows for faster loading.
The first step is to make our images.  For this example I used an image with a height of 25px and a width of 100px.
For this tutorial because we are only using one image we will have to double the height.  Make sure when you make your image that you have it aligned perfectly so the roll over looks smooth.  Here is a demo Milwaukee Website Design first (more…)

Some of you may not know, but CSS Edit is a Mac only CSS Editor from Mac Rabbit

Anyways – if you have a look at the new Icon (hi-res for OS X Leopard) it reveals a funny comment!

Look at the bottom left corner if you dont understand!

AutoCompleter Tutorial

As always, links to a demo and ZIP at the bottom, Enjoy!

I thought i would write this tutorial because most of the auto completer applications i have seen just dump the code into a zip and tell you how to use it rather than how and why it works, knowing about this enables you to customise it a lot more (this has been demonstrated with the other apps i have written here)!

(more…)

VERSION 1.1 RELEASED!

Changes: Added (by popular demand) Event deletion!
Ok… I have finally got this script working!

I have not done it like a tutorial because it is just too big, so here are a load of screen shots, There is a link to a fully functional demo and zip at the bottom!

A little setup information:

1. Copy the entire calendar into whatever directory you want.

2. Create your database and import the ‘databaseSQL.sql’ file into it, this will create the default data for running it.

3. Alter the ‘databaseConnection.php’ file to show your connection details.That should be it..

NOTE:By default the username and password are both ‘admin‘ (without the quotes), i suggest you change your password in the control panel.

If you have any problems i will be happy to help, just post your query as a comment to this page.

Screen Shots

Default View

(more…)

This post will cover backgrounds (for DIVs) and transparent images (.PNGs)

As we ALL know; IE6 poses far too many challenges for designers, resulting in seperate stylesheets and hacks.
I found the need for a transparent background with links on top of it, in Firefox & Safari (and IE7) PNGs are supported, so all worked fine, but when tried with IE6, Yea, there were PROBLEMS! No PNG support and links within the transparent window disappeared.

There are links to the PNGs and Demos at the bottom of the post.

This is the difinitive way to make transparency work with all browsers!

(more…)