(Tips) Tips for Drupal to make Modern Web Sites

Tips : Tips for Drupal to make Modern Web Sites

Favicons are a staple of the modern web. The newer versions of every major browser support them and they are just another way for web designers to further customize the sites they design.

If you don't know what I am talking about, favicons are the little (16px by 16px) images that show up on the tabs of a web page (if you have a tabbed browser), show up in the address bar next to the address, and even show up in your bookmarks/favorites. Firefox, Safari, Opera, and even the newest version of IE support them.

To do them in drupal with the PHPTemplate engine is relatively easy.

First, you need to create the favicon.ico file. This is the file containing your image. You can create a 16px by 16px bitmap file and name it favicon.ico with your image but I use a much simpler method. I take an image I want to use, sometimes right from the site itself, that is about the shape of a square. Then I head over to Dynamic Drive, upload my image, and download the properly formatted favicon.ico.

Now, to add it to drupal with a theme using the phptemplate engine is easy. Just upload the favicon.ico file to the base directory of your theme. The same directory your style.css file is in. Drupal will automatically detect it and do the work to make it display on your site.

If you are using something other than drupal than to have your favicon display will need one more step. Once the file is uploaded to the sever, the following piece of code needs to be up on your web pages in the <head>:

<link rel="shortcut icon" href="/path/to/favicon.ico" type="image/x-icon" />

 | Read More..

Courtesy:- mattfarina.com