发新话题
打印

[html教程] HTML帖子教程

本主题由 nihello 于 2008-8-29 19:21 加入精华
发些图片边框,让大家直接贴图——转自gangqiang









发些图片边框,让大家直接贴图——转自gangqiang







代码如下:
</B><BR>
<TABLE height=400 cellSpacing=2 cellPadding=30 width="90%" align=center bgColor=blue background=http://www.xzcnc.com/bbs/UploadFile/2004251030779655.gif border=2>
<TBODY>
<TR>
<TD align=middle background=http://fillmore.19net.net/UploadFile/2003122823472676777.gif><FONT color=yellow size=5 align="center"> <BR><BR><BR><BR></FONT></TD></TR></TBODY></TABLE></DIV>
<P></P>
海纳百川  有容乃大

TOP

音乐影视居


代码:
<P align=center><FONT style="FONT-SIZE: 50pt; FILTER: wave(add=0,lightstrength=10,strength=4,freq=4,phrase=10); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 100%; FONT-FAMILY: 隶书"><B>音乐影视居</B></FONT></P>
海纳百川  有容乃大

TOP

做贴代码

边框:
1.两层
<P ALIGN=CENTER>
<TABLE cellSpacing=10 cellPadding=8 width=480 bgColor=#000000 border=1>
<TBODY><TR><TD><TABLE cellSpacing=2 cellPadding=2 width=480 bgColor=#000000 border=0>
<TBODY><TR><TD>加入内容</td></tr></tbody></table></td></tr></tbody></table>
2.八层
<TABLE cellSpacing=0 cellPadding=4 width="95%" align=center background=http://www.enchantingdesignz.com/linkware/parker/p2strip.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE height=315 cellSpacing=0 cellPadding=15 width="100%" background=http://www.enchantingdesignz.com/linkware/parker/p2background.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE height=355 cellSpacing=0 cellPadding=2 width="100%" background=http://www.enchantingdesignz.com/linkware/parker/p2strip.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE height=387 cellSpacing=0 cellPadding=2 width="100%" background=http://www.enchantingdesignz.com/linkware/parker/p2background.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE height=365 cellSpacing=0 cellPadding=2 width="100%" background=http://www.enchantingdesignz.com/linkware/parker/p2strip.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 cellPadding=15 width="100%" background=http://www.enchantingdesignz.com/linkware/parker/p2background.jpg border=0>
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE height=362 cellSpacing=0 cellPadding=2 width="100%" background=http://www.enchantingdesignz.com/linkware/parker/p2strip.jpg border=0>
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE height=361 cellSpacing=0 cellPadding=4 width="100%" background=http://www.enchantingdesignz.com/linkware/parker/p2background.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE height=204 cellSpacing=0 cellPadding=4 width="100%" border=0>
<TBODY>
<TR>
<TD>
加入内容
</TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

3.三层
<CENTER><TABLE cellSpacing=10 cellPadding=2 width=450 bgColor=#000000 border=1><TR><TD><TABLE cellSpacing=8 cellPadding=10 width=450 bgColor=#000000 border=1><TR><TD><CENTER><TABLE cellSpacing=8 cellPadding=10 width=450 background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0153.gif border=0><TR><TD>加入内容</TD></TR></TABLE></CENTER></TD></TR></TABLE></TD></TR></TABLE>
4.一层
<TABLE cellSpacing=1 cellPadding=0 width="100%" align=center background=http://pugongyingw.51.net/image/bj/10.jpg border=5>
<TBODY>
<TR>
<TD>加入内容</TD></TR></TBODY></TABLE>
5.两层
<CENTER>
<TABLE borderColor=#0000ff cellSpacing=0 borderColorDark=#ffffff cellPadding=0 width=480 border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=5 cellPadding=5 width=430 align=center background=http://znrs.2000y.net/UploadFile/2004-6/200467181958882.jpg border=0>
<TBODY>
<TR>
<TD>
加入内容
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</CENTER>
海纳百川  有容乃大

TOP

做漂亮音乐贴:
加入图片代码:

