我先开个头，一边工作一边利用少许空闲时间添加。欢迎大家添加，表灌水。 特别提醒：要使用代码，在编辑状态下，先把左边的 <禁用 URL 识别> <禁用 Smilies> <启用HTML>都打勾，然后在discuz代码模式中输入代码。 输入后，点击<所见即所得>切换。这时候你能看到效果了。 针对hualongxiang论坛，首先提醒：用html代码时候，在编辑时候需要选中编辑矿左边的“启用html代码”， 并且编辑界面要切换到“Discuz!代码模式”。 这是使用代码的先决条件。 代码写好后可以切换到"所见几所得模式"下看效果，这时候有些效果看不清楚不完全显示，那就点击“预览帖子”看效果。 为了自己偷懒，先告知一个人家写的教程地址：http://www.shaowu.gov.cn/person/yiyi/yiyi/01/001.htm ===================================================================== 给初学者 一、边框： 1、一层 2、两层 <;P ALIGN=CENTER>

加入内容

3、三层

加入内容

4、四层

内容

二、加框有一层FLASH的图片

<;P align=center> TD>

三：图片倒影效果： (使用时必须去掉"HTML"旁边"自动修正"的钩.--化龙巷暂时还没“自动修正”开关)<;P align=center>

四、加入背景音乐代码： [url=http://www.flamesky.org/raynal-onwer/asoka%20theme..wma.wma]http://www.flamesky.org/raynal-onwer/asoka%20theme..wma.wma[/url] hidden=true type=audio/x-ms-wma LOOP="TRUE" AUTOSTART="TRUE"> [url=http://baysky.com/Music/wzmkl.mp3]http://baysky.com/Music/wzmkl.mp3[/url] width=0 height=0 type=audio/x-pn-realaudio-plugin autostart="true" c volume="100" loop="true"> 所用元素： 参数：src：音乐文件的URL；hidden：=true为不可见，=false反之；type：指定音频类型；LOOP：是否循环播放，注意其值置于小角双引号中；AUTOSTART：是否自动播放，其值同上。 [[i] 本帖最后由 雪果 于 2007-9-28 20:47 编辑 [/i]]

颜色表

	#000000		#2F0000		#600030		#460046		#28004D
	#272727		#4D0000		#820041		#5E005E		#3A006F
	#3C3C3C		#600000		#9F0050		#750075		#4B0091
	#4F4F4F		#750000		#BF0060		#930093		#5B00AE
	#5B5B5B		#930000		#D9006C		#AE00AE		#6F00D2
	#6C6C6C		#AE0000		#F00078		#D200D2		#8600FF
	#7B7B7B		#CE0000		#FF0080		#E800E8		#921AFF
	#8E8E8E		#EA0000		#FF359A		#FF00FF		#9F35FF
	#9D9D9D		#FF0000		#FF60AF		#FF44FF		#B15BFF
	#ADADAD		#FF2D2D		#FF79BC		#FF77FF		#BE77FF
	#BEBEBE		#FF5151		#FF95CA		#FF8EFF		#CA8EFF
	#d0d0d0		#ff7575		#ffaad5		#ffa6ff		#d3a4ff
	#E0E0E0		#FF9797		#FFC1E0		#FFBFFF		#DCB5FF
	#F0F0F0		#FFB5B5		#FFD9EC		#FFD0FF		#E6CAFF
	#FCFCFC		#FFD2D2		#FFECF5		#FFE6FF		#F1E1FF
	#FFFFFF		#FFECEC		#FFF7FB		#FFF7FF		#FAF4FF
	#000079		#000079		#003E3E		#006030		#006000
	#000093		#003D79		#005757		#01814A		#007500
	#0000C6		#004B97		#007979		#019858		#009100
	#0000C6		#005AB5		#009393		#01B468		#00A600
	#0000E3		#0066CC		#00AEAE		#02C874		#00BB00
	#2828FF		#0072E3		#00CACA		#02DF82		#00DB00
	#4A4AFF		#0080FF		#00E3E3		#02F78E		#00EC00
	#6A6AFF		#2894FF		#00FFFF		#1AFD9C		#28FF28
	#7D7DFF		#46A3FF		#4DFFFF		#4EFEB3		#53FF53
	#9393FF		#66B3FF		#80FFFF		#7AFEC6		#79FF79
	#AAAAFF		#84C1FF		#A6FFFF		#96FED1		#93FF93
	#B9B9FF		#97CBFF		#BBFFFF		#ADFEDC		#A6FFA6
	#CECEFF		#ACD6FF		#CAFFFF		#C1FFE4		#BBFFBB
	#DDDDFF		#C4E1FF		#D9FFFF		#D7FFEE		#CEFFCE
	#ECECFF		#D2E9FF		#ECFFFF		#E8FFF5		#DFFFDF
	#FBFBFF		#ECF5FF		#FDFFFF		#FBFFFD		#F0FFF0
	#467500		#424200		#5B4B00		#844200		#642100
	#548C00		#5B5B00		#796400		#9F5000		#842B00
	#64A600		#737300		#977C00		#BB5E00		#A23400
	#73BF00		#8C8C00		#AE8F00		#D26900		#BB3D00
	#82D900		#A6A600		#C6A300		#EA7500		#D94600
	#8CEA00		#C4C400		#D9B300		#FF8000		#F75000
	#9AFF02		#E1E100		#EAC100		#FF9224		#FF5809
	#A8FF24		#F9F900		#FFD306		#FFA042		#FF8040
	#B7FF4A		#FFFF37		#FFDC35		#FFAF60		#FF8F59
	#C2FF68		#FFFF6F		#FFE153		#FFBB77		#FF9D6F
	#CCFF80		#FFFF93		#FFE66F		#FFC78E		#FFAD86
	#D3FF93		#FFFFAA		#FFED97		#FFD1A4		#FFBD9D
	#DEFFAC		#FFFFB9		#FFF0AC		#FFDCB9		#FFCBB3
	#E8FFC4		#FFFFCE		#FFF4C1		#FFE4CA		#FFDAC8
	#EFFFD7		#FFFFDF		#FFF8D7		#FFEEDD		#FFE6D9
	#F5FFE8		#FFFFF4		#FFFCEC		#FFFAF4		#FFF3EE
	#613030		#616130		#336666		#484891		#6C3365
	#743A3A		#707038		#3D7878		#5151A2		#7E3D76
	#804040		#808040		#408080		#5A5AAD		#8F4586
	#984B4B		#949449		#4F9D9D		#7373B9		#9F4D95
	#AD5A5A		#A5A552		#5CADAD		#8080C0		#AE57A4
	#B87070		#AFAF61		#6FB7B7		#9999CC		#B766AD
	#C48888		#B9B973		#81C0C0		#A6A6D2		#C07AB8
	#CF9E9E		#C2C287		#95CACA		#B8B8DC		#CA8EC2
	#D9B3B3		#CDCD9A		#A3D1D1		#C7C7E2		#D2A2CC
	#E1C4C4		#D6D6AD		#B3D9D9		#D8D8EB		#DAB1D5
	#EBD6D6		#DEDEBE		#C4E1E1		#E6E6F2		#E2C2DE
	#F2E6E6		#E8E8D0		#D1E9E9		#F3F3FA		#EBD3E8

EEEEEE FF00CC FF66FF FF00FF DDDDDD FFCCCC FF66CC FF00CC CCCCCC FFCC99 FF6699 FF0099 BBBBBB FFCC66 FF6666 FF0066 AAAAAA FFCC33 FF6633 FF0033 999999 FFCC00 FF6600 FF0000 888888 CCCCFF CC66FF CC00FF 777777 CCCCCC CC66CC CC00CC 666666 CCCC99 CC6699 CC0099 555555 CCCC66 CC6666 CC0066 444444 CCCC33 CC6633 CC0033 333333 CCCC00 CC6600 CC0000 222222 99CCFF 9966FF 9900FF 111111 99CCCC 9966CC 9900CC 000000 99CC99 996699 990099 FF0000 99CC66 996666 990066 EE0000 99CC33 996633 990033 DD0000 99CC00 996600 990000 CC0000 66CCFF 6666FF 6600FF BB0000 66CCCC 6666CC 6600CC AA0000 66CC99 666699 660099 990000 66CC66 666666 660066 880000 66CC33 666633 660033 770000 66CC00 666600 660000 660000 33CCFF 3366FF 3300FF 550000 33CCCC 3366CC 3300CC 440000 33CC99 336699 330099 330000 33CC66 336666 330066 220000 33CC33 336633 330033 110000 33CC00 336600 330000 FFFFFF 00CCFF 0066FF 0000FF FFFFCC 00CCCC 0066CC 0000CC FFFF99 00CC99 006699 000099 FFFF66 00CC66 006666 000066 FFFF33 00CC33 006633 000033 FFFF00 00CC00 006600 000000 CCFFFF FF99FF FF33FF 00FF00 CCFFCC FF99CC FF33CC 00EE00 CCFF99 FF9999 FF3399 00DD00 CCFF66 FF9966 FF3366 00CC00 CCFF33 FF9933 FF3333 00BB00 CCFF00 FF9900 FF3300 00AA00 99FFFF CC99FF CC33FF 990099 99FFCC CC99CC CC33CC 008800 99FF99 CC9999 CC3399 007700 99FF66 CC9966 CC3366 006600 99FF33 CC9933 CC3333 005500 99FF00 CC9900 CC3300 004400 66FFFF 9999FF 9933FF 003300 66FFCC 9999CC 9933CC 002200 66FF99 999999 993399 001100 66FF66 999966 993366 0000FF 66FF33 999933 993333 0000EE 66FF00 999900 993300 0000DD 33FFFF 6699FF 6633FF 0000CC 33FFCC 6699CC 6633CC 0000BB 33FF99 669999 663399 0000AA 33FF66 669966 663366 000099 33FF33 669933 663333 000088 33FF00 669900 663300 000077 00FFFF 3399FF 3333FF 000066 00FFCC 3399CC 3333CC 000055 00FF99 339999 333399 000044 00FF66 339966 333366 000033 00FF33 339933 333333 000022 00FF00 339900 333300 000011 0099FF 0033FF 0099CC 0033CC 009999 003399 009966 003366 009933 003333 009900 003300

[ 本帖最后由 秋水长空 于 2006-11-16 15:33 编辑 ]

移动的文字

移动的文字

其中:

direction=left， 向左移动

direction=right， 向右移动

behavior=scroll，scroll 一圈一圈绕着走

behavior=slide，slide 只走一次

behavior=alternate，alternate 来回走

scrollamount=20，scrollamount (控制移动的速度,数字越大速度越快)

scrolldelay=500，scrolldelay 停停走走

direction=up，向上

direction=down，向下

color (字体颜色)

size="3" (字体大小)

face="黑体"(字体)

CODE:  [复制]

---

<CENTER><TABLE height=200 cellSpacing=1 width=200 background=http://www.zzi.cc/sck/jmbz/ge/1/tile17.jpg border=2><TBODY><TR><TD><MARQUEE scrollAmount=1 direction=up><CENTER><FONT face=黑体 color=#008000 size=3>移动的文字</FONT></CENTER></MARQUEE></TD></TR></TBODY></TABLE></CENTER>

[ 本帖最后由 秋水长空 于 2006-10-17 12:15 编辑 ]

移动的文字和图片

化龙巷欢迎您

CODE:  [复制]

---

<TABLE height=200 cellSpacing=1 width=300 background=http://www.zzi.cc/sck/jmbz/ge/1/tile17.jpg border=2><TBODY><TR><TD><MARQUEE scrollAmount=1 direction=up><CENTER><FONT face=黑体 color=#008000 size=4></FONT></CENTER><CENTER><FONT face=黑体 color=#008000 size=4>化龙巷欢迎您</FONT></CENTER><CENTER><IMG src="http://www.kmlt.net/images/smilies/shy.gif"></CENTER></MARQUEE></TD></TR></TBODY></TABLE>

 

 

提醒： 如果需要把移动区域扩大或者缩小，除了在代码中修改尺寸数据外，也可以在“所见即所得的模式”中用鼠标停留按住拉升缩放。其实，用代码后切换到所见即所得的模式下进行调整是必须的，也是省事的办法。 --这对于边框的尺寸，FLASH的区域大小等等都是这样。

[ 本帖最后由 秋水长空 于 2006-10-17 13:01 编辑 ]

在底图上添加固定文字的案例：

 

 

 

再见你依然是那种心跳的感觉 多少日子我迷失在回忆里 你给我的一切不曾忘记 噢!在梦里也曾寻你 再见你依然是那种心跳的感觉 这究竟是梦是真我不清楚 透过朦胧的泪眼你依然模糊 噢!再为我拭去泪痕

上面的效果的代码：

<TABLE borderColor=#cccc33 height=398 cellSpacing=2 cellPadding=3 width=600 background=http://photo.iecool.com/photo/renwutuku/qingmiairen/muaifuai/muai2_027.jpg border=1>
<TBODY>
<TR>
<TD>
<P align=right><FONT color=#d39e4e><FONT size=4><FONT face=楷体_GB2312>再见你依然是那种心跳的感觉 <BR>多少日子我迷失在回忆里 <BR>你给我的一切不曾忘记 <BR>噢!在梦里也曾寻你 <BR><BR>再见你依然是那种心跳的感觉 <BR>这究竟是梦是真我不清楚 <BR>透过朦胧的泪眼你依然模糊 <BR>噢!再为我拭去泪痕</FONT> </FONT></FONT></P></TD></TR></TBODY></TABLE><BR>

-------------------------------

注意：

图片尺寸为高度398宽度600。 其实，我从网上找到图片后一般用ps修改过尺寸的，有时网上的图片很大，而我试验下来按照页面的显示宽度最大为700比较好。宽度大于700后用底图方式显示的话就超出页面的显示范围了。

以上代码如果你直接引用到html状态下后，你需要修改你的图片连接和尺寸。 文字部分可以切换到所见所得状态下去修改你自己的文字，当然文字字体大小颜色也是在所见所得的状态下修改完成的。

[[i] 本帖最后由 秋水长空 于 2006-10-18 10:38 编辑 [/i]]

晕， 上面的代码中出现了表情图标。。。。 估计是论坛设定默认“自动修正”， 做音画帖时候最好不要用 自动修正 ！！！！！！！！！否则在代码和所见所得来回修改切换时候就出现乱码的。！ [ 本帖最后由 秋水长空 于 2006-10-17 12:41 编辑 ]

在底图上添加移动文字案例：

 

 

我孤单的时候 你牵着谁的手, 将给我的温柔, 对她释放个够. 往日时光如水流, 此刻拖它的节奏, 窗外黑色的天空, 是我彷徨的宇宙 都说一醉解千愁 才知苦涩难入吼 原来习惯了痴情的守侯 来遵守一个人的自由 都说一醉解千愁 总有醒来的时候 不如试着放手 愈合伤口 给自己一个继续的理由 以为忘得掉所有 往事历历上心头 悲伤是出港口 快乐遗失了源头 缘分以来的时候 钻石变成了面偶 事情一样的勇敢 不是背叛了对手 都说一醉解千愁 才知苦涩难入吼 原来习惯了痴情的守侯 来遵守一个人的自由 都说一醉解千愁 总有醒来的时候 不如试着放手 愈合伤口 给自己一个继续的理由 都说一醉解千愁 才知苦涩难入吼 原来习惯了痴情的守侯 来遵守一个人的自由 都说一醉解千愁 总有醒来的时候 不如试着放手 愈合伤口 给自己一个继续的理由

 

如上效果的代码为：

<TABLE height=398 width=700 background=http://photo.iecool.com/photo/renwutuku/qingmiairen/muaifuai/muai2_027.jpg border=4>
<TBODY>
<TR>
<TD>
<MARQUEE scrollAmount=1 direction=up><FONT face=楷体_GB2312 color=#111111 size=4>我孤单的时候 <BR>你牵着谁的手, <BR>将给我的温柔, <BR>对她释放个够. <BR>往日时光如水流, <BR>此刻拖它的节奏, <BR>窗外黑色的天空, <BR>是我彷徨的宇宙 <BR>都说一醉解千愁 <BR>才知苦涩难入吼 <BR>原来习惯了痴情的守侯 <BR>来遵守一个人的自由 <BR>都说一醉解千愁 <BR>总有醒来的时候 <BR>不如试着放手 <BR>愈合伤口 <BR>给自己一个继续的理由 <BR>以为忘得掉所有 <BR>往事历历上心头 <BR>悲伤是出港口 <BR>快乐遗失了源头 <BR>缘分以来的时候 <BR>钻石变成了面偶 <BR>事情一样的勇敢 <BR>不是背叛了对手 <BR>都说一醉解千愁 <BR>才知苦涩难入吼 <BR>原来习惯了痴情的守侯 <BR>来遵守一个人的自由 <BR>都说一醉解千愁 <BR>总有醒来的时候 <BR>不如试着放手 <BR>愈合伤口 <BR>给自己一个继续的理由 <BR>都说一醉解千愁 <BR>才知苦涩难入吼 <BR>原来习惯了痴情的守侯 <BR>来遵守一个人的自由 <BR>都说一醉解千愁 <BR>总有醒来的时候 <BR>不如试着放手 <BR>愈合伤口 <BR>给自己一个继续的理由</FONT></MARQUEE></TD></TR></TBODY></TABLE>

------------------------

注意：

在html代码中图片的尺寸参数也要根据你选的图片尺寸修改，我这个图片（我用ps改成这尺寸的)高度398宽度600，所以在html代码中height=398 width=600

