今天發個文分享一種美化網志的CSS語法:如何更改“繼續閱讀”的圖片……
時常看見其他部落格的繼續閱讀的圖片都好美哦,自己家的卻只有“More...”一個字?
是時候改變了!
跟著我走咯!其實更改很簡單哦!
首先,先用圖片編輯軟件編輯出你心目中的“繼續閱讀”圖片……(↓下面提供了兩個範例,想用的話另存檔咯!)
範例:
接著呢……把圖片上傳到網路空間(痞客相簿也行!)上傳后,取得圖片網址!
進入管理後臺 >> 部落格 >> 樣式設計精靈 >> CSS原始碼編輯,更改成以下語法:
.more a {
margin-right:(注1)px;
float:(注2);
display:block;
width:(注3)px;
height:(注4)px;
font-size:0;
text-indent:-5000px;
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下直接把上述語法貼入咯!
您要對自己的未來說「Yes」或「No」呢?
VeMMA一個改變您一生的機會,請您一定要好好把握
梅慧的承諾
只要你是積極認真的人 我會把我會的都教給你
直到你完全會為止 運用系統團隊的力量
不再是一個人單打獨鬥
趕快來卡位 一起在家工作賺錢
那麼,現在就免費試用Vemmabuilder90 天!
<詳細介紹請看側邊欄位文章分類>
加入試用後,請與我聯絡,
讓我引導你如何使用自動賺錢系統
決定權依然在你身上,梅慧絕不過問或推銷的唷!!
(因為梅慧真的很討厭推銷...)
有任何問題 歡迎與我聯絡
梅慧 聯絡方式:
Skype: whitecocktail
部落格: http://ngmh.pixnet.net/blog
全世界每一秒鐘都有人加入我們的行列!
機會稍縱即逝~把握住這班已經啟動的成功列車
留言列表