修改CSS-更換/*檔頭*/的圖示:Xuite Blog 日誌:Xuite日誌
  • Blog小組

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

  • 搜尋文章
  • 關鍵字
  • 文章分類
  • 最新文章
  • 最新回應
  • Re:日誌使用問題的發表處(97年05月),by(熊谷)於2008-05-17
    Re:日誌使用問題的發表處(97年05月),by(leaf)於2008-05-17
    Re:日誌使用問題的發表處(97年05月),by(麒龍)於2008-05-17
    Re:日誌使用問題的發表處(97年05月),by(┌♥砃錼↗♫)於2008-05-17
    Re:[想紅嗎? ] 娛樂e世代 _網路情報局 徵召中,by(Alanis)於2008-05-17
    Re:[想紅嗎? ] 娛樂e世代 _網路情報局 徵召中,by(☜☆傻♨西瓜★☞)於2008-05-17
    Re:日誌使用問題的發表處(97年05月),by(小小綠豆)於2008-05-17
    Re:日誌使用問題的發表處(97年05月),by(Danny)於2008-05-17
  • 最愛連結
  • 重要事件公告區
  • Blog常見Q&A整理
  • Blog使用教學
  • 日誌使用資源






  • 如何使用RSS
    Powered by Xuite
  • 參觀人氣統計
  • 2005-12-09 15:03 修改CSS-更換/*檔頭*/的圖示
  • ?
  • Blog 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) / 引用(40) / 好文轉寄
  • 回應