All Posts Tagged With: "custom"

How To Create Advanced E-Mail Signatures With Windows Live Mail

In Windows Live Mail (as in the e-mail client and not the web site) the default method for an e-mail signature is nothing but plain text, like this:

image 

You can however create advanced e-mail signatures using the freely available Nvu web page editor.

Here’s how it’s done.

1. Download and install Nvu. It’s free.

2. Copy any images you plan to use to the folder My Stationary.

My Stationary is a folder you already have on your computer, located under My Documents. This was created when you installed WL Mail originally. Any images to be used in a signature must reside in this folder, else it will not work.

For the example below I’m going to use a small image of myself:

menga48

The above is a 48×48 pixel image. You should keep whatever image you use small so you don’t annoy the people you send mail to. If you’re asking the question, "How big is too big?", try not to use anything over a 100×100 image.

If you have an image you’d like to use but it’s too big, you can resize it quickly using Pixlr editor. This is a free in-browser editor (no need to install anything). Load that site, open the image you want to edit, click Image then Image Size from the black bar at the very top and resize to 80×80 or smaller, then save as PNG or JPEG.

When your images are ready, copy any you intend to use to the My Stationary folder.

4. Launch Nvu and save a blank signature first.

When you first launch Nvu you will be given a blank web page to edit, much like editing a new document a word processor. The first thing we’ll do is save this file. This is necessary to do first so that images can be added in more easily.

Click the Save button. You will be prompted to title the page. Call it signature, like this:

image

Click OK.

You will be be prompted to save the file somewhere. Navigate to the My Stationary folder and save your file as signature, like this:

image

The file will be auto-saved with the .html file extension.

5. Edit and save your signature.

First we’ll add in the image. Click the Image button at the top of Nvu. A new window will open.

Click the Choose File button.

Example:

image

You will be automatically placed into the My Stationary folder to find the image you want. If not, navigate to My Documents then My Stationary. Find the title of the image you want to add, then double-click to open it. 

After that, tick the option for Don’t use alternate text (if you don’t, Nvu will force you to use alternate text for images, which is not necessary).

You should have something like this:

image

Click OK.

Your image will be inserted into the page.

After that, type in some text you want in your signature.

For any text you want linked to another web site, highlight the text and click the Link button at the top of Nvu.

Here’s an example of what you could have:

image

The last thing we’ll do is change the font.

Press CTRL+A to highlight everything in the page.

Click the drop-down menu that states Variable With or Mixed and pick Helvetica, Arial like this:

image 

It is strongly suggested that you only use Helvetica/Arial, Times or Courier as everybody has these fonts installed on their computers. If you choose a font that is non-standard, chances are high that it will show up as nothing but Times New Roman (or other standard serif font) on the recipient’s computer.

Lastly, adjust the font size by using the font increase/decrease size buttons:

image

Remember that you can highlight and select different text just as you would in a word processor program, adjusting some to be one size and other text a different size.

Here’s an example of what you could have:

image

When we’re all finished, simply click Save and close Nvu.

6. Enable the signature in Windows Live Mail.

In WL Mail, press ALT+M to bring up the menu, then click Options:

image

For the new window that appears, click the Signatures tab, then tick the option File at bottom, like this:

image

Click the Browse button to the right of File.

From the Open window that appears, change Text Files to HTML Files, like this:

image

Navigate to your My Stationary folder and select signature (this is the file you just saved a few moments ago).

At this point you will see the file path next to File, similar to this (the path will be different on XP computers because My Documents is in a different location):

image

Make sure Add signatures to all outgoing messages is checked:

image

Click Apply then OK.

7. Compose a new e-mail to yourself to test it out.

If all goes well…

image

Success! Your new advanced signature works!

Questions answered

My signature doesn’t look the same as it did in Nvu. Did I do something wrong?

No. You’re probably viewing and/or composing mails in plain text only.

In Options/Read, uncheck Read all messages in plain text, like this:

image

In Options/Send, the Reply to messages using the format in which they were sent checkbox must be unchecked, the Mail Sending Format must ticked as HTML, like this:

image

How do I re-edit my signature?

Launch Nvu and open the signature file from the My Stationary folder. Make any edits you wish, then save. It will instantaneously take effect in WL Mail on any future mails you send out.

Are the images I use in my signature attached as inline?

YES. They are attached to your e-mail and sent inline without any need to host them externally on other web sites like ImageShack or PhotoBucket. Your signature will never "break" because it will be not be dependent on any external image hosting whatsoever.

Can I use colors when editing my signature?

YES. You can highlight any text and make it any color you want.

Can I use advanced features when editing my signature such as tables, horizontal rules, paragraph alignment and so on?

YES. You can use all those things.

What can’t I do with my signature?

You can’t do anything that involves scripting of any kind. For example, if you entered in some JavaScript, that absolutely would not work. Everything in your signature file must be static in nature (which it is by default).

