只看楼主 | 倒序阅读 | 浏览器收藏 | 打印 【HTML代码 音画教程】欢迎大家添加
  • 30234阅读
  • 80回复
电梯直达

【HTML代码 音画教程】欢迎大家添加

[复制链接]
秋水长空

微博0条 | 粉丝0人

关注TA发私信

王爷

  • UID48195
  • 精华 23
  • 发帖2283
  • 恋人 未婚
  • 金币20 枚
  • 威望449 点
  • 注册时间2006-08-31

发表于: 2006-10-17 11:21
分享到:

马上注册,结交更多香油,享用更多功能,让你轻松玩转化龙巷。
 已有账号?点击登录
关闭
我先开个头,一边工作一边利用少许空闲时间添加。欢迎大家添加,表灌水。 特别提醒:要使用代码,在编辑状态下,先把左边的 <禁用 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>

四、加入背景音乐代码: http://www.flamesky.org/raynal-onwer/asoka%20theme..wma.wma hidden=true type=audio/x-ms-wma LOOP="TRUE" AUTOSTART="TRUE"> http://baysky.com/Music/wzmkl.mp3 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:是否自动播放,其值同上。


[ 本帖最后由 雪果 于 2007-9-28 20:47 编辑 ]
琵琶语沁惊秋水,染古暮色踏长空。
角落深处/搬张椅子/坐在树下/静看人来人往。。。。。。
秋水长空

微博0条 | 粉丝0人

关注TA发私信

王爷

  • UID48195
  • 精华 23
  • 发帖2283
  • 恋人 未婚
  • 金币20 枚
  • 威望449 点
  • 注册时间2006-08-31
发表于 2006-10-17 11:22 回复主题 | 返回版面列表

颜色表






















































































































































































































































































































































































































































































































































































































































































#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 编辑 ]
琵琶语沁惊秋水,染古暮色踏长空。
角落深处/搬张椅子/坐在树下/静看人来人往。。。。。。
秋水长空

微博0条 | 粉丝0人

关注TA发私信

王爷

  • UID48195
  • 精华 23
  • 发帖2283
  • 恋人 未婚
  • 金币20 枚
  • 威望449 点
  • 注册时间2006-08-31
发表于 2006-10-17 11:22 回复主题 | 返回版面列表

移动的文字







移动的文字

其中:

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 编辑 ]
琵琶语沁惊秋水,染古暮色踏长空。
角落深处/搬张椅子/坐在树下/静看人来人往。。。。。。
秋水长空

微博0条 | 粉丝0人

关注TA发私信

王爷

  • UID48195
  • 精华 23
  • 发帖2283
  • 恋人 未婚
  • 金币20 枚
  • 威望449 点
  • 注册时间2006-08-31
发表于 2006-10-17 11:22 回复主题 | 返回版面列表

移动的文字和图片







化龙巷欢迎您


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 编辑 ]
琵琶语沁惊秋水,染古暮色踏长空。
角落深处/搬张椅子/坐在树下/静看人来人往。。。。。。
秋水长空

微博0条 | 粉丝0人

关注TA发私信

王爷

  • UID48195
  • 精华 23
  • 发帖2283
  • 恋人 未婚
  • 金币20 枚
  • 威望449 点
  • 注册时间2006-08-31
发表于 2006-10-17 12:27 回复主题 | 返回版面列表

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


 


 


 






再见你依然是那种心跳的感觉
多少日子我迷失在回忆里
你给我的一切不曾忘记
噢!在梦里也曾寻你

再见你依然是那种心跳的感觉
这究竟是梦是真我不清楚
透过朦胧的泪眼你依然模糊
噢!再为我拭去泪痕



上面的效果的代码:


<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状态下后,你需要修改你的图片连接和尺寸。 文字部分可以切换到所见所得状态下去修改你自己的文字,当然文字字体大小颜色也是在所见所得的状态下修改完成的。



[ 本帖最后由 秋水长空 于 2006-10-18 10:38 编辑 ]
琵琶语沁惊秋水,染古暮色踏长空。
角落深处/搬张椅子/坐在树下/静看人来人往。。。。。。
秋水长空

微博0条 | 粉丝0人

关注TA发私信

王爷

  • UID48195
  • 精华 23
  • 发帖2283
  • 恋人 未婚
  • 金币20 枚
  • 威望449 点
  • 注册时间2006-08-31
