化龙巷首页 求职招聘 | 二手租房 | 二手信息 | 建材装饰 | 动漫频道 | 电影频道 | 图片频道 | 视频频道 |小说 | 汽车 | 婚嫁 | 消费 | 博客 | 圈子 | 论坛 | 常州信息港
发新话题
打印

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

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

[flash]http://bbs.hualongxiang.com/ad/laimengcheng_tn.swf[/flash]【HTML代码 音画教程】欢迎大家添加
我先开个头,一边工作一边利用少许空闲时间添加。欢迎大家添加,表灌水。 特别提醒:要使用代码,在编辑状态下,先把左边的 <禁用 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> [flash]http://bbs.tianshi163.com/UploadFile/2005-3/200538181042.swf[/flash]
TD>
三:图片倒影效果: (使用时必须去掉"HTML"旁边"自动修正"的钩.--化龙巷暂时还没“自动修正”开关)<;P align=center>

四、加入背景音乐代码: [img]http://bbs.hualongxiang.com/http://www.flamesky.org/raynal-onwer/asoka%20theme..wma.wma hidden=true type=audio/x-ms-wma LOOP="TRUE" AUTOSTART="TRUE"> [img]http://bbs.hualongxiang.com/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 编辑 ] 琵琶语沁惊秋水,染古暮色踏长空。
角落深处/搬张椅子/坐在树下/静看人来人往。。。。。。

TOP

颜色表
#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





EEEEEEFF00CCFF66FFFF00FF
DDDDDDFFCCCCFF66CCFF00CC
CCCCCCFFCC99FF6699FF0099
BBBBBBFFCC66FF6666FF0066
AAAAAAFFCC33FF6633FF0033
999999FFCC00FF6600FF0000
888888CCCCFFCC66FFCC00FF
777777CCCCCCCC66CCCC00CC
666666CCCC99CC6699CC0099
555555CCCC66CC6666CC0066
444444CCCC33CC6633CC0033
333333CCCC00CC6600CC0000
22222299CCFF9966FF9900FF
11111199CCCC9966CC9900CC
00000099CC99996699990099
FF000099CC66996666990066
EE000099CC33996633990033
DD000099CC00996600990000
CC000066CCFF6666FF6600FF
BB000066CCCC6666CC6600CC
AA000066CC99666699660099
99000066CC66666666660066
88000066CC33666633660033
77000066CC00666600660000
66000033CCFF3366FF3300FF
55000033CCCC3366CC3300CC
44000033CC99336699330099
33000033CC66336666330066
22000033CC33336633330033
11000033CC00336600330000
FFFFFF00CCFF0066FF0000FF
FFFFCC00CCCC0066CC0000CC
FFFF9900CC99006699000099
FFFF6600CC66006666000066
FFFF3300CC33006633000033
FFFF0000CC00006600000000
CCFFFFFF99FFFF33FF00FF00
CCFFCCFF99CCFF33CC00EE00
CCFF99FF9999FF339900DD00
CCFF66FF9966FF336600CC00
CCFF33FF9933FF333300BB00
CCFF00FF9900FF330000AA00
99FFFFCC99FFCC33FF990099
99FFCCCC99CCCC33CC008800
99FF99CC9999CC3399007700
99FF66CC9966CC3366006600
99FF33CC9933CC3333005500
99FF00CC9900CC3300004400
66FFFF9999FF9933FF003300
66FFCC9999CC9933CC002200
66FF99999999993399001100
66FF669999669933660000FF
66FF339999339933330000EE
66FF009999009933000000DD
33FFFF6699FF6633FF0000CC
33FFCC6699CC6633CC0000BB
33FF996699996633990000AA
33FF66669966663366000099
33FF33669933663333000088
33FF00669900663300000077
00FFFF3399FF3333FF000066
00FFCC3399CC3333CC000055
00FF99339999333399000044
00FF66339966333366000033
00FF33339933333333000022
00FF00339900333300000011
0099FF0033FF0099CC0033CC
009999003399009966003366
009933003333009900003300

TOP

移动的文字

移动的文字

其中:

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>

TOP

移动的文字和图片
化龙巷欢迎您


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的区域大小等等都是这样。

TOP

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



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

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


上面的效果的代码:
<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 编辑 ] 琵琶语沁惊秋水,染古暮色踏长空。

TOP

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

TOP

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


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


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

TOP

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

TOP

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

TOP

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


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



[flash]http://imgfree.21cn.com/free/flash/68.swf[/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状态下修改参数,或者就在所见所得状态下鼠标拉动修改。

TOP

上面的代码中又出现表情图标, 强烈要求去掉默认的自动修正!!! 再次复制公布楼上的代码: [flash]http://imgfree.21cn.com/free/flash/68.swf[/flash]
琵琶语沁惊秋水,染古暮色踏长空。

TOP

一些特效播放器代码: 一些效果和变化参见第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>

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

最后提醒:
特效播放器代码很多的,需要有心纪录或者网上搜索留意。 代码中的参数都可调整,自己可以试验看看效果。

TOP

发现了不想出现在代码下那样自动出现表情图标的避开办法: 编辑界面左边的选项全部打勾,即:启用html,禁用的那几个也要打勾! 琵琶语沁惊秋水,染古暮色踏长空。

TOP

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

TOP

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

TOP

瓦,要仔细学习的 任寒风吹乱狂舞的思念 ,在寂寞孤独的冬天 ,轻轻拔动如丝琴弦 ,一怒而笑皆在眉间   

TOP

初次看果然如炼版主所说,当场晕毕, 不过偶会收藏慢慢学 宠辱不惊,闲看庭前花开花落;去留无意,漫随天外云卷云舒.

TOP

:o 看来要学一阵了

TOP

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文件里面的文本框 那样拉伸

TOP

向LZ好好学习

TOP

完善第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的表格,根据自己的图片素材,装饰美化自己的播放器。只要你有足够的创意,调整代码,就可以得到各式各样的播放器。这里先直观介绍几款。
首先我们可以为黑色播放器加上一个边缘
(中间绿底的部分为原黑色播放器代码)

[wmv]http://cherry.jazzsky.com/LIU/all_about_you.wma[/wmv]


<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>

TOP

是不是还要先学PS啊?晕啊晕 I love three things:
the sun,
the moon,
and you.
the sun for the day,
the moon for the night,

TOP

悟哥你图片里的效果能做出来吗? I love three things:
the sun,
the moon,
and you.
the sun for the day,
the moon for the night,

TOP

引用:
原帖由 七度零下 于 2006-11-20 16:04 发表是不是还要先学PS啊?晕啊晕
不是非要先学PS. PS只是辅助功能。 如果网上找的图片太大(按我经验,大概宽度在800比较合适),就用PS把图片改一下大小,PS还可以把字直接做在图上(当然,用html代码也可以),有时候,我用ps把图片的色彩处理一下(比如,有的图片颜色太鲜艳,而我需要那个图片的是黑白的或者发黄的,就用ps处理)。 其实,做音画帖的最高水平是会做FLASH,然后把自己做的FLASH当作底图使用,再加上HTML运用后达到最好效果。只是FLASH制作太费时间了,而且要很熟悉制作软件。

TOP

发新话题