 |
|
訂閱
上一篇
返回
下一篇
替文字加上美美的底線(落落長的文字開啟請有心理準備
作者: white 日期: 2009-05-31 23:15
先前在原木大人家看到的文字效果，真是令我愛到流口水。於是我就瘋狂的在孤獨的狗搜了一下，皇天不負苦心人阿！可真讓我找到了，今天就無私的讓大家知道怎麼做吧，我可是超好心的！
images.rar (79.94 KB , 下載:14次)
CODE:
現在喜歡這個效果的，就請跟我來，不喜歡的那就看看也行。
先下載我的圖片的壓縮檔，解壓後就給他丟上去了。
images.rar (79.94 KB , 下載:14次)到你們板模../skins/使用中的/UBB資料夾開啟editor.css這個檔然後複製下面的文字把他貼到最底下，然後記的存檔。(如果你有很多板模不如全改了吧^^
文字有點長請耐心複製，記得要修改你圖片檔的網址。
使用時須用FCK的原始碼狀態編輯輸入<span class="o01">畫重點的文字在這</span>紅色是呼叫底線是小寫的英文o後面是數字01～59讓你用到手軟，藍色就是你要畫線的字。最底下有飯粒(在很底下
CODE:.o01{
line-height:22px;
padding:4px 2px 2px 0;
letter-spacing:6px;
background:url(http://你的網址/images/Sample1/bb.gif) repeat-x bottom
}
.o02{
line-height:22px;
padding:4px 2px 2px 0;
letter-spacing:6px;
background:url(http://你的網址/images/Sample1/bla.gif) repeat-x bottom
}
.o03{
line-height:22px; padding:4px 2px 2px 0px;
letter-spacing:2px;
background:url(http://你的網址/images/Sample1/blue.gif) repeat-x bottom
}
.o04{
line-height:22px; padding:4px 2px 2px 0px;
letter-spacing:2px;
background:url(http://你的網址/images/Sample1/blup.png) repeat-x bottom
}
.o05{
line-height:22px; padding:4px 2px 2px 0px;
letter-spacing:2px;
background:url(http://你的網址/images/Sample1/blur.jpg) repeat-x bottom
}
.o06{
line-height:22px; padding:4px 2px 2px 0px;
letter-spacing:2px;
background:url(http://你的網址/images/Sample1/bluu.png) repeat-x bottom
}
.o07{
line-height:22px; padding:4px 2px 2px 0px;
letter-spacing:2px;
background:url(http://你的網址/images/Sample1/bluy.png) repeat-x bottom
}
.o08{
line-height:22px; padding:4px 2px 2px 0px;
letter-spacing:2px;
background:url(http://你的網址/images/Sample1/bu.gif) repeat-x bottom
}
.o09{
line-height:22px; padding:4px 2px 2px 0px;
letter-spacing:2px;
background:url(http://你的網址/images/Sample1/bu2.gif) repeat-x bottom
}
.o10{
line-height:22px; padding:4px 2px 2px 0px;
letter-spacing:2px;
background:url(http://你的網址/images/Sample1/ca.gif) repeat-x bottom
}
.o11{
line-height:22px; padding:4px 2px 2px 0px;
letter-spacing:2px;
background:url(http://你的網址/images/Sample1/clolo2.png) repeat-x bottom
}
.o12{
line-height:22px; padding:4px 2px 2px 0px;
letter-spacing:2px;
background:url(http://你的網址/images/Sample1/clolor.png) repeat-x bottom
}
.o13{
text-decoration: none;
background: url(http://你的網址/images/Sample1/cyc.gif) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 13px;
}
.o14{
text-decoration: none;
background: url(http://你的網址/images/Sample1/cyc2.gif) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}
.o15{
text-decoration: none;
background: url(http://你的網址/images/Sample1/db.png) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}
.o16{
text-decoration: none;
background: url(http://你的網址/images/Sample1/db1.png) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}
.o17{
text-decoration: none;
background: url(http://你的網址/images/Sample1/db2.png) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}
.o18{
text-decoration: none;
background: url(http://你的網址/images/Sample1/db3.png) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}
.o19{
text-decoration: none;
background: url(http://你的網址/images/Sample1/gg.gif) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}
.o20{
text-decoration: none;
background: url(http://你的網址/images/Sample1/gn.gif) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}
.o21{
text-decoration: none;
background: url(http://你的網址/images/Sample1/golg.png) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}
.o22{
text-decoration: none;
background: url(http://你的網址/images/Sample1/golgy.png) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}
.o23{
text-decoration: none;
background: url(http://你的網址/images/Sample1/green.gif) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}
.o24{
text-decoration: none;
background: url(http://你的網址/images/Sample1/green2.gif) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}
.o25{
text-decoration: none;
background: url(http://你的網址/images/Sample1/hl.gif) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}
.o26{
text-decoration: none;
background: url(http://你的網址/images/Sample1/i.png) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}
.o27{
text-decoration: none;
background: url(http://你的網址/images/Sample1/i2.png) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 10px;
}
.o28{
text-decoration: none;
background: url(http://你的網址/images/Sample1/love1.png) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 11px;
}
.o29{
text-decoration: none;
background: url(http://你的網址/images/Sample1/love2.png) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 5px;
}
.o30{
text-decoration: none;
background: url(http://你的網址/images/Sample1/love3.png) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 11px;
}
.031{
text-decoration: none;
background: url(http://你的網址/images/Sample1/love4.png) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 11px;
}
.o32{
text-decoration: none;
background: url(http://你的網址/images/Sample1/mi.png) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}
.o33{
text-decoration:none;
background: url(http://你的網址/images/Sample1/mi1.png) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}
.034{
text-decoration: none;
background: url(http://你的網址/images/Sample1/mi3.png) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}
.o35{
text-decoration: none;
background: url(http://你的網址/images/Sample1/mi5.jpg) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}
.o36{
text-decoration: none;
background: url(http://你的網址/images/Sample1/pa.gif) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}
.o37{
text-decoration: none;
background: url(http://你的網址/images/Sample1/pin.gif) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}
.o38{
text-decoration: none;
background: url(http://你的網址/images/Sample1/pin3.gif) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}
.o39{
text-decoration: none;
background: url(http://你的網址/images/Sample1/pink.gif) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}
.o40{
text-decoration: none;
background: url(http://你的網址/images/Sample1/pink2.gif) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}
.o41{
text-decoration: none;
background: url(http://你的網址/images/Sample1/plup.png) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}
.o42{
text-decoration: none;
background: url(http://你的網址/images/Sample1/pn.gif) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}
.o43{
text-decoration: none;
background: url(http://你的網址/images/Sample1/pnk.png) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}
.o44{
text-decoration: none;
background: url(http://你的網址/images/Sample1/ponk.png) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}
.o45{
text-decoration: none;
background: url(http://你的網址/images/Sample1/ppn.png) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 10px;
}
.o46{
text-decoration: none;
background: url(http://你的網址/images/Sample1/ra.gif) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}
.o47{
text-decoration: none;
background: url(http://你的網址/images/Sample1/RAD.jpg) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}
.o48{
text-decoration: none;
background: url(http://你的網址/images/Sample1/RAD1.png) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}
.o49{
text-decoration: none;
background: url(http://你的網址/images/Sample1/rd.gif) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}
.o50{
text-decoration: none;
background: url(http://你的網址/images/Sample1/rd2.gif) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}
.o51{
text-decoration: none;
background: url(http://你的網址/images/Sample1/red.gif) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}
.o52{
text-decoration: none;
background: url(http://你的網址/images/Sample1/redl.gif) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}
.o53{
text-decoration: none;
background: url(http://你的網址/images/Sample1/ye.gif) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 5px;
}
.o54{
text-decoration: none;
background: url(http://你的網址/images/Sample1/ye.png) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}
.o55{
text-decoration: none;
background: url(http://你的網址/images/Sample1/yel2.gif) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 5px;
}
.o56{
text-decoration: none;
background: url(http://你的網址/images/Sample1/yel3.gif) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 5px;
}
.o57{
text-decoration: none;
background: url(http://你的網址/images/Sample1/yell.png) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 5px;
}
.o58{
text-decoration: none;
background: url(http://你的網址/images/Sample1/yw.gif) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 5px;
}
.o59{
text-decoration: none;
background: url(http://你的網址/images/Sample1/mi4.png) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 5px;這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒 這是飯粒
感謝你耐心看到這裡59種效果全部演完。
引用通告地址:
標籤:
評論: 2 |
引用: 0 |
閱讀: 640
好文推廣
泡面
white
發表評論
