无损格式发烧友天地
打印

[推荐] 帖子常用discuz,html代码(希望朋友们能跟贴交流,分享)

本主题由 天气预报 于 2008-3-13 15:53 提升

帖子常用discuz,html代码(希望朋友们能跟贴交流,分享)

今天主要介绍一下discuz代码,新来的朋友可以看看,表格,特效没有html,一样可以做到,哈哈,当然是简单的了
以下做个介绍,有需要的朋友来看看,有好的东西,来补充


一.基本代码



二.进阶篇

1.插入表格,为帖子加入背景色

[table=100%,颜色代码][tr][td]内容[/td][/tr][/table]

2.背景色的颜色代码


3.让下载地址不直接显示出来



4.多层表格效果

[table=100%,颜色代码][tr][td][table=90%,颜色代码][tr][td]内容[/td][/tr][/table][/td][/tr][/table]

注:table尺寸可以随意改变,本例为100%,就是标准大小,你也可以变 80%,60%,这个自己调整,当然也可以用px来定义表格大小,大家可以试一下!

三.素材图片

这个在我们论坛的精品素材里有不少,这里先帖一点,哈哈
[ 本帖最后由 hyyljl 于 2007-12-28 18:12 编辑 ]
妳最愛的,往往沒有選擇妳;最愛妳的,往往不是妳最愛的;而最長久的,
偏偏不是妳最愛也不是最愛妳的,只是在最適合的時間出現的那個人.

TOP

找字网网页颜色代码选择器
http://www.zhaozi.cn/color.htm

  

[ 本帖最后由 hyyljl 于 2007-12-28 18:10 编辑 ]
妳最愛的,往往沒有選擇妳;最愛妳的,往往不是妳最愛的;而最長久的,
偏偏不是妳最愛也不是最愛妳的,只是在最適合的時間出現的那個人.

帖子常用html代码

【帖子全屏显示】
复制内容到剪贴板
代码:
<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>
帖子左右距离调整LEFT后面的值;注意最下面一定要多加些换行代码:
否则帖子发出来,将看不到“编辑”按钮

【播放器】:
复制内容到剪贴板
代码:
<EMBED height=24 src=音乐链接 type=audio/mpeg width=200 AUTOSTART="TRUE" LOOP="TRUE"></EMBED>
AUTOSTART="1"  1自动不放 0手动
LOOP="1"            1循环播放 0不循环
播放器宽、高自己设定

【图片边缘模糊】:
复制内容到剪贴板
代码:
<IMG src="图片连接" style="FILTER: Alpha(opacity=模糊宽度,style=3)" width=图片宽 height=图片高 ALGIN="MIDDLE">
“模糊宽度”比图片宽度窄才会有效果

【播放器边缘模糊】:
复制内容到剪贴板
代码:
<EMBED style="FILTER: Alpha(opacity=180,style=2)" src=音乐链接 width=120 height=30 type=audio/x-ms-wma autostart="1" loop="1">
【边框】:

1.一层
复制内容到剪贴板
代码:
<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>
2.两层
复制内容到剪贴板
代码:
<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>
3.三层
复制内容到剪贴板
代码:
<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>
4.八层
复制内容到剪贴板
代码:
<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>
[ 本帖最后由 hyyljl 于 2007-12-27 00:00 编辑 ]
妳最愛的,往往沒有選擇妳;最愛妳的,往往不是妳最愛的;而最長久的,
偏偏不是妳最愛也不是最愛妳的,只是在最適合的時間出現的那個人.

向上(左、右)移动的字,图片代码

<P align=right>可以定文字的位置:center、right、left
direction=up  可以定文字的移动方向:up、right、left
width=500 height=200 表示文字在图面上的宽、高度,根据需要可调整定位。
复制内容到剪贴板
代码:
<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>
向上移动的图片
复制内容到剪贴板
代码:
<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>
左右相反方向移动的图片
复制内容到剪贴板
代码:
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>
图片边缘羽化再加一层FLASH效果
复制内容到剪贴板
代码:
<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>
妳最愛的,往往沒有選擇妳;最愛妳的,往往不是妳最愛的;而最長久的,
偏偏不是妳最愛也不是最愛妳的,只是在最適合的時間出現的那個人.

文字、图片移动的巧用

音乐单曲欢迎你
复制内容到剪贴板
代码:
<marquee direction=up behavior=scroll width=500 height=90 scrolldelay=80 scrollamount=1> <font color=#aa55aa size=6 face=隶书>真的好想你!</font> </marquee>
说明:

