修改CSS-更換/*檔頭*/的圖示 @ Xuite Blog 日誌 :: 隨意窩 Xuite日誌

  • 這裡是 Xuite Blog 小組的會客廳,歡迎大家來這邊互動喔~

    1. 沒有新回應!
  • 重要事件公告區
  • Blog常見QA整理
  • Blog使用教學






  • 如何使用RSS
    Powered by Xuite
  • 2005-12-09 15:03 修改CSS-更換/*檔頭*/的圖示
    平均分數:0 顆星    投票人數:0
    我要評分:

    修改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.修改後的日誌


    Blog小組 / Xuite日誌 / 回應(26) / 引用(0) / 好文轉寄
    回應