您好!欢迎您光临精美音乐帖制作教程_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>网络课堂>>>HTML讲座>>>精美音乐帖制作教程
精美音乐帖制作教程
发表日期:2007/8/2 0:14:00 出处:网络 作者:未知 发布人:hsb345 已被访问 1869

[实用教程] 精美音乐帖制作教程

[教程]会移动的播放器

请在HTML编辑框输入

代码如下:

<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://www.sy53.com/mp3/dua.mp3 width=200 height=20 type=audio/mpeg showstatusbar="1" volume="0" loop="-1" autostart="1"></TD></TR></TBODY></TABLE></MARQUEE><BR>

[实用教程]全屏帖代码

关于发全屏贴的代码:

方法一:
<TABLE style="LEFT: -220px; WIDTH: 1000px; POSITION: relative; TOP: 250px" cellSpacing=0

 cellPadding=10 width="100%"><TR><TD align=center>
帖子内容
</td></tr></table>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
或:
<DIV style="LEFT: -220px; WIDTH: 1000px; POSITION: relative; TOP: 250px">
帖子内容
</DIV>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

方法二:
<TABLE style="LEFT: -220px; WIDTH: 1000px; POSITION: relative; TOP: 250px" cellSpacing=0

 cellPadding=10 width="100%"><TBODY><TR><TD width="100%"><DIV align=center><IFRAME marginWidth=0 marginHeight=0 src=空间贴地址 frameBorder=0 width=1000 scrolling=no height=580></IFRAME></div></td></tr></table><br><br><br><br><br><br><br><br><br><br><br><br><br>

<br><br><br>

方法三:
<DIV style="LEFT: -220px; WIDTH: 1000px; POSITION: relative; TOP: 250px"><IFRAME marginWidth=0 marginHeight=0 src=空间贴地址 frameBorder=0 width=1000 scrolling=no height=580></IFRAME></DIV><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

切记:在代码结尾处请加几个换行代码<br>,以免高度不够而覆盖了编辑键。

另外:非空间贴发贴时在 URL识别和禁用 Smilies选框前打勾以免系统自动识别而导致帖子不能正常显示。

[实用教程](图片+FLASH)代码

加入图片代码:

一、单纯的一张图片
代码:  [Copy to clipboard]
--------------------------------------------------------------------------------

<P align=center><IMG src=http://forum.xicn.net/uploadFile/2004/05/29/AqSegBJrrq214800bingchuan4.jpg></P>
二、加框有一层FLASH的图片
代码:  [Copy to clipboard]
--------------------------------------------------------------------------------

<TABLE height=300 cellSpacing=0 cellPadding=0 width=400 background=http://www.xiangfan.org/htdocs/dvbbs/UploadFile/2004-6/200462095958665.jpg border=1 bortercolor="#000000">
<TBODY>
<TR>
<TD>
<P align=center><EMBED src=http://www.cn898.net/bg/6.swf width=400 height=300 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"></P></TD></TR></TBODY></TABLE>
三、加框用两层FLASH的图片
代码:  [Copy to clipboard]
--------------------------------------------------------------------------------

<P align=center>
<TABLE height=300 cellSpacing=0 cellPadding=0 width=400 background=http://www.xiangfan.org/htdocs/dvbbs/UploadFile/2004-6/200462010554370.jpg border=1 bortercolor="#000000">
<TBODY>
<TR>
<TD>
<P align=center><EMBED align=right src=http://www.cn898.net/bg/400.swf width=400 height=280 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"> <BR><BR><EMBED align=right src=http://www.cn898.net/bg/fh/3/1.swf width=380 height=285 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"> <BR></P></TD></TR></TBODY></TABLE>
四、两个FLASH上下排列的图片:
代码:  [Copy to clipboard]
--------------------------------------------------------------------------------

<TABLE cellSpacing=0 cellPadding=0 width=400 height=300 background=http://www.xiangfan.org/htdocs/dvbbs/UploadFile/2004-6/200462095452492.jpg border=1 bortercolor="#000000">
<TBODY>
<TR>
<TD>
<P align=center><EMBED src=http://www.cn898.net/bg/fh/3/1.swf width=400 height=150 type=application/x-shockwave-flash tybe="application/x-shockwave-flash" quality="high" menu="false" wmode="transparent"> <BR><BR><EMBED src=http://www.cn898.net/bg/9.swf width=400 height=150 type=application/x-shockwave-flash tybe="application/x-shockwave-flash" quality="high" menu="false" wmode="transparent"></P></TD></TR></TBODY></TABLE>