发表于 2006-10-17 12:36 回复主题 | 返回版面列表

晕, 上面的代码中出现了表情图标。。。。 估计是论坛设定默认“自动修正”, 做音画帖时候最好不要用 自动修正 !!!!!!!!!否则在代码和所见所得来回修改切换时候就出现乱码的。!

[ 本帖最后由 秋水长空 于 2006-10-17 12:41 编辑 ]
琵琶语沁惊秋水,染古暮色踏长空。
角落深处/搬张椅子/坐在树下/静看人来人往。。。。。。
秋水长空

微博0条 | 粉丝0人

关注TA发私信

王爷

  • UID48195
  • 精华 23
  • 发帖2283
  • 恋人 未婚
  • 金币20 枚
  • 威望449 点
  • 注册时间2006-08-31
发表于 2006-10-17 12:37 回复主题 | 返回版面列表

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


 


 






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

 


如上效果的代码为:


<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 编辑 ]
琵琶语沁惊秋水,染古暮色踏长空。
角落深处/搬张椅子/坐在树下/静看人来人往。。。。。。
秋水长空

微博0条 | 粉丝0人

关注TA发私信

王爷

  • UID48195
  • 精华 23
  • 发帖2283
  • 恋人 未婚
  • 金币20 枚
  • 威望449 点
  • 注册时间2006-08-31
发表于 2006-10-17 12:42 回复主题 | 返回版面列表

特别提醒关于楼上的效果:

我公布的代码中, 图片宽度为700,, 其实,我选用的图片宽度实际为600。 如果在代码中的宽度成了700, 那么叶面上就会重复显示出右边的多出来的700-600=100宽度的重复部分。 如果把代码中的宽度改为图片的实际宽度600后,显示就不会出现重复部分了。 这也就是说, 底图的大小也需要讲究,整体考虑素材的选用。 很多时候,做贴需要用PS进行图片处理大小,如果再深入下去,那就需要自己会做FLASH动画,呵呵。


[ 本帖最后由 秋水长空 于 2006-10-17 12:57 编辑 ]
琵琶语沁惊秋水,染古暮色踏长空。
角落深处/搬张椅子/坐在树下/静看人来人往。。。。。。
炼心☆悟

微博0条 | 粉丝15人

关注TA发私信

贵宾

  • UID47917
  • 精华 53
  • 发帖22515
  • 恋人 未婚
  • 金币5150 枚
  • 威望16830 点
  • 注册时间2006-08-27

发表于 2006-10-17 12:56 回复主题 | 返回版面列表

楼主辛苦了,呵呵……现在再不会有不会的人了。
接下来就是发挥自己的创意,将各种文字,图片,FLASH,音乐组合起来,表达你的主题。
我问上帝,我们输给了什么?我问撒旦,我们输给了什么?没有人回答.那个谁在说,上帝的背面是撒旦!
秋水长空

微博0条 | 粉丝0人

关注TA发私信

王爷

  • UID48195
  • 精华 23
  • 发帖2283
  • 恋人 未婚
  • 金币20 枚
  • 威望449 点
  • 注册时间2006-08-31
发表于 2006-10-17 12:59 回复主题 | 返回版面列表

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


 


 


底图上面套用透明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 编辑 ]
琵琶语沁惊秋水,染古暮色踏长空。
角落深处/搬张椅子/坐在树下/静看人来人往。。。。。。
秋水长空

微博0条 | 粉丝0人

关注TA发私信

王爷

  • UID48195
  • 精华 23
  • 发帖2283
  • 恋人 未婚
  • 金币20 枚
  • 威望449 点
  • 注册时间2006-08-31
发表于 2006-10-17 13:10 回复主题 | 返回版面列表

上面的代码中又出现表情图标, 强烈要求去掉默认的自动修正!!!

再次复制公布楼上的代码:





琵琶语沁惊秋水,染古暮色踏长空。
角落深处/搬张椅子/坐在树下/静看人来人往。。。。。。
秋水长空

微博0条 | 粉丝0人

关注TA发私信

王爷

  • UID48195
  • 精华 23
  • 发帖2283
  • 恋人 未婚
  • 金币20 枚
  • 威望449 点
  • 注册时间2006-08-31
发表于 2006-10-18 10:25 回复主题 | 返回版面列表

