六月
5

[WordPress]讓文章更生動的文字圖飾

1 Comment | 瀏覽 2,340 人次

以前上學時交給老師後(好像只有老人家才會想當年… smile27 ),
老師總是會為修改作業時對作業內容加些標點符號或註記,
雖然離開學生時代很久了,
而書寫方式也從書面寫作改到電腦記錄,
方便度是提升了很多很多,
但感覺總是少了那麼一點點…. smile15

先是在敗家誌中看到這個文字圖飾,
經詢問後才知道原著是花水木SOHO到澳洲,
照著原文中的說明,
再加上自己的摸索後終於設定完成,
從今天起,
文章中除了圖片外,
重要的地方也可以加上標記符號囉! smile13

心得分享

  1. 先把底線圖示下載後,上傳至你所使用版型的目錄下!
  2. 下載Addquicktag後上傳到/wp-content/plugins/下並啟動即可,設定畫面如下(使用幾種底線就設幾個相對應的TAG):
    easycapture1
  3. 在個人使用的版型中的CSS,程式碼如下(使用幾種底線就設幾個相對應的TAG,我使用的版型是CSS中的.postarea): 
    .postarea .yel{
text-decoration: none;
background: url(underline_yhl.gif) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}

.postarea .cyc{
text-decoration: none;
white-space: nowrap;
line-height:22px;
padding:4px 2px 2px 2px;
letter-spacing:0px;
background:white url(underline_cyc.gif) repeat-x bottom;
}
  4. CSS的相關說明可以參考
Related Posts with Thumbnails
把這篇文章加入你的書籤中(Share and Save)：
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • Technorati
  • MyShare
  • Live
  • Digg
  • Hemidemi
  • Diigo
  • FriendFeed
  • Reddit
  • RSS
  • Yahoo! Bookmarks

Tags: , , , , , , ,

Posted in 網路 | 1 Comment | Posted by |
| | | | | |
| 引用網址： |

Facebook comments:

1 Response to "[WordPress]讓文章更生動的文字圖飾"

Leave a Comment