你在html编辑状态下复制了以上代码后，就可以切换到所见所得状态下看效果做修改。 文字内容按照你需要的修改，文字显示部位尺寸也可以象文本框一下拖动改变，框内文字字体大小颜色等都可在所见所得状态下调整。 整个移动区域可以选定后，进行按钮功能的左靠，居中，右靠等操作。

[ 本帖最后由 秋水长空 于 2006-10-17 12:48 编辑 ]

特别提醒关于楼上的效果： 我公布的代码中， 图片宽度为700，， 其实，我选用的图片宽度实际为600。 如果在代码中的宽度成了700， 那么叶面上就会重复显示出右边的多出来的700-600=100宽度的重复部分。 如果把代码中的宽度改为图片的实际宽度600后，显示就不会出现重复部分了。 这也就是说， 底图的大小也需要讲究，整体考虑素材的选用。 很多时候，做贴需要用PS进行图片处理大小，如果再深入下去，那就需要自己会做FLASH动画，呵呵。 [ 本帖最后由 秋水长空 于 2006-10-17 12:57 编辑 ]

楼主辛苦了，呵呵……现在再不会有不会的人了。 接下来就是发挥自己的创意，将各种文字，图片，FLASH，音乐组合起来，表达你的主题。

炼心☆悟 ， 你来啦， 我在赶时间，下午要出门。 下面你也补充哈，

 

 