一些特效播放器代码: 一些效果和变化参见第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 编辑 ]
琵琶语沁惊秋水,染古暮色踏长空。
角落深处/搬张椅子/坐在树下/静看人来人往。。。。。。
秋水长空

微博0条 | 粉丝0人

关注TA发私信

王爷

  • UID48195
  • 精华 23
  • 发帖2283
  • 恋人 未婚
  • 金币20 枚
  • 威望449 点
  • 注册时间2006-08-31
发表于 2006-10-18 10:41 回复主题 | 返回版面列表

发现了不想出现在代码下那样自动出现表情图标的避开办法: 编辑界面左边的选项全部打勾,即:启用html,禁用的那几个也要打勾!
琵琶语沁惊秋水,染古暮色踏长空。
角落深处/搬张椅子/坐在树下/静看人来人往。。。。。。
默苒

微博0条 | 粉丝0人

关注TA发私信

二品巡抚

  • UID44637
  • 精华 6
  • 发帖10118
  • 恋人 未婚
  • 金币0 枚
  • 威望-3 点
  • 注册时间2006-07-21
发表于 2006-10-18 14:42 回复主题 | 返回版面列表

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

微博0条 | 粉丝0人

关注TA发私信

二品巡抚

  • UID28673
  • 精华 0
  • 发帖2138
  • 恋人 未婚
  • 金币2 枚
  • 威望1 点
  • 注册时间2006-01-14
发表于 2006-10-21 09:39 回复主题 | 返回版面列表

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

微博0条 | 粉丝3人

关注TA发私信

化龙巷认证团长

  • UID13002
  • 精华 0
  • 发帖476
  • 恋人 未婚
  • 金币57 枚
  • 威望75 点
  • 注册时间2005-07-20

发表于 2006-10-24 12:16 回复主题 | 返回版面列表

瓦,要仔细学习的
销售各种规格金牛电线电缆 13606146633
飞轻雾

微博0条 | 粉丝1人

关注TA发私信

六品通判

  • UID44978
  • 精华 2
  • 发帖611
  • 恋人 未婚
  • 金币45 枚
  • 威望153 点
  • 注册时间2006-07-25

发表于 2006-11-01 15:52 回复主题 | 返回版面列表

初次看果然如炼版主所说,当场晕毕,::44::
不过偶会收藏慢慢学
既然有心无力,那就随其自然。
月涯影

微博0条 | 粉丝0人

关注TA发私信

九品芝麻官

  • UID53193
  • 精华 0
  • 发帖150
  • 恋人 未婚
  • 金币0 枚
  • 威望1 点
  • 注册时间2006-10-31
发表于 2006-11-04 00:34 回复主题 | 返回版面列表

:o
看来要学一阵了::29::
秋水长空

微博0条 | 粉丝0人

关注TA发私信

王爷

  • UID48195
  • 精华 23
  • 发帖2283
  • 恋人 未婚
  • 金币20 枚
  • 威望449 点
  • 注册时间2006-08-31
发表于 2006-11-10 13:46 回复主题 | 返回版面列表

5楼的分解说明

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



你用鼠标选定下面的文字,可以看出是可以编辑的 :-) ,,, 如果用PS直接做在图上,是不能单独选定文字的)










再见你依然是那种心跳的感觉
多少日子我迷失在回忆里
你给我的一切不曾忘记
噢!在梦里也曾寻你

再见你依然是那种心跳的感觉
这究竟是梦是真我不清楚
透过朦胧的泪眼你依然模糊
噢!再为我拭去泪痕



上面的效果的代码:


<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状态下后,你需要修改你的图片连接和尺寸。 文字部分可以切换到所见所得状态下去修改你自己的文字,当然文字字体大小颜色也是在所见所得的状态下修改完成的。



=============以下分解说明(上面的红色字体的说明也要看):


1。 在编辑状态下,先把左边的 <禁用 URL 识别> <禁用 Smilies> <启用HTML>都打勾。 最重要的是<启用HTML>打勾一定要打。


2。直接复制上面的代码,先别管文字和图片。然后在discuz代码模式中输入代码。 输入后,点击<所见即所得>切换。这时候你能看到效果了。



3。把光标停留到文字处点一下,你会发现可改写文字了。



