帖子常用discuz,html代码（希望朋友们能跟贴交流，分享）
<div id="message118904" class="t_msgfont"><table cellspacing="0" width="98%" align="center" class="t_table" style="background: pink"><tr><td><table cellspacing="0" width="90%" align="center" class="t_table" style="background: lightpink"><tr><td><font color="yellow"><b><font face="楷体_GB2312"><font size="5">今天主要介绍一下discuz代码,新来的朋友可以看看,表格,特效没有html,一样可以做到,哈哈,当然是简单的了</font></font></b></font><br /><b><font face="楷体_GB2312"><font size="5"><font color="#9acd32">以下做个介绍,有需要的朋友来看看,有好的东西,来补充</font></font></font></b><br />
</td></tr></table></td></tr></table> <br><br>
[font=黑体][b][size=4][color=Blue]一.基本代码[/color][/size][/b][/font]<br><br>
[img]http://i232.photobucket.com/albums/ee295/yami211120/33.jpg[/img]<br><br>
[b][size=4][font=黑体][color=Blue]二.进阶篇[/color][/font][/size][/b]<br><br>
[b][color=Red][font=仿宋_GB2312]1.插入表格,为帖子加入背景色[/font][/color][/b]<br><br>
[table=100%,颜色代码][tr][td]内容[/td][/tr][/table] <br><br>
[b][font=仿宋_GB2312][color=Red]2.背景色的颜色代码[/color][/font][/b]<br>
[img]http://www.tt365.net.cn/bbs/attachments/1e9d0b99974d38f4683978d982d52201_qppNPJBKp6xa.gif[/img]<br><br>
[b][font=仿宋_GB2312][color=Red]3.让下载地址不直接显示出来[/color][/font][/b]<br><br>
[img]http://i232.photobucket.com/albums/ee295/yami211120/55.jpg[/img]<br><br>
[color=Red][font=仿宋_GB2312][b]4.多层表格效果[/b][/font][/color]<br><br>
[table=100%,颜色代码][tr][td][table=90%,颜色代码][tr][td]内容[/td][/tr][/table][/td][/tr][/table] <br><br>
[color=Blue][font=仿宋_GB2312]注:table尺寸可以随意改变,本例为100%,就是标准大小,你也可以变
80%,60%,这个自己调整,当然也可以用px来定义表格大小,大家可以试一下![/font][/color]<br><br>
[size=4][font=黑体][b][color=Blue]三.素材图片[/color][/b][/font][/size]<br><br>
[color=Red][font=仿宋_GB2312][b]这个在我们论坛的精品素材里有不少,这里先帖一点,哈哈[/b][/font][/color]<br>
[img]http://i232.photobucket.com/albums/ee295/yami211120/wyei1154549440.gif[/img]
[img]http://i232.photobucket.com/albums/ee295/yami211120/101_77973_890ffdb3439b5cd.gif[/img]
[img]http://i232.photobucket.com/albums/ee295/yami211120/101_77973_a8b9391120e8d85.gif[/img]
[img]http://i232.photobucket.com/albums/ee295/yami211120/tjgs1185203467.gif[/img]
[img]http://i232.photobucket.com/albums/ee295/yami211120/uqrr1154548995.gif[/img]
[img]http://i232.photobucket.com/albums/ee295/yami211120/ydjw1154549353.gif[/img]
[img]http://i232.photobucket.com/albums/ee295/yami211120/bcol1152896951.gif[/img]
[img]http://i232.photobucket.com/albums/ee295/yami211120/xepe1154549440.gif[/img]
[img]http://i232.photobucket.com/albums/ee295/yami211120/0.gif[/img]
[img]http://i232.photobucket.com/albums/ee295/yami211120/4B26864484.gif[/img]
[img]http://i232.photobucket.com/albums/ee295/yami211120/49.gif[/img]
[img]http://i232.photobucket.com/albums/ee295/yami211120/U200702151171545053687.gif[/img]
[img]http://i232.photobucket.com/albums/ee295/yami211120/4B26864484.gif[/img]
[img]http://i232.photobucket.com/albums/ee295/yami211120/e231429b2c32abbfc9eaf47e.gif[/img]
[[i] 本帖最后由 hyyljl 于 2007-12-28 18:12 编辑 [/i]] 找字网网页颜色代码选择器
[url]http://www.zhaozi.cn/color.htm[/url]
[WMV=240,48,1]http://fs2.besgold.com/mp3/hyyljl/hyy2/1.mp3[/WMV]
[[i] 本帖最后由 hyyljl 于 2007-12-28 18:10 编辑 [/i]]
帖子常用html代码
[color=Red]【帖子全屏显示】[/color][code]<TABLE style="LEFT: -230px; WIDTH: 960px; POSITION: relative; TOP: 195px" cellSpacing=0 cellPadding=10 width="100%"><TBODY><TR><TD width="100%"><DIV align=center>帖子主体</div></td></tr></table><br><br><br><br><br><br><br><br><br><br><br><br>
[/code]
帖子左右距离调整LEFT后面的值；注意最下面一定要多加些换行代码：
否则帖子发出来,将看不到“编辑”按钮
[color=Red]【播放器】： [/color]
[code]<EMBED height=24 src=音乐链接 type=audio/mpeg width=200 AUTOSTART="TRUE" LOOP="TRUE"></EMBED>
[/code]
AUTOSTART="1" 1自动不放 0手动
LOOP="1" 1循环播放 0不循环
播放器宽、高自己设定
[color=Red]【图片边缘模糊】： [/color]
[code]<IMG src="图片连接" style="FILTER: Alpha(opacity=模糊宽度,style=3)" width=图片宽 height=图片高 ALGIN="MIDDLE">[/code]
“模糊宽度”比图片宽度窄才会有效果
[color=Red]【播放器边缘模糊】：[/color]
[code]<EMBED style="FILTER: Alpha(opacity=180,style=2)" src=音乐链接 width=120 height=30 type=audio/x-ms-wma autostart="1" loop="1">[/code]
[color=Red]【边框】：[/color]
1.一层
[code]<TABLE borderColor=#cccccc cellSpacing=20 cellPadding=3 width="100%" background=http://bbs.xxjy.net/UploadFile/2004-8/200483210897.jpg border=0>
<TBODY>
<TR>
<TD>添加内容</TD></TR></TBODY></TABLE> [/code]
2.两层
[code]<TABLE borderColor=#cccccc cellSpacing=20 cellPadding=3 width="100%" background=http://bbs.xxjy.net/UploadFile/2004-8/200483210897.jpg border=0><TBODY><TR><TD><TABLE borderColor=#cccccc cellSpacing=1 cellPadding=3 width="100%" background=http://bbs.xxjy.net/UploadFile/2004-8/2004832055338.jpg border=0><TBODY><TR><TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>[/code]
3.三层
[code]<TABLE borderColor=#cccccc cellSpacing=20 cellPadding=3 width="100%" background=http://bbs.xxjy.net/UploadFile/2004-8/200483210897.jpg border=0><TBODY><TR><TD><TABLE borderColor=#cccccc cellSpacing=1 cellPadding=3 width="100%" background=http://bbs.xxjy.net/UploadFile/2004-8/2004832055338.jpg border=0><TBODY><TR><TD><TABLE borderColor=#cccccc cellSpacing=20 cellPadding=3 width="100%" background=http://bbs.xxjy.net/UploadFile/2004-8/2004832050688.gif border=0><TBODY><TR><TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>[/code]
4.八层
[code]<TABLE borderColor=#cccccc cellSpacing=20 cellPadding=3 width="100%" background=http://bbs.xxjy.net/UploadFile/2004-8/200483210897.jpg border=0><TBODY><TR><TD><TABLE borderColor=#cccccc cellSpacing=1 cellPadding=3 width="100%" background=http://bbs.xxjy.net/UploadFile/2004-8/2004832055338.jpg border=0><TBODY><TR><TD><TABLE borderColor=#cccccc cellSpacing=20 cellPadding=3 width="100%" background=http://bbs.xxjy.net/UploadFile/2004-8/2004832050688.gif border=0><TBODY><TR><TD><TABLE borderColor=#cccccc cellSpacing=1 cellPadding=3 width="100%" background=http://bbs.xxjy.net/UploadFile/2004-8/2004832055338.jpg border=0><TBODY><TR><TD><TABLE borderColor=#cccccc cellSpacing=20 cellPadding=3 width="100%" background=http://bbs.xxjy.net/UploadFile/2004-8/200483210897.jpg border=0><TBODY><TR><TD><TABLE borderColor=#cccccc cellSpacing=1 cellPadding=3 width="100%" background=http://bbs.xxjy.net/UploadFile/2004-8/2004832055338.jpg border=0><TBODY><TR><TD><TABLE borderColor=#cccccc cellSpacing=1 cellPadding=3 width="100%" background=http://bbs.xxjy.net/UploadFile/2004-8/2004832055338.jpg border=0><TBODY><TR><TD><TABLE borderColor=#cccccc cellSpacing=1 cellPadding=0 width="100%" background=http://bbs.xxjy.net/UploadFile/2004-8/2004832043939.jpg border=0><TBODY><TR><TD><br><br><br></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>[/code]
[[i] 本帖最后由 hyyljl 于 2007-12-27 00:00 编辑 [/i]]
向上（左、右）移动的字,图片代码
<P align=right>可以定文字的位置：center、right、leftdirection=up 可以定文字的移动方向：up、right、left
width=500 height=200 表示文字在图面上的宽、高度，根据需要可调整定位。
[code]<MARQUEE scrollAmount=1 direction=up width=500 height=200><P align=right><FONT style="FONT-SIZE: 18pt; FILTER: shadow(color=#908480); WIDTH: 100%; COLOR: #e0ffff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷">我们来试试<BR>百事高音乐<BR></FONT></P></MARQUEE>[/code]
[color=Red]向上移动的图片[/color]
[code]<br />
<CENTER><br />
<MARQUEE scrollAmount=3 scrollDelay=150 direction=up width=524 height=400 borderColor="#000000" border="1"><br />
<P align=center><IMG src="http://www.fpcn.net/bigImg/SS085.jpg"></P><br />
<P align=center><IMG src="http://www.fpcn.net/bigImg/SS086.jpg"></P><br />
<P align=center><IMG src="http://www.fpcn.net/bigImg/SS043.jpg"></P></MARQUEE></CENTER>[/code]
[color=Red]左右相反方向移动的图片[/color]
[code]br />
<MARQUEE width=200 height=50><IMG src="http://www.fpcn.net/bigImg/SS085.jpg"><IMG src="http://www.fpcn.net/bigImg/SS043.jpg"><IMG src="http://www.fpcn.net/bigImg/SS085.jpg"></MARQUEE><MARQUEE direction=right width=200 height=50><IMG src="http://www.fpcn.net/bigImg/SS085.jpg"><IMG src="http://www.fpcn.net/bigImg/SS043.jpg"><IMG src="http://www.fpcn.net/bigImg/SS085.jpg"></MARQUEE>[/code]
[color=Red]图片边缘羽化再加一层FLASH效果[/color]
[code]<P align=center><TABLE border=0><TBODY><TR><TD style="FILTER: Alpha(opacity=100,style=2)" width=255 background=http://www.vicn.net/UploadFile/2004-7/20047301729519.gif height=300><P><B><EMBED align=right src=http://mouse520.51.net/flash/36.swf width=255 height=300 type=application/octet-stream ;; quality="high" wmode="transparent"></EMBED></B></P></TD></TR></TOBDY></TBODY></TABLE></P>[/code]
文字、图片移动的巧用
<marquee direction=up behavior=scroll width=500 height=90 scrolldelay=80 scrollamount=1><font color=#aa55aa size=6 face=隶书>音乐单曲欢迎你</font>
</marquee> <br>
[code]<marquee direction=up behavior=scroll width=500 height=90 scrolldelay=80 scrollamount=1>
<font color=#aa55aa size=6 face=隶书>真的好想你！</font>
</marquee>[/code]
[color=Red]说明：<br><br>
1.先看懂这个代码， [code]<marquee>...</marquee>[/code]这是文字(或图片)移动的开始标签<br>
和结束标签，加上要移动的文字就组成了一个文字移动元素。它的属性和属性值见下：<br><br>
属性 direction（移动方向)可选值为:向上(up) 向下(down) 向左(left)向右(right)<br>
属性 behavior（移动方式）可选:不停的走（scroll ）只走一次（slide）behavior=alternate 左右来回走<br>
width=宽度 height=高度 scrolldelay=延时 scrollamount=速度<br>
上面的属性可以随意组合就会产生各种效果。<br>
2.用了behavior=alternate 左右来回走，就不用写属性 direction（移动方向)<br>
3.宽度和高度界定文字活动的范围，一般在实际操作中调节。<br>
4.速度从1开始越大越快。延时一般设在80(延时数值大了,显示效果会跳跃式) <br>
请大家试试，所有的效果越试越清楚。[/color] <br><br>
效果一: <br><br>
<MARQUEE scrollAmount=1 direction=up behavior=alternate height=260><MARQUEE scrollAmount=1 direction=up height=150> <font color="#FF00FF">
风对你的独白<br>
清晨、当你还在熟睡的梦乡，<br>
我就拂过你的脸庞，<br>
是一种期盼、是一点灵犀、更是一份想往，<br>
你能够感觉到吗？<br>
我在你的发梢拂动，<br>
在你的肩际拉动你的丝被，<br>
穿透你那敞开的<br>
衣领，<br></font>
</MARQUEE></MARQUEE>
[code]<MARQUEE scrollAmount=1 direction=up behavior=alternate height=260><MARQUEE scrollAmount=1 direction=up height=150> <font color="#FF00FF">
风对你的独白<br>
清晨、当你还在熟睡的梦乡，<br>
我就拂过你的脸庞，<br>
是一种期盼、是一点灵犀、更是一份想往，<br>
你能够感觉到吗？<br>
我在你的发梢拂动，<br>
在你的肩际拉动你的丝被，<br>
穿透你那敞开的<br>
衣领，<br></font>
</MARQUEE></MARQUEE>[/code]<br><br>
效果二: <br><br>
<marquee scrollamount="2" direction="up" behavior="alternate" height="260"><br>
<marquee scrollamount="1" direction="up" height="150"><font face="隶书" color="#aa55aa" size="5"><br>
风对你的独白<br>
清晨、当你还在熟睡的梦乡，<br>
我就拂过你的脸庞，<br>
是一种期盼、是一点灵犀、更是一份想往，<br>
你能够感觉到吗？<br>
我在你的发梢拂动，<br>
在你的肩际拉动你的丝被，<br>
穿透你那敞开的<br>
衣领，<br></font></marquee></marquee>
[code]<marquee scrollamount="2" direction="up" behavior="alternate" height="260"><br>
<marquee scrollamount="1" direction="up" height="150"><font face="隶书" color="#aa55aa" size="5"><br>
风对你的独白<br>
清晨、当你还在熟睡的梦乡，<br>
我就拂过你的脸庞，<br>
是一种期盼、是一点灵犀、更是一份想往， <br>
你能够感觉到吗？<br>
我在你的发梢拂动，<br>
在你的肩际拉动你的丝被，<br>
穿透你那敞开的<br>
衣领，<br></font></marquee></marquee>[/code]<br>
效果三<br><br>
<marquee scrollamount="2" direction="up" behavior="alternate" bgcolor="#ff99ff" height="260"><br>
<marquee scrollamount="1" direction="up" bgcolor="#ff00ff" height="150"><font face="隶书" color="#ffffcc" size="5"><br>
风对你的独白<br>
清晨、当你还在熟睡的梦乡，<br>
我就拂过你的脸庞，<br>
是一种期盼、是一点灵犀、更是一份想往，<br>
你能够感觉到吗？<br>
我在你的发梢拂动，<br>
在你的肩际拉动你的丝被，<br>
穿透你那敞开的<br>
衣领，<br></font></marquee></marquee>
[code]<marquee scrollamount="2" direction="up" behavior="alternate" bgcolor="#ff99ff" height="260"><br>
<marquee scrollamount="1" direction="up" bgcolor="#ff00ff" height="150"><font face="隶书" color="#ffffcc" size="5"><br>
风对你的独白<br>
清晨、当你还在熟睡的梦乡，<br>
我就拂过你的脸庞，<br>
是一种期盼、是一点灵犀、更是一份想往，<br>
你能够感觉到吗？<br>
我在你的发梢拂动，<br>
在你的肩际拉动你的丝被， <br>
穿透你那敞开的<br>
衣领，<br></font></marquee></marquee>[/code] <br>
效果四 <br> <br>
<MARQUEE scrollAmount=13 height=360><BR>
<MARQUEE scrollAmount=3 direction=up behavior=alternate width="100%"><IMG src="http://bbs.xxjy.net/attachments/month_0702/50_8eWLU9lMBc5x.jpg";></MARQUEE></MARQUEE>
[code] <MARQUEE scrollAmount=13 height=360><BR>
<MARQUEE scrollAmount=3 direction=up behavior=alternate width="100%"><IMG src="http://bbs.xxjy.net/attachments/month_0702/50_8eWLU9lMBc5x.jpg";></MARQUEE></MARQUEE>
[/code] 感谢hyyljl 了．辛苦了:strong 版主辛苦：其实我也有相当的资料可以和大家（烧友们）一同分享，可是不会用代码。很遗憾。看了这么多代码就是不会用，如有步骤说明多好。:L #FFFF00
#BA55D3
#9370DB 那请问一下.在discuz模式下的表格背景颜色和边框颜色如何设置?如果是设置一张图片为背景呢.又该如何设置.能告知吗.谢谢. [quote]原帖由 [i]ltl[/i] 于 2008-1-13 20:20 发表 [url=http://bbs.besgold.com/redirect.php?goto=findpost&pid=5931874&ptid=136368][img]http://bbs.besgold.com/images/common/back.gif[/img][/url]
那请问一下.在discuz模式下的表格背景颜色和边框颜色如何设置?如果是设置一张图片为背景呢.又该如何设置.能告知吗.谢谢. [/quote]
在discuz模式下只能用颜色做背景,图片应该是不能插,谢谢 漂亮的网页需要代码的支持!
好教程,先收藏了.有空了一定要学.:strong 进来学下新知识。 请教一下，对于我想插入一个土豆网的视频，应该怎么写呢？
土豆的视频地址末尾都不是直接的文件名，怎么才能让其在帖子里自己出现，不需要去点连接？ [quote]原帖由 [i]秋风夜雨[/i] 于 2008-2-3 20:45 发表 [url=http://bbs.besgold.com/redirect.php?goto=findpost&pid=6114167&ptid=136368][img]http://bbs.besgold.com/images/common/back.gif[/img][/url]
请教一下，对于我想插入一个土豆网的视频，应该怎么写呢？
土豆的视频地址末尾都不是直接的文件名，怎么才能让其在帖子里自己出现，不需要去点连接？ [/quote]
可以用flash模式来处理
[swf][/swf]
回复 #2 hyyljl 的帖子
我很喜欢你的这个曲子，想收下来，可是不给下载，怎么解决啊？{3} 能帮个忙不？？？ 谢谢`一直想学HTML代码！今天只能是大开眼界！ 级别太低，用不了啊。 我现在还没有搞得懂 音乐怎么发上去 请班长教教我这个苯新手吧 呵呵,偶就是想学这东西.谢谢 呵呵！都是很实用的代码 :bq081)学了几个 简单点了 感谢了~1
页:
[1]