Designs by Calvin Blog » html http://designsbycalvin.com/blog Maine based design blog and design info for non-profit organizations. Tue, 02 Sep 2008 02:52:37 +0000 http://wordpress.org/?v=2.6.1 en Adding a Favicon to your Website http://designsbycalvin.com/blog/2007/12/adding-a-favicon-to-your-website/ http://designsbycalvin.com/blog/2007/12/adding-a-favicon-to-your-website/#comments Thu, 20 Dec 2007 03:48:37 +0000 Calvin http://designsbycalvin.com/blog/2007/12/19/adding-a-favicon-to-your-website/ Adding a favicon to your website can be done with an online favicon generator and one line of html code.

First, check out this site to create your favicon out of a square image or if you prefer to create it in Adobe Photoshop you will need to download a plug in from telegraphics. Remember favicons are 16×16 square images so simple images are better.

Next, save this image to the root directory of your website.

Finally, add this snippet of code to the header section of each webpage:

<link rel=”shortcut icon” href=”favicon.ico” type=”image/ico” />

This method is pretty universal but should be checked in many popular browsers. It should also be noted that depending on some servers the favicon man not display immediately.

Share and Enjoy: Digg Design Float del.icio.us Facebook Mixx Google E-mail this story to a friend! Furl LinkedIn Print this article! Reddit StumbleUpon Technorati TwitThis

]]> http://designsbycalvin.com/blog/2007/12/adding-a-favicon-to-your-website/feed/ Replacing a Submit Button with an Image http://designsbycalvin.com/blog/2007/12/replacing-a-submit-button-with-an-image/ http://designsbycalvin.com/blog/2007/12/replacing-a-submit-button-with-an-image/#comments Sat, 15 Dec 2007 06:04:54 +0000 Calvin http://designsbycalvin.com/blog/?p=4 Images can be used to replace the old boring gray submit buttons, and it can even be done with one line of html code!

Lets look at the html code for a gray submit button:

<input type=”submit” value=”submit”>

That code looks like this:

Which visually can be quite boring and very amateur design-wise. To swap that button out for an image use this line of code instead:

<input type=”image” src=”pathtoimage/imagename.jpg”>

The text after src would be the path to the image you want to use. This is what our form looks like now:

With a little CSS (Cascading Style Sheets), you can change the size of the image and the spacing between the text box and image.

Share and Enjoy: Digg Design Float del.icio.us Facebook Mixx Google E-mail this story to a friend! Furl LinkedIn Print this article! Reddit StumbleUpon Technorati TwitThis

]]> http://designsbycalvin.com/blog/2007/12/replacing-a-submit-button-with-an-image/feed/