Where is the icon file for the Dede site Favicon.ico

Source: Internet
Author: User

Put the finished icon file into your own space root directory, Dede website icon file named Favicon.ico.

The principle of browser invoke Favicon is to look for Favicon.ico files in the directory where the Web page is located, and if not, go to the root directory of the Web site.

Therefore, the easiest way to use favicon in a Web page is to name the made icon file Favicon.ico and upload it to the root of the Web site.

If you need to put Favicon.ico in another directory, or want to let different pages display different favicon, you need to do in the HTML file in the Web page, the specific settings are very simple, in the section of HTML Add the following code:

<link rel= "icon" href= "/dir/favicon.ico" mce_href= "/dir/favicon.ico" type= "Image/x-icon" >
<link rel= "shortcut icon" href= "/dir/favicon.ico" mce_href= "/dir/favicon.ico" type= "Image/x-icon" >

Firefox also supports favicon in GIF animation format, using the following methods:
First make a 16*16 gif animation, and then add the following code to the HTML code

<link rel= "shortcut icon" href= "Favicon.ico" >
<link rel= "icon" href= "Animated_favicon.gif" type= "Image/gif" >

If the site template is XHTML, add a/before the final >.

Note: If you want all the pages to display their own icons, then you need to add this code on all your templates, the path does not write wrong.

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: info-contact@alibabacloud.com 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.