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

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

首先,先用圖片編輯軟件編輯出你心目中的“繼續閱讀”圖片……(↓下面提供了兩個範例,想用的話另存檔咯!)
     範例:
    

接著呢……把圖片上傳到網路空間(痞客相簿也行!)上傳后,取得圖片網址

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

注意:

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

小提醒:

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

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

文章標籤
全站熱搜
創作者介紹
創作者 TED茶 的頭像
TED茶

泰迪踩地雷

TED茶 發表在 痞客邦 留言(0) 人氣(94)