★浏览贝壳的梦幻海洋必看★

 

css.png

 

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

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

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

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

359.gif 注意:

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

kinoko03.gif 小提醒:

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

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

Posted by blueyinzhien at 痞客邦 PIXNET Comments(5) Trackback(1) Hits(295)


open trackbacks list Trackbacks (1)

Comments (5)

Post Comment
  • font-size
    text-indent

    這兩個是什麼意思呢0.0?
  • 嗨,mon2586你好哦!
    font-size的意思是文字大小,
    text-indent是一種允許負值的長度值……

    blueyinzhienreplied on 2009/04/19 13:41

  • 謝謝!

    謝謝你的教學
    我那邊已經更改成功了!
    ^^
  • Hi RIKEY 你好!
    很开心我的教学可以帮到你哦!
    我去看了你的部落格哦!
    继续阅读的按钮做得不错哦!
    恭喜你

    blueyinzhien

    blueyinzhienreplied on 2009/06/21 13:46

  • 妳好
    請問如果要把「繼續閱讀」四個字
    改成其它文字
    而不是改成圖片
    要怎麼改呢
    謝謝
  • 嗨TT

    你好哦!好高兴看到你的留言……
    因为我好久没有更新了~
    改成其他文字?抱歉耶~ 我不会~
    不如去请教一下其他的CSS高手,例如镜姐
    http://prb999.pixnet.net/blog
    抱歉不能帮上忙
  • 妳好
    還是很感謝妳!

Comment Permissions: Allow commenting

Leave Comment

*Name/Nickname
E-mail
Personal Website
Comment Title
*Comment
* Private Comment