文字圖飾教學

文字圖飾…目前在網路上沒有一個統一的説法,有的說是文字加蠟筆畫….
本文所使用到物外掛為AddQuicktag

效果如下:

這是中文測試

這是中文測試之二啦!!!!

這是中文測試之三啦!!!!

這是中文測試之四啦!!!!

這是中文測試啦!!!!

這是中文測試啦!!!!

這是中文測試啦!!!!

這是中文測試啦!!!!


 

1.請下載圖檔

underline.7z 下載解壓後,請將圖檔上傳至你的wordpress的佈景主題底下

例如:我所使用的佈景主題是 twentyten ,那麼我就要放到這個資料夾底下
wordpress根目錄/wp-content/themes/twentyten

2.編輯 style.css

幾乎每個佈景主題都有此檔 style.css ,在此檔的最後面貼上底下的程式碼

.entry-content .underline_yelbig{
text-decoration: none;
background: url(underline_yelbig.gif) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}
.entry-content .underline_yellow{
text-decoration: none;
background: url(underline_yellow.gif) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}
 
.entry-content .underline_blue{
text-decoration: none;
background: url(underline_blue.gif) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}
 
.entry-content .underline_green{
text-decoration: none;
background: url(underline_green.gif) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}
.entry-content .underline_pink{
text-decoration: none;
background: url(underline_pink.gif) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}
.entry-content .underline_red{
text-decoration: none;
background: url(underline_red.gif) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}
.entry-content .underline_pur{
text-decoration: none;
background: url(underline_pur.gif) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}
.entry-content .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;
}

 

3.效果測試

試著發表一篇文章,用以下的語法

<span class="underline_yellow"> 這是中文測試</span>

測沒問題之後,我們再進行下一步。由於每次使用此效果時都要打那麼長的語法,太麻熕了,所以我們需要另一個外掛工具來幫忙。

 

4.下載 AddQuicktag

下載這個wp外掛安裝之後,再下載我設定好的設定檔匯入即可,我的設定檔內除了 underline 的設定之外,還設定了其它的東西你若用不到的話,可自行刪除。

 

本篇發表於 Wordpress。將永久鏈結加入書籤。

文字圖飾教學 有 1 則回應

  1. 夢見草 說道:

    你中文都看不懂,怎麼可能會 like my writing 呢? 所以可以判斷這是機器人留言,往後不再核准這類英文的留言。
    前來留言的讀者請注意,請勿全部用英文留言,而沒有一個中文字,那我會當你的留言是國外的機器人所發的,不會核准你的留言。

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *