CSS-加個歡迎的圖片吧!:伽瑪星雲第58號行星:Xuite日誌
  • 安哥爾.摩亞
  • 關於我的一切,沒什麼好說的…



  • ☜新版CSS教學+網誌工具目錄☞
  • 最新回應
  • Re:才一陣子沒注意…,by(欣妹)於2008-11-22
    Re:私の熊,by(9vdvd2dvdvv 8)於2008-11-20
    Re:好文轉寄的位置(已修改),by(安哥爾.摩亞)於2008-11-18
    Re:好文轉寄的位置(已修改),by(布丁妹)於2008-11-12
    Re:版面分享-極簡灰、海洋藍、甜蜜粉、森林綠、神祕紫,by(LinChan❤)於2008-11-04
    Re:買物,by(安哥爾.摩亞)於2008-10-29
    Re:買物,by(壞壞ㄉ安娜)於2008-10-29
    Re:買物,by(安哥爾.摩亞)於2008-10-28
    Re:買物,by(壞壞ㄉ安娜)於2008-10-28
    Re:買物,by(安哥爾.摩亞)於2008-10-27
  • 最新文章
  • 文章分類
  • 搜尋文章
  • 關鍵字
  • ♤最愛連結♤
  • 就是一些東西…
  • 現在線上人數:website counter
    快速連結→
    數位造林用網路多棵樹
    全球暖化很嚴重,請多多點按上面的連結,讓我們為地球盡一份心力!
  • 部落客廣告
  • 日誌使用資源






  • 如何使用RSS
    Powered by Xuite
  • 參觀人氣統計
  • 日誌評價
  • 平均分數:0 顆星
    投票人數:0
    我要評分:
  • 我的發燒文
  • 累積 | 今日
    loading......
  • 我的親友團
  • 誰拜訪過我
  • 2005-06-01 10:38 CSS-加個歡迎的圖片吧!
  • ?
  • CSS研究心得
  • 好文轉寄
  • 平均分數:0 顆星    投票人數:0
    我要評分:
    標籤 : 


    當初突發奇想說加個歡迎的圖片吧,沒想到是一切苦難的開始,怎麼試怎麼調就是不滿意,但又不想放棄,費盡千辛萬苦才有現在這個樣子,這就叫做"嘔心瀝血"嗎?哈~太誇張!

    我的方法是加在日誌名稱的旁邊

    1.首先到自定樣式(CSS)裡找到"日誌名稱"的語法,原本大概是這樣:

    .blogName{
        font-size: 22px;
     font-weight: bold;
     COLOR: #999999;
     }

    2.然後插入以下語法(紅色的字哦)

    background-image:url( ); 括號中填入你要的圖片網址。
    background-repeat:no-repeat; 圖片是否重複,範例為不重複。
    background-position: Xpx Ypx; X和Y是數值,X是表示圖片與整個頁面的左邊界的距離,Y是圖片與上邊界的距離。
    height: Xpx; 日誌名稱那一行的高度,如果圖片很大的話,數值就大一點。
    width: Xpx; 日誌名稱那一行的寬度
    vertical-align:bottom; 日誌名稱對齊圖片底部,可以填入的值有:top, bottom, center(還是middle我忘了)

    3.如果你要更改日誌名稱旁邊圖示(就是日誌心情啦,什麼我很平靜之類的)位置的話,因為CSS裡面沒有,我胡亂矇對它的語法:

    .blogName img{
    position: absolute; /*絕對位置*/
    left: 350px; /*與左邊界的距離*/
    }
    也可以把圖示隱藏,只要加上語法visibility:hidden; 上面那兩行不要加或用/*及*/包住,像這樣→

    .blogName img{
    /*position: absolute;
    left: 350px; */
    visibility:hidden;
    }
    如果游標指到圖示位置還是會有連結小手出現,只是圖片沒顯示而已。

    ps:如果按了確定也選了使用自訂樣式,回到日誌卻還是沒變的話,請按F5更新即可。



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