close

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

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

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

futaba.gif 進入管理後臺 >> 部落格 >> 樣式設計精靈 >> 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;}

 

359.gif 注意:

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

kinoko03.gif 小提醒:

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

 

 

 

您要對自己的未來說「Yes」或「No」呢?

VeMMA一個改變您一生的機會,請您一定要好好把握

點我看VeMMA全球火紅名人推薦的網路事業!

 

 

梅慧的承諾

只要你是積極認真的人  我會把我會的都教給你

直到你完全會為止  運用系統團隊的力量

不再是一個人單打獨鬥

趕快來卡位   一起在家工作賺錢

 

那麼,現在就免費試用Vemmabuilder90 天! 

 

<詳細介紹請看側邊欄位文章分類>

加入試用後,請與我聯絡,

讓我引導你如何使用自動賺錢系統 

決定權依然在你身上,梅慧絕不過問或推銷的唷!!

(因為梅慧真的很討厭推銷...) 

有任何問題 歡迎與我聯絡

 梅慧 聯絡方式: 

Skype whitecocktail

部落格:   http://ngmh.pixnet.net/blog 

 全世界每一秒鐘都有人加入我們的行列!

 稍縱即逝~把握住這班已經啟動的成功列車

arrow
arrow
    全站熱搜

    A.nes 發表在 痞客邦 留言(0) 人氣()