一、单纯的一张图片
<P align=center><IMG src=http://forum.xicn.net/uploadFile/2004/05/29/AqSegBJrrq214800bingchuan4.jpg></P>
二、加框有一层FLASH的图片
<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的图片
<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上下排列的图片:
<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>
五、下上移动的图片们:
<center><MARQUEE scrollAmount=3 scrollDelay=150 direction=up width=450 height=500 borderColor="#000000" border="1">
<P align=center><IMG src="http://forum.xicn.net/uploadFile/2004/05/29/43akqeHuYd214718bingchuan4.jpg"></P>
<P align=center><IMG src="http://forum.xicn.net/uploadFile/2004/05/29/DLSKfBs53V215623bingchuan4.jpg"></P>
<P align=center><IMG src="http://forum.xicn.net/uploadFile/2004/05/29/ZEd88baGsn215638bingchuan4.jpg"></P>
</MARQUEE></center>
六、左右移动的图片们:(要有个背景哟)
<CENTER>
<MARQUEE scrollAmount=1 direction=right behavior=alternate width="100%">
<CENTER>
<TABLE cellSpacing=0 width=400 background=http://pugongyingw.51.net/image/xiantiao/d/14.gif border=0 cellpading="0">
<TBODY>
<TR>
<TD>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/bihe.jpg___2004511215822101.jpg"></P>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/by.jpg___2004511215822766.jpg"></P>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/htys.jpg___2004511215822890.jpg"></P>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/hyxq.jpg___2004511215822564.jpg"></P>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/lty.jpg___2004511215822316.jpg"></P>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/zyh.jpg___2004511215916227.jpg"></P>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/yannian.jpg___200451121591787.jpg"></P>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/xbh.jpg___2004511215917981.jpg"></P>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/mdqg.jpg___20045112203661.jpg"></P>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/mlsx.jpg___20045112203201.jpg"></P></TD></TR></TBODY></TABLE></CENTER></MARQUEE></CENTER>
七:图片雾化效果:
(使用时必须去掉"HTML"旁边"自动修正"的钩.)
<CENTER><TABLE cellSpacing=0 cellPadding=0 width=400 background=http://www.cn898.net/bbs/UploadFile/20044244514090780.jpg border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=2)" width=400 background=http://61.133.87.122/bbs/attachments/month_0405/5_IHwvJkvgflPp.jpg height=300><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.nygyfs.com/tmswf/37.swf width=400 height=300 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED></TD></TR></TBODY></TABLE></CENTER>
八:图片倒影效果:
(使用时必须去掉"HTML"旁边"自动修正"的钩.)
<P align=center><FONT style="FONT-SIZE: 27pt; WIDTH: 220px; COLOR: #00ff00; HEIGHT: 10px"><IMG src="http://www.smba-china.com/upload/upfile/2004430154320.gif"><FONT id=ew style="FONT-SIZE: 27pt; FILTER: wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv(); WIDTH: 220px; COLOR: #3333ff; HEIGHT: 10px"><IMG src="http://www.smba-china.com/upload/upfile/2004430154320.gif"></P></FONT></FONT><BR><BR>
九:图片向左右相反的方向移动的效果:
<MARQUEE width=200 height=50><IMG src="http://www.mtxsnow.net/UploadFile/2004361972445799.gif"><IMG src="http://www.snsn.net/user/zn/UploadFile/2004-6/2004615135733903.gif"><IMG src="http://www.mtxsnow.net/UploadFile/2004361972445799.gif"></MARQUEE>
<MARQUEE direction=right width=200 height=50><IMG src="http://851.vicp.net/bbs/UploadFile/2004-4/20044895834296.gif"><IMG src="http://www.snsn.net/user/zn/UploadFile/2004-6/200461612563116.gif"><IMG src="http://851.vicp.net/bbs/UploadFile/2004-4/20044895834296.gif"></MARQUEE><BR><BR>
加入背景音乐代码:

<EMBED src=http://www.flamesky.org/raynal-onwer/asoka%20theme..wma.wma hidden=true type=audio/x-ms-wma LOOP="TRUE" AUTOSTART="TRUE"></EMBED>
所用元素:<EMBED></EMBED>
参数:
src:音乐文件的URL;
hidden:=true为不可见,=false反之;
type:指定音频类型;
LOOP:是否循环播放,注意其值置于小角双引号中;
AUTOSTART:是否自动播放,其值同上。
海纳百川  有容乃大

TOP


背景代码:
<p>
<table bordercolor="#cc33cc" cellspacing="2" cellpadding="3" width="466" bgcolor="#55aaaa" border="8">
    <tbody>
        <tr>
            <td>
            <p align="center"><img style="CURSOR: pointer" alt="" src="http://llwd.myrice.com/pic/bk/Fr6055.jpg"/></p>
            </td>
        </tr>
    </tbody>
</table>
</p>
海纳百川  有容乃大

TOP

代码:

 

2005

 


