彩繪部落格 - 文字圖飾底圖分享
一起來美化部落格吧!文字圖示進階版
說明:此篇較適合已使用過文字圖飾的人做進階的設定,若你是還沒使用過文字圖飾效果的朋友,請在閱讀完本篇文章後先行參考花水木SOHO玩樂誌的這篇和馬丁的映像攝區的這篇來安裝效果。
文字圖飾不僅是自己看了開心、訪客也看的有趣。可以讓文章變的又生動又可愛,身為女生的我,理所當然成為了文字圖飾的愛用者,愛不釋手,嘻嘻!
今天在網路上逛呀逛,看到許多可愛的緞帶、膠帶、貼紙等商品,突然想到若這能放在文章裡應該也不錯,所以就設計了以下這款裝飾文字的文字圖飾,並有多種顏色:
01. 嬰兒粉
02. 天空藍![]()
03. 柳橙橘
04. 水泥灰
05.青草綠
06.鵝黃色(我終於體會到為手機顏色命名的樂趣了XD)
*使用效果就像這樣
可不可以不要做專題
媽媽說她要學著用電腦,才能跟我們聊天兒
今天遇到一位老朋友
哎呀呀,薪水怎麼都還不下來,我不想再吃泡麵啦~
*或是你想要有質感的感覺,可以拿來為文章內的「標題」使用,例如...
寫日記的時候: 2009.08.16 天氣:晴
有話想說的時候: Channy Says
或是加點小符號: ✿ 壹壹零朵花開了 ✿
*也可以當分隔線
![]()
![]()
![]()
![]()
![]()
多功能隨意搭配~
![]()
![]()
![]()
![]()
![]()
自行發揮創意,喜歡的話請自取,並留個言兒唷!
01. 嬰兒粉
帶我回家
02. 天空藍帶我回家
03. 柳橙橘帶我回家
04. 水泥灰帶我回家
05.青草綠帶我回家
06.鵝黃色帶我回家
關於style.css檔的修改,以嬰兒粉
為例:
.post .pinkQ{
text-decoration: none;
background: url(你的路徑/underline_pinkQ.gif) repeat-x 120% 100%;
padding-bottom: 1px;
padding-top: 3px;
}(畫線的地方要特別注意唷,若位置無法準確呈現再進行微調)
覺得不錯的話,按個推薦吧:)


.貼貼樂 ♥ 來張 I Love Pictures Time ! (74.7%)
.趣味∥英雄人物即將揭曉,Who is our hero ? (60.9%)
.佈景新嚐試,部落格也要穿新衣! (39.1%)
.版面∥粉嫩嫩 (29.1%)
.繪圖∥貓貓來搗蛋 (29.1%)
.版面∥手繪貓咪樂園 (29.1%)
.海報設計∥IDSL智慧型資料庫系統實驗室 - 評鑑海報 (29.1%)
.版面∥心懷初衷 (23.7%)
.2010年的佈景二號 ♥ 依舊Adsimple (19.1%)
.版面∥壹零零朵花開了♥ (14.6%)





這個效果簡單又漂亮! 真不錯!~ :)
阿~原來是學妹(不過我不是資管系),好懷念斗六~ XD
@mrmu
其實之前每年都有回去,因為真的很懷念在那邊的生活。
不過每次回去都覺得景物依舊,人事全非~ (面目也全非了XD)
每次回去就逛逛設計學院、吃吃大頭、然後去街上晃晃~
不好意思~語法上的那個"你的路徑"事什麼意思呢?
卸卸你的分享.帶走了^^
一直無法成功!我使用的主題是g-white-2的
也參考了花水木和馬丁的教學,一步一步修改
就是無法顯示出來。
關於style.css的修改,是把圖檔放於該主題的photos資料中
所以
.post .pinkQ{
text-decoration:none;
background:url(photos/underline_pinkQ.gif) repeat -x 120% 100%;
padding-bottom:1px;
padding-top:3px;
}
應該沒錯吧!
至於
.post.pinkQ 或是 .postarea.pinkQ 或是 .entry-content.pinkQ
到底哪個才行?或是都可以?謝謝
上面補充說明,我是使用WordPress Mu 架設的
嗨您好:
剛弄了一份教學,裡頭有介紹使用您這的圖檔和語法..所以,進來跟您說聲:「謝謝」。謝謝您整理的圖檔和語法。
希望藉此,幫助更多有此需求的朋友們順利的套用這效果。