新版CSS---留言者名稱前的小圖:伽瑪星雲第58號行星:Xuite日誌
  • 安哥爾.摩亞
  • 關於我的一切,沒什麼好說的…



  • ☜新版CSS教學+網誌工具目錄☞
  • 最新回應
  • Re:版面分享-一起盪鞦韆,by(安哥爾.摩亞)於2008-08-10
    Re:版面分享-一起盪鞦韆,by(lisa)於2008-08-10
    Re:隨機自動輪播圖片,by(布丁yoyo)於2008-07-26
    Re:版面分享-4 紫色點點,by()於2008-07-19
    Re:新版CSS---文章區塊半透明----------(補充說明),by(Ω冰鎮阿嬤Ω)於2008-07-19
    Re:新版CSS---文章區塊半透明----------(補充說明),by(Ω冰鎮阿嬤Ω)於2008-07-19
    Re:隨機自動輪播圖片,by(光)於2008-07-18
    Re:隨機自動輪播圖片,by(光)於2008-07-18
    Re:隨機自動輪播圖片,by(光)於2008-07-18
    Re:新版CSS---文章區塊半透明----------(補充說明),by(安哥爾.摩亞)於2008-07-18
  • 最新文章
  • 文章分類
  • ♤最愛連結♤
  • 就是一些東西…
  • 現在線上人數:website counter
    快速連結→
    數位造林用網路多棵樹
    全球暖化很嚴重,請多多點按上面的連結,讓我們為地球盡一份心力!
  • 部落客廣告
  • 日誌使用資源






  • 如何使用RSS
    Powered by Xuite
  • 參觀人氣統計
  • 日誌評價
  • 平均分數:0 顆星
    投票人數:0
    我要評分:
  • 我的發燒文
  • 累積 | 今日
    loading......
  • 我的親友團
  • 搜尋文章
  • 關鍵字
    2006-01-11 19:11 新版CSS---留言者名稱前的小圖
  • ?
  • 新版CSS教學
  • 好文轉寄
  • 平均分數:0 顆星    投票人數:0
    我要評分:
    標籤 : 


    阿煙問說留言者名稱前的小圖要在哪裡改…

    以下就是修改方法:

    1.找到/*留言作者名稱*/--- span.authorname{ }

    2.在大括弧中加個background-image:url(圖片網址);

    3.將圖片設定不重複 background-repeat:no-repeat;

    4.將圖片放置在左邊 background-position:left;

    5.查看圖片的寬度及高度,查看方法和找圖片網址一樣,在圖片上按滑鼠右鍵點內容,有個叫"維度"的東西那個就是了,前面數字是寬度後面是高度,然後再加個 padding-left:Xpx;height:Ypx; X是寬度的數字,Y是高度的數字。

    整個語法就像這樣↓

    /*留言作者名稱*/
    span.authorname{
    background-image:url(http://e.blog.xuite.net/e6/e2/12304732/blog_22501/txt/4713116/68.gif);
    background-repeat:no-repeat;
    background-position:left;
    padding-left:25px;
    height:15px;
    }



    安哥爾.摩亞 / Xuite日誌 / 回應(22) / 引用(1) / 好文轉寄
  • 回應