4。切换到Discuz代码模式,你看见的又都是代码了,这时候,你可以更改background=后面的图片链接,改成你需要的图片。 这时候需要特别注意,你需要看一下你网上找的图片的尺寸,LZ的图片是640X640的,那么继续修改代码中的height= 和width=后面的参数和你使用的图尺寸一致。 (有时候,找来的图片太大,1024X ccc的大图,这样的大图在论坛的叶面上无法全显示完整,这就需要先下载到你计算机,用PS等图片编辑软件修改到合适的尺寸,然后上传到该论坛待用。)



5。我公布的代码下的文字是右对齐的,也就是参数Align=right, 如果要左对齐,把right改为left,如果需要居中,那么改为center.



6. 代码中的borderColor=#cccc33 是边框颜色参数,你可以把后面的颜色参数修改,具体颜色标号请看制作贴2楼内容



7。 参数中的 border=1 是边框的粗细参数,你把1改为10看看效果, 呵呵



8。关于文字的字体或者大小或者颜色,如果你对代码不熟悉,建议切换到 所见即所得 状态下(也就是上面紫色字体的第3条情况下),用编辑界面上方的字体/大小/颜色 按钮键,把文字选定后进行编辑。



最后, 制作贴里面所列的其他效果(比如移动字母等), 修改使用步骤基本雷同,代码中的参数值都可以调整, 你需要知道这些代码值的含义,制作贴里面有说明的。 不断试验,总会熟练的。


 


除了你已经看到的 我分解说明的内容以外,
你有意识的去弄懂里面参数的含义,这个可以通过自己试验那些参数值来配合理解(你修改那些参数后 不要确认发送, 就点<预览帖子>察看)

另外, 移动字幕区域的长宽,可以在 所见即所得编辑状态下,用类似于 word文件里面的文本框 那样拉伸





[ 本帖最后由 秋水长空 于 2006-11-10 13:48 编辑 ]
琵琶语沁惊秋水,染古暮色踏长空。
角落深处/搬张椅子/坐在树下/静看人来人往。。。。。。
凭栏一笑

微博0条 | 粉丝6人

关注TA发私信

王爷

  • UID15094
  • 精华 25
  • 发帖5045
  • 恋人 未婚
  • 金币23 枚
  • 威望671 点
  • 注册时间2005-08-08

发表于 2006-11-12 00:40 回复主题 | 返回版面列表

向LZ好好学习

秋水长空

微博0条 | 粉丝0人

关注TA发私信

王爷

  • UID48195
  • 精华 23
  • 发帖2283
  • 恋人 未婚
  • 金币20 枚
  • 威望449 点
  • 注册时间2006-08-31
发表于 2006-11-16 15:09 回复主题 | 返回版面列表

完善第12楼的播放器内容
完善第12楼的播放器内容, 注意,要想自动播放,autostart=后面的参数要是true, 如果后面是false是手动播放的。





一、几款最常用的播放器


代码如下
<EMBED src="歌曲地址" width=300 height=50 type=audio/mpeg loop="-1" autostart="FALSE" volume="0"></EMBED>



代码如下
<EMBED style="FILTER: invert()" src="歌曲地址" width=300 height=50 type=audio/mpeg volume="0" autostart="TRUE" loop="true"></EMBED>



代码如下
<EMBED style="FILTER: Xray" src=歌曲地址 width=300 height=05 type=audio/mpeg loop="-1" autostart="false" volume="0"></EMBED>



代码如下
<EMBED style="FILTER: GRAY()" src="歌曲地址" width=300 height=45 type=audio/mpeg loop="-1" autostart="true" volume="0"></EMBED>


重要提示:
1 复制代码后要在代码编辑状态下使用
2 WIDTH代表播放器宽度,HEIGHT代表高度,后面的数值可依自己喜好进行调整。
3 AUTOSTART="TRUE" 这里TRUE代表自动播放,如果换成FALSE则代表手动播放。


二、装饰美化你的播放器


有了基本的款式后,我们就可以根据自己的想象力,巧用HTML的表格,根据自己的图片素材,装饰美化自己的播放器。只要你有足够的创意,调整代码,就可以得到各式各样的播放器。这里先直观介绍几款。


首先我们可以为黑色播放器加上一个边缘
(中间绿底的部分为原黑色播放器代码)












