明天就休假了萬歲,心情特好的早晨來發篇讓你的文章更有活潑感的文字裝飾吧
這個無名也可以玩唷,兔子測試過了點此看測試結果
》好玩的漸層文字
》發光文字
這是在Sean@blog(感謝waiwai)
裡頭分享的讓底線更活潑(文字圖飾),無名也可以用
以下是waiwai的教學延伸:
01.首先請先下載http://tinyurl.com/text-zip
02.下載壓縮檔

03.解壓縮取得資料夾

04.打開資料夾裏的內容入下

05.將圖片檔案全數上傳無名(有5個)後點選相片/內容

06.取得網址後打開資料夾的txy.css(記事本開啟)
將取得的網址分別填入(括弧內)範例如下:紅線即為圖片網址

07.將語法全部複製貼到樣式管理CSS下方(樣式管理修改CSS樣式)
按下存檔或套用。

08.完成後選擇以下語法即可試發文章嚕
| 這是範例不是飯粒 |
| 這是範例不是飯粒 |
| 這是範例不是飯粒 |
| 這是範例不是飯粒 |
| 這是範例不是飯粒 |
| 痞客會員複製此語法: |
無名跟痞客語法使用上有些不同(感謝月光下的嘆息提供code碼)
將語法加入描述位置即可,發文以一般編輯模式貼上款式語法。
感謝waiwai製作了進階教學圖文字圖飾(底線)更進階應用,除了以上提供的底線圖外,兔子也做了很多顏色底線,當然你也可以自己發揮創意製作。
使用說明:
| 最右邊是兔子新作的底線,喜歡的話就全部下載,裡頭有3個檔案: Sample1 / 圖片檔案(請自行選擇喜愛的上傳相簿或網路空間) Sample2 / 這是CSS檔是兔子已經套用完成的所有語法,痞客可直接貼上CSS表格裡使用無名請自行更改圖案名稱和網址 Sample3 / 痞客使用者可將Sample2的檔案上傳空間套用以下語法放入自由欄位或描述就不需要貼一堆語法在CSS裡面了(也是目前兔子使用的) |
語法解說:
| 放置CSS所提供的語法數值都可調整,或加入以下底線圖位置.. line-height:22px;(文字間高度) padding:4px 2px 2px 0px;(依序為上左下右移動) letter-spacing:2px;(文字間寬度) |
兔子の其他分享(4)