[实用教程]HTML下编辑模板(一)

<TABLE style="BORDER-TOP-STYLE: dashed; BORDER-RIGHT-STYLE: dashed; BORDER-LEFT-STYLE: dashed; BORDER-BOTTOM-STYLE: dashed" borderColor=#333333 cellSpacing=0 cellPadding=0 width=500 align=center border=1>
<TBODY>
<TR>
<TD>
<TABLE borderColor=lightgrey height=668 cellSpacing=5 cellPadding=0 width=500 align=center bgColor=gray border=4>
<TBODY>
<TR>
<TD>
<TABLE height=668 cellSpacing=0 cellPadding=0 width=500 align=center background=http://www.chinadforce.com/customavatars/210756.jpg border=0 table>
<TBODY>
<TR>
<TD><EMBED align=right src=http://youngcolor.com.ne.kr/swf1/36.swf width=500 height=668 type=application/octet-stream wmode="transparent" quality="high" ;;><BR><BR><BR><BR>
<MARQUEE scrollAmount=1 direction=up behavior=alternate width=300 height=300>
<MARQUEE scrollAmount=1 direction=up height=200><FONT face=楷体_GB2312 color=gray size=3><B>落叶随风将要去何方<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>我会找个天使替我去爱你</B></FONT></MARQUEE><EMBED style="FILTER: gray()" src=http://juzi.aqtv.cn/pic/msn07.wma width=150 height=25 type=audio/x-ms-wma showstatusbar="1" volume="0" loop="-1"></MARQUEE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><A href="http://juzi.aqtv.cn/pic/msn07.wma" target=_blank><BR><BR></A><BR><BR><BR>

注:

在HTML状态下,“自动修正”前的对勾去掉!其中红色部分自己做帖时调整

高height=668  宽width=500  

background=http://www.chinadforce.com/customavatars/210756.jpg

src=http://youngcolor.com.ne.kr/swf1/36.swf

src=http://juzi.aqtv.cn/pic/msn07.wma width=150 height=25

[实用教程]在HTML下编辑模板(二)

<P><BR>
<TABLE style="LEFT: -205px; WIDTH: 980px; POSITION: relative; TOP: 0px">
<TBODY>
<TR>
<TD>
<TABLE borderColor=#392d1d height=720 cellSpacing=0 cellPadding=25 width=980 align=center bgColor=#0 border=0>
<TBODY>
<TR>
<TD background=http://bbs.e-yu.cn/attachments/month_0701/xLPIyw==_FGTzEcQBPN7P.jpg>
<P align=left><EMBED style="LEFT: 0px; WIDTH: 980px; POSITION: absolute; TOP: 0px; HEIGHT: 720px" src=http://luguo.16789.net/s-helpSite/domName/luguo/20061311830561066.swf type=application/octet-stream ;; quality="high" wmode="transparent"></P><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<DIV align=right>
<TABLE style="FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=10, FinishX=0, FinishY=0)gray(); WIDTH: 40px; HEIGHT: 30px">
<TBODY>
<TR>
<TD><EMBED style="FILTER: xray()" src=http://61.180.11.134/20060312/0612music/158/10.Wma width=40 height=28 type=audio/mpeg loop="-1" autostart="true" volume="0"></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR></P>

说明:

在HTML状态下,“自动修正”前的对勾去掉!其中红色部分自己做帖时调整

高height=668  宽width=500  

background=http://www.chinadforce.com/customavatars/210756.jpg

src=http://youngcolor.com.ne.kr/swf1/36.swf

更多.swf 更换地址:

