CSS教學:問題與解答:布拉格的羅傑:Xuite日誌
  • 最新文章
  • 文章分類
  • 搜尋文章
  • 關鍵字
  • 日誌使用資源






  • 如何使用RSS
    Powered by Xuite
  • bgmusic
  • 背景音樂: Seaside Drop By
  • Roger
  • 上班族,無事玩Blog
    玩影像處理
    玩MIDI
    玩書寫
    為了對抗消逝的歲月,對抗腦力枯竭,對抗閒來無事的恍神

  • 我的網誌
  • 我的網誌
  • 參觀人氣統計
  • New blogemotion
  • 2006-04-05 15:40 CSS教學:問題與解答
  • ?
  • CSS實驗室
  • 好文轉寄
  • 平均分數:0 顆星    投票人數:0
    我要評分:
    標籤 : 


    這裡整理最近回覆網友們的問題與解答,希望各位都擁有賞心悅目的部落格!

    上次的問題與解答請參閱這裡:
     http://blog.xuite.net/yeegiah/diary/5244524

     如何修改文章瀏覽數的 icon 圖示  
     span.counter li {
     list-style-image: url(你的圖檔網址);
    }

     如何修改文章分類項目 icon 圖示  
     span.category li {
     list-style-image: url(你的圖檔網址);
    }

     該怎麼調整日誌名稱的顏色
    日誌名稱是一個超連結,所以要用超連結語法來修改顏色。請新增以下語法

    /*日誌名稱超連結*/
    .blogName A:link{
     color:你想設定的顏色碼;
     text-decoration:none;/*none 表示無下底線,underline 表示有下底線*/
    }

    .blogName A:visited{
     color:你想設定的顏色碼;
     text-decoration:none;/*none 表示無下底線,underline 表示有下底線*/
    }

    .blogName A:active {
     color:你想設定的顏色碼;
     text-decoration:none;/*none 表示無下底線,underline 表示有下底線*/
    }

    .blogName A:hover {
     color:你想設定的顏色碼;
     text-decoration:none;/*none 表示無下底線,underline 表示有下底線*/
    }

     如何把左右側選單中的標題行高變大

    在此以修改「文章分類」欄的標題為例。可參考以下語法 (行高請用 line-height 指令來設定,後面的 55px 是你想指定的高度,請多設幾種不同高度試試看):
    .categoryTitle {
     background: transparent url(你的標題背景圖檔網址) no-repeat;
     padding-left: 5px;
     line-height: 55px;
    }

     如何修改文章中的行距
    也可使用 line-height 指令。參考語法如下 (後面的 35px 是你想指定的高度,請多設幾種不同高度試試看):
    .blogbody {
     color: #666;
     background: transparent none;
     width:100%;
     overflow: auto;
     line-height: 35px;
    }

     如何把照片放進文章中
    Xuite 站長曾經寫過一篇教學文章。請參閱這裡:
     http://blog.xuite.net/blog/baby/4650463

     

    Xuite CSS教學、樣式與問題整理
    http://blog.xuite.net/yeegiah/diary/11431003

    更多關於羅傑的CSS:
    http://blog.xuite.net/yeegiah/diary?st=c&re=list&p=1&w=110964



    Roger / Xuite日誌 / 回應(22) / 引用(1) / 好文轉寄
  • 回應