帶走嚕
我帶走囉!!!
謝謝你
不錯噢!
在等一下子,大概是下個禮拜就會有文章,
吶延伸就請連到新站囉:D
((而且我發現我的舊方法會有問題
要怎麼做啊?@@
可是沒有效果耶 @@
怎麼會這樣阿 ˊˋ
我嘗試了一下…只成功了兩種圖案呢
請問…不曉得您知不知道這是為什麼?
照理說應該是全部成功不然就是都失敗吧?
怎麼會只有兩種成功其他失敗呢?
使用囉:P
使用無名相簿行嗎?
我通通都是貼在相簿裡然後用一樣的方法
結果只成功了兩種呢… 囧
<link rel="stylesheet" href="http://mmhsxa.bay.livefilestore.com/y1ppgVgCXV91H4PPRv665WNjh-bd40JQpMPnNySW6xYQ2rFB18I22iVoR5_Btp07UyZpa5Bco-sXeU/underline.css">
這語法我看不太懂到底要貼在哪裡><
試了好多次
沒有點進去文章的話 都反白
可是點進去文章裡又成功
不豬到是哪裡出了問題勒><
試到很想哭捏><"
因為我發現流量都留在那....
增文章:
http://blog.3why.pp.ru/2008/text-decoration-1/
下半部 圖片檔案那我看不懂耶~不好意思 可以跟我解釋一下嗎? 謝謝~
還似不會
我有把它放在無名相簿裡
可肆我還肆不會
應該肆說
我看不懂捌
可不可以敎敎我啊
卸卸
text-decoration: none;
background: url(圖案網址) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}" 這個是要怎麼用呢~?
我之前就有把第二格貼在編輯器裡 但圖就只出線在整篇文章最底部 第二個語法除了更改文字的地方 還有那邊要改呢~?
可是看不太懂=_=...
也用不出來Q口Q
不過我有問題呢
如果我不要他是底線呢?
我想要他剛好在文字的中間 就像畫筆記一樣
可是我弄不出CSS PADDING都0PX 怎麼改才會讓圖案剛好被文字覆蓋呢?
謝謝分享^^
是個很可愛的裝飾
增加好多的趣味性唷 :DD
謝謝 ^^
謝謝你!!
謝謝你唷!!帶走囉!
謝謝你:﹞
怎麼辦...
<link rel="stylesheet" href="http://mmhsxa.bay.livefilestore.com/y1ppgVgCXV91H4PPRv665WNjh-bd40JQpMPnNySW6xYQ2rFB18I22iVoR5_Btp07UyZpa5Bco-sXeU/underline.css">貼在css和網誌描寫都不可以阿??試好久都沒成功???超有趣``謝謝喔```
3Q3Q
3Q3Q
我都按照步驟全弄好了
下載>上傳到相簿>抓網址>貼上記事本>貼上css底>套用
到文章裡也打上 <span class="o">要的文字</span>
一樣沒有顯示出來耶~"~
我不知道問題出在哪><
help~~~~
HTML {
SCROLLBAR-FACE-COLOR:#b4d8d8;SCROLLBAR-ARROW-COLOR:#48b4d8;FONT-FAMILY:Comic Sans Ms;}
BODY {
BACKGROUND:url(http://l.yimg.com/e/style/3/389/1124092030.jpg) #ffffff fixed center top;MARGIN:0px;COLOR:#993300;}
A:link {
BACKGROUND:none transparent scroll repeat 0% 0%;COLOR:#66a6d0;TEXT-DECORATION:none;}
A:visited {
BACKGROUND:none transparent scroll repeat 0% 0%;COLOR:#337ac7;TEXT-DECORATION:none;}
A:active {
BACKGROUND:none transparent scroll repeat 0% 0%;COLOR:#66a6d0;}
A:hover {
BACKGROUND:#ffffff;COLOR:#99cccc;TEXT-DECORATION:underline;}
H1 {
PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0px;PADDING-TOP:0px;}
H2 {
PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0px;PADDING-TOP:0px;}
H3 {
PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0px;PADDING-TOP:0px;}
#banner {
PADDING-LEFT:20px;FONT-WEIGHT:normal;FONT-SIZE:large;Z-INDEX:1;BACKGROUND:url(http://l.yimg.com/e/style/3/389/1124092513.jpg) no-repeat;PADDING-BOTTOM:10px;COLOR:#ffffff;PADDING-TOP:85px;POSITION:relative;HEIGHT:160px;TEXT-ALIGN:center;}
#banner A:link {
BACKGROUND:none transparent scroll repeat 0% 0%;COLOR:#66a6d0;TEXT-DECORATION:none;}
#banner A:visited {
BACKGROUND:none transparent scroll repeat 0% 0%;COLOR:#66a6d0;TEXT-DECORATION:none;}
#banner A:active {
BACKGROUND:none transparent scroll repeat 0% 0%;COLOR:#66a6d0;}
#banner A:hover {
BACKGROUND:none transparent scroll repeat 0% 0%;COLOR:#999999;TEXT-DECORATION:none;}
.description {
FONT-SIZE:small;BACKGROUND:none transparent scroll repeat 0% 0%;TEXT-TRANSFORM:none;COLOR:#99cccc;}
#content {
BACKGROUND:none transparent scroll repeat 0% 0%;MARGIN-BOTTOM:20px;MARGIN-LEFT:250px;WIDTH:auto;COLOR:#ffffff;MARGIN-RIGHT:30px;}
#container {
BACKGROUND:none transparent scroll repeat 0% 0%;MARGIN-BOTTOM:20px;MARGIN-LEFT:250px;WIDTH:auto;COLOR:#ffffff;MARGIN-RIGHT:30px;}
BLOCKQUOTE {
BORDER-RIGHT:#00497c 2px solid;PADDING-RIGHT:10px;BORDER-TOP:#00497c 2px solid;PADDING-LEFT:10px;FONT-WEIGHT:normal;FONT-SIZE:small;BACKGROUND:#ffffff;PADDING-BOTTOM:10px;MARGIN:5px 40px;BORDER-LEFT:#00497c 2px solid;WIDTH:auto;COLOR:#00497c;LINE-HEIGHT:150%;PADDING-TOP:10px;BORDER-BOTTOM:#00497c 2px solid;}
.quotetitle {
PADDING-RIGHT:3px;PADDING-LEFT:3px;FONT-WEIGHT:normal;FONT-SIZE:medium;PADDING-BOTTOM:3px;PADDING-TOP:3px;BORDER-BOTTOM:#666666 1px solid;}
.category {
FONT-WEIGHT:bold;FONT-SIZE:small;BACKGROUND:none transparent scroll repeat 0% 0%;COLOR:#660033;TEXT-ALIGN:right;}
.category A:link {
BACKGROUND:none transparent scroll repeat 0% 0%;COLOR:#337ba6;TEXT-DECORATION:none;}
.category A:visited {
BACKGROUND:none transparent scroll repeat 0% 0%;COLOR:#337ba6;TEXT-DECORATION:none;}
.category A:active {
BACKGROUND:none transparent scroll repeat 0% 0%;COLOR:#99cccc;TEXT-DECORATION:none;}
.category A:hover {
BACKGROUND:#fff;COLOR:#99cccc;TEXT-DECORATION:underline;}
.blog {
FONT-WEIGHT:normal;FONT-SIZE:small;BACKGROUND:none transparent scroll repeat 0% 0%;COLOR:#660033;}
.blogbody {
BORDER-RIGHT:#99cccc thin solid;PADDING-RIGHT:10px;PADDING-LEFT:10px;FONT-SIZE:small;BACKGROUND:url(http://l.yimg.com/e/style/3/389/1124092515.jpg) #ffffff no-repeat right 0%;PADDING-BOTTOM:10px;BORDER-LEFT:#99cccc thin solid;WIDTH:auto;COLOR:#66a6d0;LINE-HEIGHT:150%;PADDING-TOP:10px;BORDER-BOTTOM:#99cccc thin solid;}
.blogbody A:link {
BACKGROUND:none transparent scroll repeat 0% 0%;COLOR:#337ba6;TEXT-DECORATION:none;}
.blogbody A:visited {
BACKGROUND:none transparent scroll repeat 0% 0%;COLOR:#337ba6;TEXT-DECORATION:none;}
.blogbody A:active {
BACKGROUND:none transparent scroll repeat 0% 0%;COLOR:#99cccc;TEXT-DECORATION:none;}
.blogbody A:hover {
COLOR:#99cccc;BACKGROUND-COLOR:#fff;TEXT-DECORATION:underline;}
.title {
PADDING-LEFT:10px;FONT-SIZE:medium;BACKGROUND:none transparent scroll repeat 0% 0%;MARGIN-BOTTOM:10px;PADDING-BOTTOM:10px;COLOR:#337ec7;PADDING-TOP:10px;}
#menu {
FONT-SIZE:small;BACKGROUND:none transparent scroll repeat 0% 0%;MARGIN-BOTTOM:15px;COLOR:#ffffff;PADDING-TOP:5px;TEXT-ALIGN:center;}
.date {
BORDER-RIGHT:#99cccc thin solid;BACKGROUND-POSITION:0% 0%;BORDER-TOP:#99cccc thin solid;MARGIN-TOP:10px;PADDING-LEFT:10px;FONT-WEIGHT:bold;FONT-SIZE:large;BACKGROUND-ATTACHMENT:scroll;BACKGROUND-IMAGE:url(http://l.yimg.com/e/style/3/389/1124092029.jpg);PADDING-BOTTOM:10px;BORDER-LEFT:#99cccc thin solid;COLOR:#337ba6;PADDING-TOP:10px;BORDER-BOTTOM:#99cccc thin solid;BACKGROUND-REPEAT:repeat;}
.posted {
FONT-SIZE:small;BACKGROUND:none transparent scroll repeat 0% 0%;COLOR:#739769;}
.extended {
PADDING-RIGHT:3px;PADDING-LEFT:3px;FONT-WEIGHT:normal;PADDING-BOTTOM:3px;PADDING-TOP:3px;}
#links {
LEFT:20px;BACKGROUND-IMAGE:none;MARGIN-BOTTOM:20px;WIDTH:210px;POSITION:absolute;TOP:253px;}
.calendarhead {
PADDING-RIGHT:2px;PADDING-LEFT:2px;FONT-WEIGHT:bold;FONT-SIZE:medium;BACKGROUND:none transparent scroll repeat 0% 0%;PADDING-BOTTOM:2px;COLOR:#739769;PADDING-TOP:2px;TEXT-ALIGN:center;}
.calendar {
PADDING-RIGHT:2px;PADDING-LEFT:2px;FONT-WEIGHT:normal;FONT-SIZE:small;BACKGROUND:none transparent scroll repeat 0% 0%;PADDING-BOTTOM:2px;COLOR:#739769;LINE-HEIGHT:140%;PADDING-TOP:2px;}
UNKNOWN {
BORDER-RIGHT:#ffffff 1px solid;BORDER-TOP:#ffffff 1px solid;FONT-WEIGHT:normal;FONT-SIZE:small;BACKGROUND:none transparent scroll repeat 0% 0%;BORDER-LEFT:#ffffff 1px solid;COLOR:#ff99cc;LINE-HEIGHT:140%;BORDER-BOTTOM:#ffffff 1px solid;FONT-FAMILY:verdana, arial, sans-serif;}
.side {
BORDER-TOP-WIDTH:1px;BORDER-RIGHT:#99cccc thin solid;PADDING-RIGHT:5px;PADDING-LEFT:5px;FONT-WEIGHT:normal;FONT-SIZE:small;BACKGROUND:url(http://l.yimg.com/e/style/3/389/1124092642.jpg) #ffffff repeat-y right top;PADDING-BOTTOM:5px;BORDER-LEFT:#99cccc thin solid;COLOR:#337ba6;BORDER-TOP-COLOR:#99cccc;LINE-HEIGHT:140%;PADDING-TOP:5px;BORDER-BOTTOM:#99cccc thin solid;}
.sidetitle {
BORDER-RIGHT:#99cccc thin solid;PADDING-RIGHT:3px;BORDER-TOP:#99cccc thin solid;MARGIN-TOP:10px;PADDING-LEFT:3px;FONT-WEIGHT:normal;FONT-SIZE:small;BACKGROUND:url(http://l.yimg.com/e/style/3/389/1124092608.jpg) #ffffff 50% bottom;BORDER-LEFT:#99cccc thin solid;COLOR:#337ba6;LINE-HEIGHT:140%;PADDING-TOP:10px;BORDER-BOTTOM:#99cccc thin solid;TEXT-ALIGN:center;}
.syndicate {
PADDING-RIGHT:2px;MARGIN-TOP:15px;PADDING-LEFT:2px;FONT-SIZE:small;PADDING-BOTTOM:2px;LINE-HEIGHT:140%;PADDING-TOP:2px;TEXT-ALIGN:center;}
.powered {
PADDING-RIGHT:2px;MARGIN-TOP:20px;PADDING-LEFT:2px;FONT-SIZE:small;BACKGROUND:none transparent scroll repeat 0% 0%;PADDING-BOTTOM:2px;COLOR:#739769;LINE-HEIGHT:140%;PADDING-TOP:2px;TEXT-ALIGN:center;}
.comments-body {
BORDER-RIGHT:#99cccc 1px solid;PADDING-RIGHT:10px;BORDER-TOP:#99cccc 1px solid;PADDING-LEFT:10px;FONT-WEIGHT:normal;FONT-SIZE:small;BACKGROUND:#ffffff;PADDING-BOTTOM:10px;MARGIN:25px;BORDER-LEFT:#99cccc 1px solid;WIDTH:auto;COLOR:#66a6d0;LINE-HEIGHT:150%;PADDING-TOP:10px;}
.comments-post {
FONT-WEIGHT:normal;FONT-SIZE:small;BACKGROUND:none transparent scroll repeat 0% 0%;COLOR:#739769;}
.comments-head {
PADDING-RIGHT:10px;PADDING-LEFT:10px;FONT-WEIGHT:bold;FONT-SIZE:small;BACKGROUND:url(http://l.yimg.com/e/style/3/389/1124092033.jpg);PADDING-BOTTOM:10px;MARGIN:25px 25px 20px;WIDTH:auto;COLOR:#337ba6;PADDING-TOP:10px;}
INPUT {
FONT-FAMILY:Comic Sans Ms;}
TEXTAREA {
FONT-FAMILY:Comic Sans Ms;}
.commentpop-body {
PADDING-RIGHT:10px;PADDING-LEFT:10px;FONT-WEIGHT:normal;FONT-SIZE:small;BACKGROUND:#fff;PADDING-BOTTOM:10px;MARGIN:25px;COLOR:#739769;LINE-HEIGHT:140%;PADDING-TOP:10px;}
.commentspop-head {
PADDING-RIGHT:10px;PADDING-LEFT:10px;FONT-WEIGHT:bold;FONT-SIZE:small;BACKGROUND:#ffffff;PADDING-BOTTOM:10px;MARGIN:25px;COLOR:#739769;PADDING-TOP:10px;}
.trackback-url {
PADDING-RIGHT:10px;PADDING-LEFT:10px;FONT-WEIGHT:bold;FONT-SIZE:small;BACKGROUND:#ffffff;PADDING-BOTTOM:10px;MARGIN:10px;COLOR:#739769;PADDING-TOP:10px;}
.trackback-url A:link {
BACKGROUND:none transparent scroll repeat 0% 0%;COLOR:#ff99cc;TEXT-DECORATION:none;}
.trackback-url A:visited {
BACKGROUND:none transparent scroll repeat 0% 0%;COLOR:#ff99cc;TEXT-DECORATION:none;}
.trackback-url A:active {
BACKGROUND:none transparent scroll repeat 0% 0%;COLOR:#ff99cc;TEXT-DECORATION:none;}
.trackback-url A:hover {
COLOR:#ffffff;BACKGROUND-COLOR:#b27500;TEXT-DECORATION:underline;}
.trackback-body {
PADDING-RIGHT:10px;PADDING-LEFT:10px;FONT-WEIGHT:normal;FONT-SIZE:small;BACKGROUND:#ffffff;PADDING-BOTTOM:10px;MARGIN:25px 25px 20px;WIDTH:auto;COLOR:#993300;LINE-HEIGHT:140%;PADDING-TOP:10px;}
.trackback-post {
PADDING-RIGHT:10px;PADDING-LEFT:10px;FONT-WEIGHT:normal;FONT-SIZE:x-small;BACKGROUND:#ffffff;PADDING-BOTTOM:10px;COLOR:#993300;PADDING-TOP:10px;}
.trackback-post A:link {
BACKGROUND:none transparent scroll repeat 0% 0%;COLOR:#ff99cc;TEXT-DECORATION:none;}
.trackback-post A:visited {
BACKGROUND:none transparent scroll repeat 0% 0%;COLOR:#ff99cc;TEXT-DECORATION:none;}
.trackback-post A:active {
BACKGROUND:none transparent scroll repeat 0% 0%;COLOR:#ff99cc;TEXT-DECORATION:none;}
.trackback-post A:hover {
COLOR:#ffffff;BACKGROUND-COLOR:#b27500;TEXT-DECORATION:underline;}
#banner-commentspop {
PADDING-RIGHT:30px;PADDING-LEFT:30px;FONT-WEIGHT:bold;FONT-SIZE:large;BACKGROUND:none transparent scroll repeat 0% 0%;MARGIN-BOTTOM:10px;COLOR:#ccc040;PADDING-TOP:70px;}
A {
COLOR:#66a6d0;}
#banner A {
COLOR:#66a6d0;}
.ol{
line-height:22px;padding:4px 2px 2px 0px;
letter-spacing:2px;
background:url(http://f10.wretch.yimg.com/yufen168/32764/1278184776.jpg) repeat-x bottom;}
.yel2{
line-height:22px;padding:4px 2px 2px 0px;
letter-spacing:2px;
background:url(http://f10.wretch.yimg.com/yufen168/32764/1278184778.jpg) repeat-x bottom;}
.pink{
line-height:22px;padding:4px 2px 2px 0px;
letter-spacing:2px;
background:url(http://f10.wretch.yimg.com/yufen168/32764/1278184777.jpg) repeat-x bottom;}
.cyc{
text-decoration:none;
white-space:nowrap;
line-height:22px;
padding:4px 2px 2px 2px;
letter-spacing:0px;
background:white url(http://f10.wretch.yimg.com/yufen168/32764/1278176555.jpg) repeat-x bottom;
}
.del{
text-decoration:none;
background:url(http://f10.wretch.yimg.com/yufen168/32764/1278184774.jpg) center repeat-x;
padding:4px 2px 2px 0px;
}
.gre2{
line-height:22px;padding:4px 2px 2px 0px;
letter-spacing:2px;
background:url(http://f10.wretch.yimg.com/yufen168/32764/1278184789.jpg) repeat-x bottom;}
可是還是跑不出來耶怎麼辦?
我有附上我的無名
請你幫我看看好嗎:((
而且成功了~
謝謝兔子的教學唷^^
(也另外感謝米米推薦我這個好地方哩>///<)
很特別
可是我下載的時候都不成功>" <
謝謝^^
拿走了!
很可愛
帶走喔
3Q你
真棒
謝謝唷!!
謝謝兔兔的教學
Comment Permissions: Allow commenting