1.先看懂这个代码,
复制内容到剪贴板
代码:
<marquee>...</marquee>
这是文字(或图片)移动的开始标签
和结束标签,加上要移动的文字就组成了一个文字移动元素。它的属性和属性值见下:

属性 direction(移动方向)可选值为:向上(up) 向下(down) 向左(left)向右(right)
  属性 behavior(移动方式)可选:不停的走(scroll )只走一次(slide)behavior=alternate 左右来回走
width=宽度  height=高度  scrolldelay=延时  scrollamount=速度
上面的属性可以随意组合就会产生各种效果。
2.用了behavior=alternate 左右来回走,就不用写属性 direction(移动方向)
3.宽度和高度界定文字活动的范围,一般在实际操作中调节。
4.速度从1开始越大越快。延时一般设在80(延时数值大了,显示效果会跳跃式)
请大家试试,所有的效果越试越清楚。


效果一:

风对你的独白
清晨、当你还在熟睡的梦乡,
我就拂过你的脸庞,
是一种期盼、是一点灵犀、更是一份想往,
你能够感觉到吗?
我在你的发梢拂动,
在你的肩际拉动你的丝被,
穿透你那敞开的
衣领,
复制内容到剪贴板
代码:
<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>


效果二:



风对你的独白
清晨、当你还在熟睡的梦乡,
我就拂过你的脸庞,
是一种期盼、是一点灵犀、更是一份想往,
你能够感觉到吗?
我在你的发梢拂动,
在你的肩际拉动你的丝被,
穿透你那敞开的
衣领,
复制内容到剪贴板
代码:
<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>

效果三



风对你的独白
清晨、当你还在熟睡的梦乡,
我就拂过你的脸庞,
是一种期盼、是一点灵犀、更是一份想往,
你能够感觉到吗?
我在你的发梢拂动,
在你的肩际拉动你的丝被,
穿透你那敞开的
衣领,
复制内容到剪贴板
代码:
<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>

效果四


复制内容到剪贴板
代码:
<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>
妳最愛的,往往沒有選擇妳;最愛妳的,往往不是妳最愛的;而最長久的,
偏偏不是妳最愛也不是最愛妳的,只是在最適合的時間出現的那個人.
感谢hyyljl 了.辛苦了
版主辛苦:其实我也有相当的资料可以和大家(烧友们)一同分享,可是不会用代码。很遗憾。看了这么多代码就是不会用,如有步骤说明多好。

TOP

#FFFF00
#BA55D3
#9370DB

TOP

那请问一下.在discuz模式下的表格背景颜色和边框颜色如何设置?如果是设置一张图片为背景呢.又该如何设置.能告知吗.谢谢.

TOP

引用:
原帖由 ltl 于 2008-1-13 20:20 发表
那请问一下.在discuz模式下的表格背景颜色和边框颜色如何设置?如果是设置一张图片为背景呢.又该如何设置.能告知吗.谢谢.
在discuz模式下只能用颜色做背景,图片应该是不能插,谢谢
妳最愛的,往往沒有選擇妳;最愛妳的,往往不是妳最愛的;而最長久的,
偏偏不是妳最愛也不是最愛妳的,只是在最適合的時間出現的那個人.

TOP

漂亮的网页需要代码的支持!
好教程,先收藏了.有空了一定要学.
百事高音乐论坛官方QQ群欢迎您的加入!
http://bbs.besgold.com/thread-134667-1-1.html

TOP

进来学下新知识。

TOP

请教一下,对于我想插入一个土豆网的视频,应该怎么写呢?
土豆的视频地址末尾都不是直接的文件名,怎么才能让其在帖子里自己出现,不需要去点连接?
真正的音乐,是能够触及灵魂的声音!

TOP

引用:
原帖由 秋风夜雨 于 2008-2-3 20:45 发表
请教一下,对于我想插入一个土豆网的视频,应该怎么写呢?
土豆的视频地址末尾都不是直接的文件名,怎么才能让其在帖子里自己出现,不需要去点连接?
可以用flash模式来处理
[swf][/swf]
妳最愛的,往往沒有選擇妳;最愛妳的,往往不是妳最愛的;而最長久的,
偏偏不是妳最愛也不是最愛妳的,只是在最適合的時間出現的那個人.

TOP

回复 #2 hyyljl 的帖子

我很喜欢你的这个曲子,想收下来,可是不给下载,怎么解决啊?  能帮个忙不???

TOP