close
當我們在逛一些網站的時候可能會發現,顯示在瀏覽器網址列前的小圖示會變成不同的圖案,或者當你將這個網站加入我的最愛以後,當你打開我的最愛列表時,也會發現這個網址的最前方也是這個小圖示.
語法方法一:
- <link rel="shortcut icon" href="favicon.ico">
href="favicon.ico"這一個就是你要連結圖示的地方啦...但切記..圖示檔名只能用favicon而副檔名ico!要改的話則自己改囉!
語法方法二:
- <link rel="SHORTCUT ICON" href="http://www.idv.tw/icon.ico">
- 該語法我是放在<HEAD></HEAD>之間;
- 請注意您放置.ico圖示檔的路徑,要和href="ico的URL"的路徑相對應
產生圖示的線上網站:
http://www.html-kit.com/favicon/
製作方法:
- 1.首先你必須要先製作一張16X16像素的icon(.ico檔),至於怎麼製做呢?你可以使用軟體例如IconCool Editor,或者你也可以到FavIcon from Pics 這個網站來線上製造一張屬於自己的icon檔,完成之後,為他命名
- 2.然後將他上傳到你的網頁空間下,你可以放在根目錄也可以放在任意資料夾只要你記的住
- 3.將你希望產生效果的網頁檔案打開,使用原始碼編輯模式,在<head></head>之間任意位置,插入以下兩條指令
amarylliss。艾瑪[隨處走走] - [教學] 自訂Pixnet部落格favorite.ico圖示的語法
全站熱搜
留言列表