|
|
|
|
|
|
让你的帖子多姿多彩之一
[阅读:]
|
[个人空间] 2008-3-25
|
|
| |
|
在蓝月,有好多朋友制作的帖子非常漂亮,我原来也喜欢利用html代码做这些,现在喜欢上flash,就把我原来用过的整理了一下,以后有时间了会慢慢的在这里把一些html代码贴出来,(首先说明:可不是为了逞能买弄什么,我只是一个爱好者,因为这里是做帖子的高手云集之地,仅供初学的朋友参考而已),下面我就说几种图片的以及边框线的代码,你可以举一反三,换成你喜欢的图片,边框颜色也可根据自己的喜好改换,蓝月这里应该有朋友贴出的十六进制颜色代码对照表,你可以去找一下,再加入你想要的文字效果。
注明:用的时候把*字去掉。
1.单线框

<*CENTER><*IMG style="BORDER-RIGHT: #ff0000 3px solid; BORDER-TOP: #ff0000 3px solid; BORDER-LEFT: #ff0000 3px solid; BORDER-BOTTOM: #ff0000 3px solid" src="http://sucai.heima.com/sucai/news/zrfg/5/23.jpg"><*/CENTER> <*CENTER><*BR><*BR><*BR> <*/CENTER>
2.双线框

<*CENTER><*IMG style="BORDER-RIGHT: #ff0000 3px solid; BORDER-TOP: #ff0000 3px solid; BORDER-LEFT: #ff0000 3px solid; BORDER-BOTTOM: #ff0000 3px solid" src="http://sucai.heima.com/sucai/news/zrfg/5/23.jpg"><*/CENTER> <*CENTER><*BR><*BR><*BR> <*/CENTER>
3.凸出框

<*CENTER><*IMG style="BORDER-RIGHT: #ff88ff 25px outset; BORDER-TOP: #ff88ff 25px outset; BORDER-LEFT: #ff88ff 25px outset; BORDER-BOTTOM: #ff88ff 25px outset" src="http://sucai.heima.com/sucai/news/zrfg/5/23.jpg"><*/CENTER> <*CENTER><*BR>
<*BR><*BR><*/CENTER>
4.凹进框
 <*CENTER><*IMG style="BORDER-RIGHT: #ff88ff 25px inset; BORDER-TOP: #ff88ff 25px inset; BORDER-LEFT: #ff88ff 25px inset; BORDER-BOTTOM: #ff88ff 25px inset" src="http://sucai.heima.com/sucai/news/zrfg/5/23.jpg"><*/CENTER> <*CENTER> <*/CENTER> <*CENTER><*BR> <*/CENTER>
5.邮票框
<*CENTER> <*TABLE style="BORDER-RIGHT: #f6ae56 3px dashed; BORDER-TOP: #f6ae56 3px dashed; BORDER-LEFT: #f6ae56 3px dashed; BORDER-BOTTOM: #f6ae56 3px dashed" cellSpacing=5 cellPadding=0 bgColor=#f6ae56> <*TBODY> <*TR> <*TD vAlign=center align=middle width=600 bgColor=#aeffae height=450><*IMG src="http://sucai.heima.com/sucai/news/zrfg/5/23.jpg"><*/TD><*/TR><*/TBODY><*/TABLE><*/CENTER> <*CENTER> *CENTER>
6.虚线框
 <*CENTER><*IMG style="BORDER-RIGHT: #ff0000 4px dashed; BORDER-TOP: #ff0000 4px dashed; BORDER-LEFT: #ff0000 4px dashed; BORDER-BOTTOM: #ff0000 4px dashed" src="http://sucai.heima.com/sucai/news/zrfg/5/23.jpg"><*BR><*BR><*BR><*/CENTER>
7.凹槽框
 <*CENTER><*IMG style="BORDER-RIGHT: green 25px groove; BORDER-TOP: green 25px groove; BORDER-LEFT: green 25px groove; BORDER-BOTTOM: green 25px groove" src="http://sucai.heima.com/sucai/news/zrfg/5/23.jpg" border=0><*BR><*BR><*BR><*/CENTER>
8.脊状框

