泰迪踩地雷

 
本文引用自lovejie2005

整個頁面

版主碎碎念:痞客好像只支援基本游標更換(WINDOES的游標)，測試其他圖示無法顯示。如有其他相關文章再來分享給大家唷!:)
此文章參考http://tracyxcat.pixnet.net/blog/post/999964
 

SHUE來分享語法嚕!
部落格整修，語法都試驗過可以使用才分享喔!
 
以下是成果圖:

 
本文引用自AppleAppleDouble - 玩弄∥文章關鍵字前方加入可愛icon圖片 (Pixnet)
此教學僅針對痞客邦使用者，無名可以跳過...
是否厭倦了痞客邦原先設定的關鍵字icon呢？
蘋果在此提供了語法讓大家改囉 XDDDDD
•語法複製：
.article-
keyword{background:url(你要的圖片網址) no-repeat left top;}.article-keyword
IMG{visibility:hidden;width: 圖片的寬數值px;height:圖片的高數值px;}
另外，倘若要使關鍵字(連結字)跟文章內的連結字分開設定：
.article-keyword a{font-size: **px;color:#色碼!important;}
.article-keyword a:hover{color:#色碼!important;}

 
本文引用自AppleAppleDouble - 玩弄∥文章分類的+號用icon圖替換 (Pixnet)
此教學僅針對痞客邦使用者，無名可以跳過...
想當初還未決定搬到痞客邦，總覺得自己無法習慣這裡
不論是操作手順、或是整體介面、甚至是標籤CSS都讓我害怕
但當自己下定決心要告別無名以後
原來我的適應能力是這麼的出乎意料外
由此可見，嘗試新鮮事物是可以激發人的潛能
好像有點偏離主題了齁(哈哈哈)
嗯嗯!!有需要的朋友就試試看吧!!
>>>先將預設的+號隱藏
#category .box-text h6 img {display:none}
>>>再將icon圖址帶入語法(此為外面大分類)
#category
.box-text h6{background:url(http://圖片網址) no-repeat 0% 50%
#FFFFFF;letter-spacing: 1px;line-height: 16px;padding: 2px 4px 0px
13px;margin: 0px 0px 0px 8px;}
>>>當滑鼠移到大分類(效果可參見本網誌的文章分類)
#category .box-text h6:hover{background:url(http://圖片網址) #FFFFFF no-repeat 0% 50%;}
>>>當滑鼠移到小分類(效果可參見本網誌的文章分類)
#category
.box-text li a:hover{letter-spacing:1px;display:block !important;width:
90%;background:url(http://圖片網址) #FFFFFF no-repeat 0% 50%;line-height:
16px;padding: 0px 0px 0px 13px;margin: 0px 0px 0px 8px;color: #字的顏色碼;}
>>>總開關也要隱藏(?)加上
#category .box-more{display: none;}

 
本文引用自blueyinzhien - 更改“继续阅读”图片

好久沒有發文咯~
今天發個文分享一種美化網志的CSS語法：如何更改“繼續閱讀”的圖片……
時常看見其他部落格的繼續閱讀的圖片都好美哦，自己家的卻只有“More...”一個字？
是時候改變了！
跟著我走咯！其實更改很簡單哦！

首先，先用圖片編輯軟件編輯出你心目中的“繼續閱讀”圖片……（↓下面提供了兩個範例，想用的話另存檔咯！）
     範例：
    

接著呢……把圖片上傳到網路空間（痞客相簿也行！）上傳后，取得圖片網址！

進入管理後臺 >> 部落格 >> 樣式設計精靈 >> CSS原始碼編輯，更改成以下語法：

.more a {<br> margin-right:（注1）px;<br> float:（注2）;<br> display:block;<br> width:（注3）px;<br> height:（注4）px;<br> font-size:0;<br> text-indent:-5000px;<br> background:url(（注5）) no-repeat;}

注意：

注1→ 與右邊緣的距離，填入？px, 例：5px [加入是靠左就要改成margin-left哦！]
注2→ 靠左還是右？靠左：填入left，靠右：填入right
注3→ 填入圖片的寬度
注4→ 填入圖片的高度
注5→ 填入圖片網址要保留括號哦！例：url(http://www.abc.jpg)

小提醒：

要是CSS內沒有.more a區塊怎么辦？
那就得自己在#display下直接把上述語法貼入咯！

好咯！教學完畢~ 有什麽可以讓我幫上忙的話儘管開口咯！