Create a browser address bar & small icons in favorites [reprinted]

Source: Internet
Author: User

Original article:

If your web browser is ie5 or later, after you add some websites (such as Netease And Yahoo) to the favorites folder, have you noticed that there is a distinctive icon next to these website titles? This is the "favorites icon" (F avorites icon ). Take Netease for example, in the title "Welcome To Netease !" On the left, the default ie5 icon is replaced with a red variant of the Chinese character "easy. In addition, if you are browsing "Netease", the icons in ie5's address bar are also a red "easy" word. It is precisely because of these personalized icons that make them very eye-catching in the white-bottom and blue E of your favorites.

Do you also want to add an icon that reflects your homepage style and personality to your website? In fact, it is very simple to achieve this goal.

Step 1, Prepare an icon production software.

First, you must understand that the so-called icon is a special graphic file format, which uses. ICO as the extension. This format is not available for common image design software, so you need to download an icon production software from a software download site. You can also visit here is a free on-line Collector with a picture generator. If your e is good enough, you can learn more about the "favorites" icon here.

Step 2To determine the specifications of the "favorites" icon.

The "favorites" icon has its own specification: The Icon size is16*16(In pixels); the color used cannot exceed16Color.(For clarity)

Step 3To design an icon of your own.

You can make a thumbnail or design a distinctive logo for your website as a "favorites" icon. In short, it must belong to you and can represent the style and personality of your website. Name the icon file F avicon. ICO.

Finally, upload the icon file (favicon. ico) to the root directory of the server where your website is located. You do not need to make any changes to your webpage files. ie5 will automatically search for the root directory of your website as soon as it discovers favicon. the ICO file displays the icon in the visitor's address bar and Favorites list.

If you want to set different "favorites" icons for different pages, you need to add the following content to the head part of the webpage file:
<Linkrel = "bookmark" href = "favicon. ICO">

Note: the absolute path must be used for the icon path.

Note that some web site host servers (such as GeoCities) do not support the icon file format. In this case, you need to contact the administrator, he is required to enable support for the icon file format.

Now, let your website have a "favorites" icon!

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.