‧阿喵與兔寶妹妹說祕密‧
‧阿喵與寶妹:喜歡我棉的朋友,要多來看看阿喵和寶妹呦!要常常跟我棉說說話喔~~啾咪~~啾咪~~
‧備站→ miaupau 就是喵寶(FC2備站)
文章分類的分類目錄名稱可以增加喜愛的樣式!


效果如下:


  未增加圖示

20081010-1


==================================================

  增加圖示

20081010-2



【CSS語法】
#category .box-text li a{
background-image:url(圖片);
background-repeat:no-repeat;
background-position:*px *px;
padding-left:*px;
}
#category .box-text li a:hover{
background-image:url(圖片);
background-repeat:no-repeat;
}


【語法說明】
#category .box-text li a{ } →代表超連結時的狀態。
#category .box-text li a:hover{ } →代表滑鼠移至超連結時的樣式。
background-image:url(圖片); →欲放置的圖片。
background-repeat:no-repeat; →圖片不重複。
background-position :*px *px;; →設置圖片位置。可以用「center」(置中)、「right(靠右)」等設置;也可以用*px設距離。
padding-left:*px; →代表與文章分類敘述的距離,「*」填入數字。


若僅要簡單設置,則可以只填入「#category .box-text li a{ }」一項,「#category .box-text li a:hover{ }」的設定可以省略;若需滑鼠移至超連結時的模樣,則「#category .box-text li a:hover{ }」也需設定。


 貼在編輯CSS內即可。
 語法複製    * 文章分類目錄名稱前加小圖示 *    






創作者介紹

° ◦ ☆║:: miaupau 就是喵寶 ::║☆ ◦ °

miaupau 發表在 痞客邦 PIXNET 留言(6) 人氣()


留言列表 (6)

發表留言
  • hiccer
  • 太感謝魚兒..愛死你了.(也愛阿喵和寶妹.雖然不認識^^)
    好奇怪真的是火狐沒問題.ie卻有問題!
    改完後.只剩下link的標題會留在置中...再來想辦法好了!

    很好奇!為何我不用貼css.你也可以看到我的css.
    魚兒可以把上一篇留言刪了~才不會佔你的版面這麼長~

    ps.你的網頁開都很慢很慢.是不是你外掛太多東西...
    我開別人的都不會說!?


  • 魚:抱歉!
    因為魚兒沒設定PIXNET的連結列,
    所以沒注意到,
    試試加入「#my-link .box-text .link-box h6{text-align:left;}」,
    看看可不可行!
    不行的話,
    再來想辦法!^^
    PS..因為有偉大的火狐瀏覽器,
    只要對方有開啟部落格,
    就可以任意看別人的CSS!
    (這是不可說的秘密啦!呵呵~~)
    PS2..因為我掛了聯播網的語法,
    它要讀取,
    所以開啟較慢,
    SORRY!
    唉唉唉......想試試外掛,
    不知不覺愈掛愈多!

    miaupau 於 2008/10/21 18:22 回覆

  • hiccer
  • 沒有用說> <"
    不過還是很謝謝魚兒的幫忙!(很少人這麼熱心的^^)

    突然發現 box-text 將文字靠左有用!
    但是好像頭像.RSS logo.search框都一起碥左了~
    css果然不是簡單擺平的角色^^
  • 魚:這些大問題,
    本來想等有時間再幫你仔細看怎麼改,
    因為要牽動幾條語法,
    沒想到你已經改好啦!
    厲害厲害唷!^^

    miaupau 於 2008/10/22 11:22 回覆

  • hiccer
  • 我都弄好了~
    感謝魚兒的幫麻~~
    我分開加box-text
    #subscription .box-text {text-align: left ;}
    #latest-comment.box-text {text-align: left ;}
    #mylink .box-text {text-align: left ;}
    加了這三條.都變乖乖的了^^
  • 魚:魚兒也修改自己的部落格啦!
    這樣開啟的速度有比較快了吧?
    呵呵~~

    miaupau 於 2008/10/22 11:31 回覆

  • hiccer
  • 有變快喔^^
    這樣人氣會直直上升喔!!
  • 魚:承你貴言,
    呵呵~~
    PS..語法修改好了,
    那魚兒要刪除第一則長長的留言囉!^^

    miaupau 於 2008/10/23 14:26 回覆

  • 悄悄話
  • 悄悄話
找更多相關文章與討論