底图上面套用透明Flash案例：

 

 

 

 

如上效果代码：

<TABLE align=center border=0>
<TBODY>
<TR>
<TD width=600 background=http://photo.iecool.com/photo/renwutuku/qingmiairen/muaifuai/muai2_027.jpg height=398>
<P><EMBED style="WIDTH: 598px; HEIGHT: 250px" align=right src=http://imgfree.21cn.com/free/flash/68.swf width=598 height=250 type=application/octet-stream ;; quality="high" wmode="transparent"></P></TD></TR></TOBDY></TBODY></TABLE>

 

====================

注意：底图的尺寸为高度398宽度600的jpg格式图片，地址是http://photo.iecool.com/photo/renwutuku/qingmiairen/muaifuai/muai2_027.jpg

套用上起的透明falsh图片是swf格式的flash图片,地址是http://imgfree.21cn.com/free/flash/68.swf

为了让套用上去的flash图片在底图占据的尺寸范围内，flash图片格式要么和底图尺寸一样，要么小于底图尺寸。我这案例就是小于底图的，把flash图片设置成高度250宽度598。 编辑时候你可以在html状态下修改尺寸参数（注意代码中间有时候有空格的),然后切换到所见所得状态下看效果。不行的话再切换到html状态下修改参数，或者就在所见所得状态下鼠标拉动修改。