<*CENTER><*IMG style="BORDER-RIGHT: green 25px ridge; BORDER-TOP: green 25px ridge; BORDER-LEFT: green 25px ridge; BORDER-BOTTOM: green 25px ridge" src="http://sucai.heima.com/sucai/news/zrfg/5/23.jpg" border=0><*BR><*BR><*BR><*/CENTER>
9.立体阴影框
<*CENTER> <*TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)" height=400 cellSpacing=3 cellPadding=15 width=400 border=2*> <*TBODY> <*TR> <*TD vAlign=center align=middle bgColor=#ffffff*><*IMG src="http://sucai.heima.com/sucai/news/zrfg/5/23.jpg"><*/TD><*/TR><*/TBODY><*/TABLE><*/CENTER> <*CENTER> <*/CENTER> <*CENTER> <*/CENTER> <*CENTER> <*/CENTER>
10.阴影框
 <*CENTER><*IMG style="FILTER: shadow(color=#32cd32)" src="http://sucai.heima.com/sucai/news/zrfg/5/23.jpg"><*/CENTER>
11.横向渐变透明
<*CENTER><*IMG style="FILTER: alpha(opacity=100,style=1,finishopacity=0)" src="http://sucai.heima.com/sucai/news/zrfg/5/23.jpg"> <*/CENTER>
12.圆形渐变透明
 <*CENTER><*IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" src="http://sucai.heima.com/sucai/news/zrfg/5/23.jpg"><*/CENTER>
13.X形渐变透明
 <*CENTER><*IMG style="FILTER: alpha(opacity=100,style=3,finishopacity=0)" src="http://sucai.heima.com/sucai/news/zrfg/5/23.jpg"><*/CENTER>
14.改变某种颜色
 <*CENTER><*IMG style="FILTER: Chroma(Color=RED)" src="http://sucai.heima.com/sucai/news/zrfg/5/23.jpg"><*/CENTER>
15.黑白效果
 <*CENTER><*IMG style="FILTER: ''''''''''''''''gray''''''''''''''''" src="http://sucai.heima.com/sucai/news/zrfg/5/23.jpg"><*/CENTER>
16.X光效果
 <*CENTER><*IMG style="FILTER: ''''''''''''''''xray''''''''''''''''" src="http://sucai.heima.com/sucai/news/zrfg/5/23.jpg"*><*/CENTER>
17.浮雕效果
 <*CENTER><*IMG style="FILTER: progid:DXImageTransform.Microsoft.Emboss()" src="http://sucai.heima.com/sucai/news/zrfg/5/23.jpg"><*/CENTER>
18.上下颠倒
<*CENTER><*IMG style="FILTER: flipv" src="http://sucai.heima.com/sucai/news/zrfg/5/23.jpg"> <*/CENTER>
19.左右颠倒
 <*CENTER><*IMG style="FILTER: fliph" src="http://sucai.heima.com/sucai/news/zrfg/5/23.jpg"><*/CENTER>
20.色彩颠倒
 <*CENTER><*IMG style="FILTER: invert" src="http://sucai.heima.com/sucai/news/zrfg/5/23.jpg"><*/CENTER>
21.粒状阴影
 <*CENTER><*IMG style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=30)" src="http://sucai.heima.com/sucai/news/zrfg/5/23.jpg"><*/CENTER> <*CENTER> <*CENTER> <*/CENTER>
22.模糊效果
 <*CENTER*><*IMG style="FILTER: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10)" src="http://sucai.heima.com/sucai/news/zrfg/5/23.jpg"><*/CENTER*>
23.水波效果(也称风吹效果)
 <*CENTER*><*IMG style="FILTER: wave(freq=11, strength=4, phase=6, lightstrength=10)" src="http://sucai.heima.com/sucai/news/zrfg/5/23.jpg"*><*/CENTER*>
