
好久沒有發文咯~
今天發個文分享一種美化網志的CSS語法:如何更改“繼續閱讀”的圖片……
時常看見其他部落格的繼續閱讀的圖片都好美哦,自己家的卻只有“More...”一個字?
是時候改變了!
跟著我走咯!其實更改很簡單哦!
首先,先用圖片編輯軟件編輯出你心目中的“繼續閱讀”圖片……(↓下面提供了兩個範例,想用的話另存檔咯!)
範例:
接著呢……把圖片上傳到網路空間(痞客相簿也行!)上傳后,取得圖片網址!
進入管理後臺 >> 部落格 >> 樣式設計精靈 >> CSS原始碼編輯,更改成以下語法:
注意:
注1→ 與右邊緣的距離,填入?px, 例:5px [加入是靠左就要改成margin-left哦!]
注2→ 靠左還是右?靠左:填入left,靠右:填入right
注3→ 填入圖片的寬度
注4→ 填入圖片的高度
注5→ 填入圖片網址要保留括號哦!例:url(http://www.abc.jpg)
小提醒:
要是CSS內沒有.more a區塊怎么辦?
那就得自己在#display下直接把上述語法貼入咯!
好咯!教學完畢~ 有什麽可以讓我幫上忙的話儘管開口咯!
Recommend to Front page



└ 我的分享(4)


text-indent
這兩個是什麼意思呢0.0?
謝謝!
謝謝你的教學我那邊已經更改成功了!
^^
請問如果要把「繼續閱讀」四個字
改成其它文字
而不是改成圖片
要怎麼改呢
謝謝
嗨TT
你好哦!好高兴看到你的留言……因为我好久没有更新了~
改成其他文字?抱歉耶~ 我不会~
不如去请教一下其他的CSS高手,例如镜姐
http://prb999.pixnet.net/blog
抱歉不能帮上忙
還是很感謝妳!
Comment Permissions: Allow commenting