[ 本帖最后由 秋水长空 于 2006-11-4 21:51 编辑 ]

上面的代码中又出现表情图标， 强烈要求去掉默认的自动修正！！！ 再次复制公布楼上的代码：

一些特效播放器代码： 一些效果和变化参见第21楼的内容

1。可以先用如下代码使用，把歌曲链接地址自己改一下自己需要的地址，编辑时候选中html代码可用

<EMBED src=http://lhfj.net/images/68710.wma width=300 height=25 hidden=0 type=audio/mpeg loop="1" autostart="1">


2。<EMBED style="FILTER: xray()" src=http://www.filelodge.com/files/room44/1277027/yanshuihan.asx width=300 height=30 type=audio/mpeg loop="true" showstatusbar="0"></EMBED>

以上代码也是黑色播放器代码 ：）   一些参数你看着可调

3。 半透明播放器代码如下

<EMBED style="FILTER: alpha(opacity=40)" src=http://sztradeast.com/huesx/go/20040706001/huang.mp3 width=200 height=29 type=video/x-ms-asf loop="true" volume="0" autostart="true"></EMBED>

使用时候自己换用歌曲地址； opacity=40 的值可以改动而改变半透明程度。

4。套筐播放器：
<TABLE borderColor=#4f3256 align=center background=http://city.9sky.com/non-cgi/usr/27/27_4200_244.gif border=1>
<TBODY>
<TR>
<TD>
<P align=center><EMBED src=http://www.jazzsky.com/song/e/igiveyoutohisheart.wma width=300 height=25 type=application/x-mplayer2 volume="0" showtracker="0" playcount="0" autostart="true" loop="true"></P></TD></TR></TBODY></TABLE>
<P align=center></P><BR>