复制内容到剪贴板
代码:
代码: <p> <table cellspacing="7" cellpadding="0" width="299" background="http://www.616bbs.com/picture/ph/2004lz010/007.files/fileteazulbrilho.jpg" border="1"> <tbody> <tr> <td width="275"> <div align="center"> <table cellspacing="10" cellpadding="0" width="352" background="http://www.616bbs.com/picture/ph/2004lz010/007.files/amigocleidefilete.jpg" border="1"> <tbody> <tr> <td width="338"> <div align="center"> <table cellspacing="7" cellpadding="0" width="386" background="http://www.616bbs.com/picture/ph/2004lz010/007.files/fileteazulbrilho.jpg" border="1"> <tbody> <tr> <td width="362"> <div align="center"> <table cellspacing="25" cellpadding="0" width="414" background="http://www.616bbs.com/picture/ph/2004lz010/007.files/amigocleidefilete1.jpg" border="1"> <tbody> <tr> <td width="371"> <div align="center"> <table cellspacing="5" cellpadding="0" width="430" background="http://www.616bbs.com/picture/ph/2004lz010/007.files/amigocleidefilete.jpg" border="1"> <tbody> <tr> <td width="396" bgcolor="#000000"> <div align="center"> <table cellspacing="0" cellpadding="0" width="415" background="" border="0"> <tbody> <tr> <td width="415" background="http://www.616bbs.com/picture/ph/2004lz010/007.files/amigocleidefundo2004.jpg"> <p align="center">&nbsp;</p> <p align="center"><img style="CURSOR: pointer" alt="" src="http://www.616bbs.com/picture/ph/2004lz010/007.files/amigocleidebarra2004.jpg" border="0"/></p> <p align="center"><font style="FONT-SIZE: 40pt; FILTER: shadow(color=#FFE000); WIDTH: 100%; COLOR: #ffffff; LINE-HEIGHT: 100%; FONT-FAMILY: 华文彩云; HEIGHT: 66px" size="6">2005</font></p> <font color="#ccfff5" size="5"></font><b><font face="Verdana" color="#ece4b9" size="1"></font></b><img style="CURSOR: pointer" alt="" src="http://www.616bbs.com/picture/ph/2004lz010/007.files/amigocleidemoldurinha1.jpg" border="0"/><img style="CURSOR: pointer" alt="" src="http://www.616bbs.com/picture/ph/2004lz010/007.files/amigocleidebarra2004.jpg" border="0"/></td> </tr> </tbody> </table> </div> </td> </tr> </tbody> </table> </div> </td> </tr> </tbody> </table> </div> </td> </tr> </tbody> </table> </div> </td> </tr> </tbody> </table> </div> </td> </tr> </tbody> </table> </p> <div>&nbsp;</div> <p><br/> </p>
海纳百川  有容乃大

TOP

部分动态效果特效:

大雪花特效

<EMBED style="LEFT: 50px; WIDTH: 700px; POSITION: absolute; TOP: 80px; HEIGHT: 1200px" align=center src=http://lain1978.com/collection/flash/005.swf width=650 height=1200 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED>

大柳树叶子特效

<EMBED style="LEFT: 50px; WIDTH: 1150px; POSITION: absolute; TOP: 10px; HEIGHT: 1000px" align=right src=http://hlm.nease.net/swf/red/liu.swf width=500 height=1500 type=application/octet-stream ;; quality="high" wmode="transparent"></EMBED>

小风那个吹哟!

<EMBED style="LEFT: 4px; WIDTH: 1000px; POSITION: absolute; TOP: 6527px; HEIGHT: 600px" align=right src=http://hlm.nease.net/swf/red/cloud.swf width=906 height=452 type=application/octet-stream wmode="transparent" quality="high" ;;><EMBED style="LEFT: -4px; WIDTH: 1000px; POSITION: absolute; TOP: 5554px; HEIGHT: 600px" align=right src=http://hlm.nease.net/swf/red/cloud.swf width=967 height=452 type=application/octet-stream wmode="transparent" quality="high" ;;><EMBED style="LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 450px; HEIGHT: 600px" align=right src=http://hlm.nease.net/swf/red/cloud.swf width=909 height=452 type=application/octet-stream wmode="transparent" quality="high" ;;><EMBED style="LEFT: -289px; WIDTH: 1000px; POSITION: absolute; TOP: 4960px; HEIGHT: 600px" align=right src=http://hlm.nease.net/swf/red/cloud.swf width=1203 height=452 type=application/octet-stream wmode="transparent" quality="high" ;;>

红心

<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.pconline.com.cn/pcedu/carton/mtv/10306/flash/030612liangzhu.swf width=0 height=0 type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED> <EMBED style="LEFT: 50px; WIDTH: 650px; POSITION: absolute; TOP: 100px; HEIGHT: 1200px" align=right src=http://my.e-yu.cn/cxq/sc/003heart.swf width=500 height=1000 type=application/octet-stream ;; quality="high" wmode="transparent"></EMBED>

红心向上飞舞加礼花