今天先到这里,以后再续。呵呵……
让你的帖子多姿多彩之二
让你的帖子多姿多彩之三
|
--------------
赠人玫瑰,手留余香!
|
|
无偶有独 |
|
|
|
2008-3-25 21:14:00 晴
|
|
|
|
|
|
|
思者无域
|
2008-10-28 22:34:00 |
[回复]
|
|
|
| 不会使用,先收藏了,问好朋友!
|
|
|
|
常开心
|
2008-10-26 15:27:00 |
[回复]
|
|
|
| 我是新来了,先来学习哦!
|
|
|
|
雨中的粉红伞
|
2008-7-30 16:21:00 |
[回复]
|
|
|
| 好难呀,简单的有没有呀! 一点出不会用呀!恨自己笨吧!
|
|
|
|
幸福谧儿
|
2008-7-17 15:09:00 |
[回复]
|
|
|
| 不会使用,先收藏了,问好朋友!
|
|
|
|
触发一时
|
2008-7-9 16:02:00 |
[回复]
|
|
|
| 打包走了.期待更多的精彩.....辛苦了!问好!
|
|
|
|
秋色涟波
|
2008-6-21 22:05:00 |
[回复]
|
|
|
今天收藏了你的好多贴子,实在太好了。我是个新手,以后请多指教! 多谢了哟!呵呵。
|
|
|
|
追梦之云
|
2008-6-17 18:46:00 |
[回复]
|
|
|
| 谢谢!收藏了!
|
|
|
|
沧海蝶舞
|
2008-6-13 20:53:00 |
[回复]
|
|
|
| 谢谢您!打包了.
|
|
|
|
蓝色私语
|
2008-5-27 7:51:00 |
[回复]
|
|
|
| 收藏了,谢谢!
|
|
|
|
一拂烟云
|
2008-5-9 15:11:00 |
[回复]
|
|
|
烟云找了许久,原来在这里,收藏了! 谢谢!
|
|
|
|
无偶有独
|
2008-4-29 13:55:00 |
[回复]
|
|
|
TO:闲来垂钓翁 是不是收钩了,鱼拿来!哈哈
|
|
|
|
无偶有独
|
2008-4-29 13:53:00 |
[回复]
|
|
|
TO:心灵有翅膀 不客气,也谢谢你的光临!
|
|
|
|
心灵有翅膀
|
2008-4-27 14:13:00 |
[回复]
|
|
|
真是一个有心人,漂亮!!1 谢谢了!
|
|
|
|
无偶有独
|
2008-4-20 18:31:00 |
[回复]
|
|
|
TO:landshy 不客气!
|
|
|
|
无偶有独
|
2008-4-8 18:25:00 |
[回复]
|
|
|
TO:万水千山走过 谢谢您来这里。 问好!
|
|
|
|
无偶有独
|
2008-4-8 18:24:00 |
[回复]
|
|
|
TO:纳兰胤沁 呵呵,你太客气了,能够和大家分享这些,是最大的快乐。 祝快乐!
|
|
|
|
无偶有独
|
2008-4-8 18:22:00 |
[回复]
|
|
|
TO:油纸伞飘飞的雨巷 问好!祝福快乐开心!
|
|
|
|
纳兰胤沁
|
2008-4-6 23:04:00 |
[回复]
|
|
|
| 谢谢辛苦!辛苦!我一定好好学习,这样好的老师那里去请,收藏了慢慢学习。
|
|
|
|
无偶有独
|
2008-4-4 19:27:00 |
[回复]
|
|
|
TO:海风呢喃 你那里更好,要向你学习了。 问好!
|
|
|
|
海风呢喃
|
2008-4-3 12:02:00 |
[回复]
|
|
|
好东西——收藏了! 谢谢!
|
|
|
|
无偶有独
|
2008-4-1 20:11:00 |
[回复]
|
|
|
TO:嫣语梦 不客气!
|
|
|
|
无偶有独
|
2008-4-1 20:10:00 |
[回复]
|
|
|
TO:静雨细风 收学费的来了!哈哈
|
|
|
|
嫣语梦
|
2008-3-31 18:25:00 |
[回复]
|
|
|
| 收藏了,谢谢
|
|
|
|
静雨细风
|
2008-3-30 12:52:00 |
[回复]
|
|
|
| 期待更多更好的东东出来,更好的是不要收学费滴! 问好!
|
|
|
|
无偶有独
|
2008-3-29 18:02:00 |
[回复]
|
|
|
TO:归隐为涵 你好!请教可不敢,互相学习吧。
|
|
|
|
无偶有独
|
2008-3-29 18:01:00 |
[回复]
|
|
|
TO:水恋百合 //握手。喜欢的话以后我就多贴些在这里。 祝福快乐!
|
|
|
|
无偶有独
|
2008-3-29 17:58:00 |
[回复]
|
|
|
TO:沁香如风 喜欢就好,也非常欣赏你的作品,欢迎经常光临,问好朋友!
|
|
|
|
归隐为涵
|
2008-3-26 17:40:00 |
[回复]
|
|
|
| 真要谢谢你啊,都弄出来了,我先收着,在向你请教啊
|
|
|
|
水恋百合
|
2008-3-26 13:27:00 |
[回复]
|
|
|
| 哇!慷慨的你,喜欢的我,奉献了这么多的好东东!借走了!!握手致谢~
|
|
|
|
沁香如风
|
2008-3-26 10:44:00 |
[回复]
|
|
|
| 这个可真好,谢谢朋友的慷慨,期待更漂亮的制作,笑纳了:)
|
|
|
|
无偶有独
|
2008-3-25 21:30:00 |
[回复]
|
|
|
TO:雪戀月 呵呵,不客气,以后会慢慢的整理出来贴在这里的。
|
|
|
|
雪戀月
|
2008-3-25 21:24:00 |
[回复]
|
|
|
| 好棒,我不会做边框呢,谢谢了,收藏嘞~~~ 期待再续噢~~~
|
|
|
|
|
|