5。 留声机播放代码：
<TABLE borderColor=#000000 height=250 cellSpacing=0 cellPadding=0 width=325 align=center background=http://cafe.chosun.com/img_file/club_file/98/mugoonghwa/bbs/23/midi-3-1[20050619132331].gif border=0>
<TBODY>
<TR>
<TD width=324 height=202 cellPadding="0" cellSpacing="0"></TD></TR>
<TR>
<TD align=left>
<P align=center><EMBED style="FILTER: xray(); LEFT: 0px; WIDTH: 300px; TOP: 0px; HEIGHT: 24px" src=音乐地址 type=audio/mpeg loop="-1" volume="0"></P></TABLE>

6。飘动的播放器
<MARQUEE style="LEFT: 230px; POSITION: absolute; TOP: 100px" scrollAmount=1 scrollDelay=100 direction=up behavior=alternate width=300 height=400>
<MARQUEE scrollAmount=1 scrollDelay=100 behavior=alternate>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#7ec0ee ,direction:145,strength:20)" cellSpacing=0 cellPadding=0 border=1>
<TBODY>
<TR>
<TD><EMBED style="FILTER: gray()" src=http://dj.qq530.com:65535/dj_1647/1031101.rm width=400 height=50 type=audio/mpeg showstatusbar="1" volume="0" loop="1" autostart="1"></TD></TR></TBODY></TABLE></MARQUEE></MARQUEE>

=====================

最后提醒：
特效播放器代码很多的，需要有心纪录或者网上搜索留意。 代码中的参数都可调整，自己可以试验看看效果。 [ 本帖最后由 秋水长空 于 2006-11-16 15:23 编辑 ]

发现了不想出现在代码下那样自动出现表情图标的避开办法： 编辑界面左边的选项全部打勾，即：启用html，禁用的那几个也要打勾！

NB的 我歌还不会帖现在 555 等等在学

专业老,偶小学毕业,学不会个列