http://sc.bobo4.com/flash-home/001/gril001.swf 捧花的小女孩
http://sc.bobo4.com/flash-home/001/heart001.swf 白色的心
http://sc.bobo4.com/flash-home/001/heart002.swf 透明的心
http://sc.bobo4.com/flash-home/001/000_7.swf 齿轮
http://sc.bobo4.com/flash-home/001/002qingting.swf 飞翔的蜻蜓
http://sc.bobo4.com/flash-home/001/000_3.swf 星空
http://sc.bobo4.com/flash-home/001/001heart_star.swf漫天心光
http://sc.bobo4.com/flash-home/001/003daocaoren.swf稻草人
http://sc.bobo4.com/flash-home/001/qingrenjie001.swf情人节巧克力之一
http://sc.bobo4.com/flash-home/001/qingrenjie002.swf情人节巧克力之二
http://sc.bobo4.com/flash-home/001/qingrenjie003.swf情人节巧克力之三
http://sc.bobo4.com/flash-home/001/000_5.swf 爱心树
http://sc.bobo4.com/flash-home/001/qingrenjie004.swf情人节气球之一
http://sc.bobo4.com/flash-home/001/qingrenjie005.swf情人节气球之二
http://sc.bobo4.com/flash-home/001/016hunli.swf 韩国婚礼
http://sc.bobo4.com/flash-home/001/hua003.swf 黄色小野花
http://sc.bobo4.com/flash-home/001/006fengche.swf 风车
http://sc.bobo4.com/flash-home/001/004pingzi.swf 装满心的玻璃瓶
http://sc.bobo4.com/flash-home/001/005chuan.swf 大海中的船
http://sc.bobo4.com/flash-home/001/015applecandy.swf applecandy gril
http://sc.bobo4.com/flash-home/001/heart008.swf 心之蒲公英
http://sc.bobo4.com/flash-home/001/hua001.swf 散落的花瓣一
http://sc.bobo4.com/flash-home/001/hua002.swf 散落的花瓣二
http://sc.bobo4.com/flash-home/001/014beidou.swf 遥望北斗
http://sc.bobo4.com/flash-home/001/gril003.swf 魔法小巫女
http://sc.bobo4.com/flash-home/001/gril004.swf 拉小提琴的小女孩
http://sc.bobo4.com/flash-home/001/gril005.swf 坐在月亮上的女孩
http://sc.bobo4.com/flash-home/001/013shuye.swf 摇动的树枝
http://sc.bobo4.com/flash-home/001/boy001.swf 吹笛子的男孩
http://sc.bobo4.com/flash-home/001/heart004.swf 长翅膀的心
http://sc.bobo4.com/flash-home/001/008yu.swf 闪光的雨
http://sc.bobo4.com/flash-home/001/012shuizhu.swf 水珠
http://sc.bobo4.com/flash-home/001/007boy.swf 弹琴的男孩
http://sc.bobo4.com/flash-home/001/007gril.swf 吹心的女孩
http://sc.bobo4.com/flash-home/001/009mifeng.swf 小蜜蜂
http://sc.bobo4.com/flash-home/001/011shuizhu.swf 向上冒的气泡
http://sc.bobo4.com/flash-home/001/010fengshu.swf 秋天的落叶
http://sc.bobo4.com/flash-home/001/gril002.swf 天使
http://sc.bobo4.com/flash-home/001/heart005.swf 心围成的边框
http://sc.bobo4.com/flash-home/001/000_1.swf 深海的水泡
http://sc.bobo4.com/flash-home/001/heart006.swf 粉红色漂浮的心
http://sc.bobo4.com/flash-home/001/heart007.swf 心型文字框
http://sc.bobo4.com/flash-home/001/000_4.swf 透明窗帘
http://sc.bobo4.com/flash-home/001/000_2.swf 分飞的心
http://sc.bobo4.com/flash-home/001/015applecandy_2.swf 情人节蛋糕
http://sc.bobo4.com/flash-home/001/015applecandy_1.swf 情人节快乐
http://sc.bobo4.com/flash-home/001/000_6.swf 吊挂的水晶球
http://sc.bobo4.com/flash-home/001/000_8.swf 两颗心
http://sc.bobo4.com/flash-home/001/015applecandy_1.swf 情人节女孩
http://sc.bobo4.com/flash-home/001/heart003.swf 一颗贴着OK绷的心

src=http://juzi.aqtv.cn/pic/msn07.wma width=150 height=25

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:

没有相关评论

 发表评论:

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

迎客松B站 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话: 联系人:翠柏

琼icp备09005167