This WordPress plugin allows you to attach a download file to any post or page via the write/edit page in WordPress. It also forces files that would usually open in the user's web browser, such as jpg, mp3 or pdf to download to the their desktop instead. At the moment it only allows one attachment per post/page, but it's beauty is in it's simplicity.

Installation:

1. Download the plugin file here: WP File Download Plugin (1.0)
2. Upload the wp-digi-clock folder to your wp-content/plugins folder
3. Activate the plugin from the plugins page

Usage:

1. Upload a file via the WordPress upload form or FTP
2. Enter the full URL to the file (including http://www.) into the box in the 'File for download' tab in the right sidebar in the Write/Edit page in WordPress

Adding your own Download Image:

1. Replace the file plugins/wp_file_download/download-button.png with any image file of the same name.

Example:

I've installed the TinyMCEComments plugin on my site, so now you can preview what your comment will look like as you type it. Nice!

This is a simple javascript for creating a mouseover effect on image links, also known as an image replacement script. It works in two stages. In this example "image 1" is the link image and "image 2" is the mouseover image.

Stage 1

Add this javascript to the head of your page:

function SwapImage1() {
document.image1.src="/images/image2.jpg"
}
 
function SwapImage1Back() {
document.image1.src="/img/image1.jpg"
}

Stage 2

Add the following onmouseover and onmouseout properties to your image:

<img src="/images/image1.jpg"
onmouseout="SwapImage1Back()" onmouseover="SwapImage1()" name="image1" />

This site, built for photographer Neil Stewart, is the first site 76 Creative have launched this year. Built with PHP, it features categorized thumbnail galleries, the usual biog, links and contact information, and also a moving image section with an embedded Flash Video (flv). All of the navigation for the site is done using images to create the hand written look that we were going for, it uses a javascript to give the mouseover effect for the images. For me, this is one of the best designed sites I have worked on so far, as it has a distinctive style, yet it's simple and functional.

Check it out: www.photoneil.com

One of Firefox's default styles is to put a dotted line border around active links. For many sites this is not an issue, and can even be helpful to the user, making it clear when they have clicked on a link. However, with some sites, especially when using images as links in the nav, it can look really ugly. To get rid of the dotted borders use the following CSS:

a:active, a:focus {outline: 0;}