<TABLE style="BORDER-RIGHT: #000000 3px dashed; BORDER-TOP: #000000 3px dashed; BORDER-LEFT: #000000 3px dashed; BORDER-BOTTOM: #000000 3px dashed" cellSpacing=0 cellPadding=0 bgColor=#00000>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#000000 align=center border=1>
<TBODY>
<TR>
<TD><P align=center><EMBED style="FILTER: Xray" src=http://cherry.jazzsky.com/LIU/all_about_you.wma width=300 height=45 type=audio/mpeg volume="0" autostart="false" loop="- 1"></EMBED></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>


当然也可以为蓝色播放器加上粉色边缘
(中间粉底部分为原蓝色播放器代码)












代码如下


<TABLE style="BORDER-RIGHT: #ff69b4 3px dotted; BORDER-TOP: #ff69b4 3px dotted; BORDER-LEFT: #ff69b4 3px dotted; BORDER-BOTTOM: #ff69b4 3px dotted" cellSpacing=0 cellPadding=0 align=center bgColor=white>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#ff69b4 align=center bgColor=#ffccf5 border=2>
<TBODY>
<TR>
<TD style="FILTER: alpha(opacity=100,style=3)">
<P align=center> <EMBED src=歌曲地址 width=300 height=45 type=audio/mpeg volume="0" autostart="false" loop="-1"></EMBED></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>


还可以将播放器置于一个单独的表格里,并加上表格的透明特效,播放器上的花纹就是表格的底图。(中间紫底部分的为原蓝色播放器代码)








代码如下:
<TABLE borderColor=#4f3256 align=center background=http://upload.yourblog.org/20057/kaka967.20050722115212.png border=1>
<TBODY>
<TR>
<TD style="FILTER: alpha (opacity=50,style=3)">
<P align=center> <EMBED src=歌曲地址 width=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="0"></EMBED></P></TD></TR></TBODY></TABLE>