</EMBED> <EMBED style="LEFT: 50px; WIDTH: 850px; POSITION: absolute; TOP: 100px; HEIGHT: 3000px" align=right src=http://bbs.flasher123.com/UploadFile/2004-5/20045912435828355.swf width=500 height=3000 type=application/octet-stream ;; quality="high" wmode="transparent"></EMBED> <EMBED style="LEFT: 50px; WIDTH: 850px; POSITION: absolute; TOP: 600px; HEIGHT: 3000px" align=right src=http://bbs.flasher123.com/UploadFile/2004-5/20045912435828355.swf width=500 height=3000 type=application/octet-stream ;; quality="high" wmode="transparent"></EMBED> <EMBED style="LEFT: 50px; WIDTH: 350px; POSITION: absolute; TOP: 1100px; HEIGHT: 1000px" align=left src=http://bbs.flasher123.com/UploadFile/2004-9/200492417253374840.swf width=300 height=0000 type=application/octet-stream ;; quality="high" wmode="transparent"></EMBED> <EMBED style="LEFT: 400px; WIDTH: 300px; POSITION: absolute; TOP: 1600px; HEIGHT: 1000px" align=left src=http://bbs.flasher123.com/UploadFile/2004-5/20045912435828355.swf width=500 height=1000 type=application/octet-stream ;; quality="high" wmode="transparent"></EMBED> <EMBED style="LEFT: 300px; WIDTH: 500px; POSITION: absolute; TOP: 2100px; HEIGHT: 1000px" align=left src=http://flash.qzone.net.cn/qzone/qq1.swf?im=61.swf width=200 height=0000 type=application/octet-stream ;; quality="high" wmode="transparent"></EMBED> <BR><EMBED style="LEFT: 50px; WIDTH: 850px; POSITION: absolute; TOP: 2600px; HEIGHT: 3000px" align=right src=http://bbs.flasher123.com/UploadFile/2004-5/20045912435828355.swf width=500 height=3000 type=application/octet-stream ;; quality="high" wmode="transparent"></EMBED> <EMBED style="LEFT: 300px; WIDTH: 500px; POSITION: absolute; TOP: 3100px; HEIGHT: 1000px" align=left src=http://flash.qzone.net.cn/qzone/qq1.swf?im=61.swf width=200 height=0000 type=application/octet-stream ;; quality="high" wmode="transparent"></EMBED> <BR><EMBED style="LEFT: 400px; WIDTH: 300px; POSITION: absolute; TOP: 3600px; HEIGHT: 1000px" align=left src=http://bbs.flasher123.com/UploadFile/2004-5/20045912435828355.swf width=500 height=1000 type=application/octet-stream ;; quality="high" wmode="transparent"></EMBED> <EMBED style="LEFT: 300px; WIDTH: 500px; POSITION: absolute; TOP: 4100px; HEIGHT: 1000px" align=left src=http://flash.qzone.net.cn/qzone/qq1.swf?im=61.swf width=200 height=0000 type=application/octet-stream ;; quality="high" wmode="transparent"></EMBED> </CENTER><EMBED style="LEFT: 300px; WIDTH: 500px; POSITION: absolute; TOP: 4600px; HEIGHT: 1000px" align=left src=http://flash.qzone.net.cn/qzone/qq1.swf?im=61.swf width=200 height=0000 type=application/octet-stream ;; quality="high" wmode="transparent"></EMBED> <BR><EMBED style="LEFT: 400px; WIDTH: 300px; POSITION: absolute; TOP: 5100px; HEIGHT: 1000px" align=left src=http://bbs.flasher123.com/UploadFile/2004-5/20045912435828355.swf width=500 height=1000 type=application/octet-stream ;; quality="high" wmode="transparent"></EMBED> <EMBED style="LEFT: 300px; WIDTH: 500px; POSITION: absolute; TOP: 5600px; HEIGHT: 1000px" align=left src=http://flash.qzone.net.cn/qzone/qq1.swf?im=61.swf width=200 height=0000 type=application/octet-stream ;; quality="high" wmode="transparent"></EMBED> <BR><BR>
<CENTER></CENTER><BR></DIV>
海纳百川  有容乃大

TOP

以后再慢慢看............
本帖最近评分记录
  • 评分者:nihello 赠送:经验+1 评语:网页区 日期:2008-9-10 09:29
  • 评分者:nihello 赠送:威望+1 评语:网页区 日期:2008-9-10 09:29
  • 评分者:nihello 赠送:魅力+1 评语:网页区 日期:2008-9-10 09:29
  • 评分者:nihello 赠送:◎心币◎+1 评语:网页区 日期:2008-9-10 09:29

TOP

高手速度来哈哈
海纳百川  有容乃大

TOP

这帖子是给我们这些新手的最好帮助、THANK YOU``
(尴·尬) 都 成了 ,﹂种 习 惯

(发·呆) 都 成了 ,﹂种 习 性

TOP

发新话题