Why must the signature file itself and images I use be in My Stationary and not in a more convenient spot?

WL Mail has a feature called Stationary. It is something not too many people use simply because the stationary choices are terrible, and the way to create them is even more terrible (File / Save as Stationary doesn’t work, and the Stationary Wizard via the Options/Compose tab/Create New button isn’t too much better).

The signature file itself must reside in My Stationary for any signature images to work. For example, the image I used was menga48.jpg. When in the My Stationary folder, the HTML markup written by Nvu has src="menga48.jpg" in the <img> tag for the file path. If it were in any other directory, Nvu as well as any other editor would write something like src="file:///some-local-location/menga48.jpg", and that simply will not work.

Images for signature use almost must reside in My Stationary for file path reasons as well. When you have both the signature HTML file and the images in My Stationary, everything works.

Can I "export" my signature?

YES. Copy the signature.html file and whatever images you use to a USB stick, go to any other computer with Windows Live Mail installed on it, copy the files to the My Stationary directory on that computer, then follow steps 6 and 7 above.

What e-mail account types will this work on?

The signature will work regardless of account type, be it POP, IMAP or HTTP (Hotmail).

Is it absolutely required that I use Nvu?

No. Dreamweaver will work as will coding your HTML file "by hand" even with something as simple as Notepad. The editor is not necessary. I only mention it because it’s easier for most people to work with.

Can I use my word processor to export an HTML for use as a signature?

I highly recommend against doing that because word processors export HTML files with lots of useless junk code – so much so it may crash WL Mail on attempt to use it as a signature.

I use Outlook Express 6 and not Windows Live Mail. Will these instructions work if I’m using that software?

Yes, but the stationary folder on most XP computers is this:

C:\Program Files\Common Files\Microsoft Shared\Stationery

You will have to substitute My Stationary for the this folder if you want to do this in OE6 using the above instructions.

Also remember that signatures are not shared. If you use a signature in OE6, it will not import over to WL Mail so you will have to manually copy the files from the OE6 Stationary folder to the WL Mail one.

Installing HmmXP Custom Theme For Windows XP

The default Windows XP theme is called Luna. This is the rather disgusting blue taskbar, program title bars/borders and the big green Start button. It looks awful.

Luna can be changed to either Olive Green (equally disgusting) or Silver (the only which looks good out of the set for Luna).

Many people can’t stand Luna and switch to the “Windows Classic” theme. But wouldn’t it be great if there was a theme in between Luna and Windows Classic that feels “just right”? HmmXP is it. It’s got the perfect blend of form and function as far as an XP theme goes.

HmmXP works for Windows 2000 (will not work in 2000), Windows Server 2003 and Windows XP. I guarantee you will like it.

The video below shows exactly how to get it installed and running. It only takes a few minutes and it’s easy.

Use Custom Icons In KeePass Password Safe [How-to]

KeePass Password Safe is a free open source password manager for Windows. If you happen to be using something other than Windows there are contributed versions for PocketPC, Smart devices, Linux, Mac OS X, Blackberry and others.

One very cool feature of this app is the ability to use custom icons from any image to represent entries. Being that images are stored within the database, the app won’t "lose" them for any reason.

When you use Google image search you can quickly find the logos you need for your password entries.

For example, let’s say you have a Yahoo! Mail account stored. It looks like this:

image

You’ll notice the icon at top right is a key. We want to change this over to a Yahoo! logo for easy reference later.

From Google image search I searched for yahoo logo and found this:

 image

This will work just fine.

Even though this image is large for an icon, that’s okay because KeePass Password Safe will auto-resize it.

I save this image locally, then click the icon button in the application next to "Icon" (see screenshot above where the key is), then click "Use custom icon".

Looks like this:

image

At the moment the Yahoo! logo I downloaded isn’t in there, so I click the "Add" button, locate the image I downloaded and added it in.

Now it looks like this (note the little Y! logo under Custom icons):

image

I select this entry and now this is what it looks like in my list:

image

When you start accumulating a lot of accounts for stuff you sign up for on the internet, having visual representations of what the service is by icon is very helpful.

If you get into the habit of image-searching a logo for the respective web site each time you add in an entry to the database, you’ll quickly discover that the visual reference really does make a difference. It may be small and seemingly insignificant, but in fact is a really good way of locating things quickly in KeePass Password Safe.

In addition this is also helpful if you have multiple accounts with the same web site.

Here’s a few examples:

image Some PCMech specific stuff using the PCMech logo.

image Some RoadRunner (my ISP) specific stuff using the RoadRunner logo.

image Ustream accounts that I administer.

As said above, the visual reference really does make a difference.

Final note: KeePass Password Safe does not require the image to be .ICO specific. It can be GIF, JPG/JPEG, BMP or ICO. It all works.