还可以利用动态的GIF背景做成动态播放器
(中间蓝底部分为原来的灰色播放器代码











代码如下:
<TABLE borderColor=#dee4fe cellSpacing=3 cellPadding=0 background=http://www.yhbbs.com/UploadFile/2004-12/2004123023101352.gif border=2>
<TBODY>
<TR>
<TD>
<TABLE align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: alpha (opacity=60,style=3)">
<P align=center><EMBED style="FILTER: Gray" src=歌曲地址 width=300 height=45 type=audio/mpeg volume="0" autostart="false" loop="-1"> </EMBED></P></TD></TR></TBODY></TABLE></TD></TR></TBODY> </TABLE>


甚至还可以将动态背景只在播放器底部运行
中间棕底字体为原灰色播放器代码











代码如下
<TABLE height=40 cellSpacing=0 cellPadding=0 width=300 background=http://bbs.guqu.net/UploadFile/2005-4/20054302075888035.gif border=1>
<TBODY>
<TR>
<TD>
<TABLE style="FILTER: Chroma (Color='#000000')" height=40 cellSpacing=0 cellPadding=0 width=300 border=0>
<TBODY>
<TR>
<TD>
<P align=center><EMBED style="FILTER: Gray" src=歌曲地址 width=300 height=40 type=audio/mpeg loop="-1" autostart="false" volume="0"></EMBED></P></TD></TR></TBODY></TABLE></TD>< /TR></TBODY></TABLE>





[ 本帖最后由 秋水长空 于 2008-4-1 15:02 编辑 ]
琵琶语沁惊秋水,染古暮色踏长空。
角落深处/搬张椅子/坐在树下/静看人来人往。。。。。。
倔强的眼泪

微博0条 | 粉丝3人

关注TA发私信

举人

  • UID36298
  • 精华 1
  • 发帖154
  • 恋人 未婚
  • 金币4 枚
  • 威望13 点
  • 注册时间2006-04-26
发表于 2006-11-20 13:05 回复主题 | 返回版面列表

目前正在学习~~~~~~加一些透明flash


 


 http://www.56.com/spaceflash/33.swf 櫻花 http://www.56.com/spaceflash/25.swf 蚂蚁 http://www.56.com/spaceflash/27.swf 水滴 飘花 http://www.56.com/spaceflash/38.swf 漂叶 http://www.56.com/spaceflash/42.swf 蒲公英 http://www.56.com/spaceflash/45.swf 蝴蝶2 http://www.56.com/spaceflash/46.swfhttp://www.56.com/spaceflash/49.swf 垃圾 http://www.56.com/spaceflash/50.swfhttp://www.56.com/spaceflash/51.swf 蜻蜓 http://www.56.com/spaceflash/52.swf 落叶 http://www.56.com/spaceflash/53.swf 掉糖 http://www.56.com/spaceflash/54.swf 掉爱心 http://www.56.com/spaceflash/55.swf 青蛙 http://www.56.com/spaceflash/57.swf 鱼2 http://www.56.com/spaceflash/61.swf 爱心2 http://www.56.com/spaceflash/62.swf 礼花 http://www.56.com/spaceflash/63.swf 落叶3 http://www.56.com/spaceflash/64.swf 落叶4 http://www.56.com/spaceflash/65.swf 掉水泡 http://www.56.com/spaceflash/66.swf 54321 http://www.56.com/spaceflash/69.swf 老鹰 http://www.56.com/spaceflash/70.swf 激光 http://www.56.com/spaceflash/72.swf 鸽子 http://www.56.com/spaceflash/73.swf 蓝水泡 http://www.56.com/spaceflash/74.swf 蓝水泡2 http://www.56.com/spaceflash/75.swf 鼠标特效 http://www.56.com/spaceflash/77.swf 激光 http://www.56.com/spaceflash/78.swf 鼠标时间 http://www.56.com/spaceflash/79.swf 摆2 http://www.56.com/spaceflash/80.swf 鼠标特效2 http://www.56.com/spaceflash/81.swf 鼠标特效3 http://www.56.com/spaceflash/83.swf 水泡2 http://www.56.com/spaceflash/84.swf 光! http://www.56.com/spaceflash/85.swf 飘信 http://www.56.com/spaceflash/86.swfhttp://www.56.com/spaceflash/87.swf 鼠标特效4 http://www.56.com/spaceflash/88.swf 烟火 摆 http://www.56.com/spaceflash/89.swf 光!! http://www.56.com/spaceflash/90.swf 魔方 http://www.56.com/spaceflash/92.swf 网子 http://www.56.com/spaceflash/93.swf 雷电 http://www.56.com/spaceflash/94.swf 激光2



[ 本帖最后由 倔强的眼泪 于 2007-1-7 14:15 编辑 ]
七度零下

微博0条 | 粉丝3人

关注TA发私信

王爷

  • UID36113
  • 精华 1
  • 发帖4244
  • 恋人 未婚
  • 金币355 枚
  • 威望1476 点
  • 注册时间2006-04-24

发表于 2006-11-20 16:04 回复主题 | 返回版面列表

是不是还要先学PS啊?
晕啊晕
七度零下

微博0条 | 粉丝3人

关注TA发私信

王爷

  • UID36113
  • 精华 1
  • 发帖4244
  • 恋人 未婚
  • 金币355 枚
  • 威望1476 点
  • 注册时间2006-04-24

发表于 2006-11-20 16:27 回复主题 | 返回版面列表

悟哥
你图片里的效果能做出来吗?
秋水长空

微博0条 | 粉丝0人

关注TA发私信

王爷

  • UID48195
  • 精华 23
  • 发帖2283
  • 恋人 未婚
  • 金币20 枚
  • 威望449 点
  • 注册时间2006-08-31
发表于 2006-11-20 16:31 回复主题 | 返回版面列表

引用
原帖由 七度零下 于 2006-11-20 16:04 发表
是不是还要先学PS啊?
晕啊晕



不是非要先学PS. PS只是辅助功能。 如果网上找的图片太大(按我经验,大概宽度在800比较合适),就用PS把图片改一下大小,PS还可以把字直接做在图上(当然,用html代码也可以),有时候,我用ps把图片的色彩处理一下(比如,有的图片颜色太鲜艳,而我需要那个图片的是黑白的或者发黄的,就用ps处理)。

其实,做音画帖的最高水平是会做FLASH,然后把自己做的FLASH当作底图使用,再加上HTML运用后达到最好效果。只是FLASH制作太费时间了,而且要很熟悉制作软件。

[ 本帖最后由 秋水长空 于 2006-11-20 16:39 编辑 ]
琵琶语沁惊秋水,染古暮色踏长空。
角落深处/搬张椅子/坐在树下/静看人来人往。。。。。。
描述
快速回复

您目前还是游客,请 登录注册
批量上传需要先选择文件,再选择上传
 
[完成后可按 Ctrl+Enter 发布] 预览帖子恢复数据清空内容

 回复后跳转到最后一页