Digital Overload’s technical blog

First apply a class of “rollover” to the image you want to have a rollover, also make sure you have 2 images states e.g.

button.gif and button-active.gif (use this naming convention)

Then make sure JQuery is present and add the following to your main javascript file

$(".rollover").hover(
	function(){
		if($(this).attr("src").indexOf("-active") == -1) {
			var newSrc = $(this).attr("src").replace(".gif","-active.gif#hover");
			$(this).attr("src",newSrc);
		}
	},
	function(){
		if($(this).attr("src").indexOf("-active.gif#hover") != -1) {
			var oldSrc = $(this).attr("src").replace("-active.gif#hover",".gif");
			$(this).attr("src",oldSrc);
		}
	}
);

Here is what your image should look like:

<img src="/media/images/button.gif" width="100" height="20" alt="My Button" class="rollover" />

Hope this helps, if you have any questions or suggestions please get in touch.

Recently we were asked to create an Outlook email footer for one of our clients. Like anything its easy when you know how…

As some people may not be aware of what is required, we have detailed the steps needed to create and configure an email footer for Outlook.

Step 1:
Open your Outlook email client and from the top menu click on “Tools” > “Options…” which should bring up a options configuration pop-up.

Step 2:
Click on the tab at the top of the pop-up that reads “Signatures” this is the configuration panel that will allow you to edit all of your signature settings.

Step 3:
Click on the “New” button to the right of the panel, this will create a new footer template for you to edit. (you can rename this footer by clicking on the “Rename” button)

Step 4:
Click on the radio button that reads “Add signature to all outgoing messages”

Text Footer

Step 5:
If you don’t have a HTML footer file simply type in the information you require in your email footers, we suggest the following:

- - - - - - - - - - - - - - -
Name Here
Position in Company

T: 01603 630631
F: 01603 630632
W: www.digitaloverload.co.uk

HTML Footer

Step 5:
If you do have a HTML footer file then click on the radio button that reads “File”, This will activate the “browse” button on the right hand side. Select your HTML file from the pop-up provided.

Finish

Once you have included your chosen footer click the “Apply” button at the bottom right of the configuration panel.

One last thing

When using a HTML footer your sending preference MUST be HTML or the email footer will not appear. To make sure your email preference is correct click on the “Send” tab at the top of the “Options” configuration panel (you should currently still be in the “Signatures” section)

Once you have clicked on the “Send” tab you will see a different configuration panel. Under the “Mail Sending Format” section ensure that “HTML” is selected.

Now click “Apply” and then “Ok”

All Done!

You should now be able to send emails with your footer attached. If you get stuck please look at the Outlook Footer Video Tutorial