蠶繭達人の部落格

修改CSS-更換/*檔頭*/的圖示
變更日誌上方的圖示(Step by Step) ~ by 幕僚長

1.原先的日誌




2.先製作一個 聖誕風味 的圖示.使用 "新增一般文章" 的方式點選 "插入圖形" 的工具




3.將日誌內容填選好後用 "儲存草稿" 的方式儲存文章




4.點選 "文章管理" ,再點選剛剛儲存(儲存草稿)圖片文章的 "編輯" 圖示




5.點選 "切換HTML原始碼" 的工具後將圖片的來源位置拉起並複製(按滑鼠右鍵選複製 或 Ctrl + C)起來




6.點選 "自定樣式(CSS)" ,再選擇 "讀取現有樣式" (例 : 星夜),並按 "Go" 圖示才會套用.選擇CSS原始碼的 "/*檔頭*/" 並修改圖片來源位置 [註1]. 點選 "使用自訂樣式CSS" 並點選 "確認送出" 即可



[註1] : background-image:url(/_theme/skin/background/42/blogBg_1.jpg); 改為 background-image:url(http://0.blog.xuite.net/0e/77/11731848/blog_53605/txt/4558697/0.jpg);

[註2] : 在[註1]中修改後的連結(藍色字樣)部分,若已有做好的圖示存放於網路上任何位址中(例 : 圖片來源位址是 http://blog.xuite.net/_theme/skin/background/45/blogBg_1.jpg),只要將CSS的圖片來源位址改為 background-image:url(http://blog.xuite.net/_theme/skin/background/45/blogBg_1.jpg);


7.修改後的日誌