制作帖子相关代码 - 火柴天堂门户网-众人拾柴火焰高,共创温馨和谐社区

登录信息

本版精华

	各种式样的播放器及代码
	N久前的收集：FLASH代码
	漂亮的分割线大全

本版热门

	用FrontPage 2003软件做HT...
	漂亮的DIF动态图片（不断添...
	[l转贴]学用HTML制帖
	【静态滤镜】为图片加些特...
	收集整理几个自己比较喜欢...
	两款播放器
	音乐连续播放的制作
	[扫盲]发帖傻瓜代码
	送大家一本CSS书籍
	75首古诗flash，很精美的

网页游戏

文章内容 Article Content

首页 >> ≡≡ 休闲娱乐 ≡≡ >> 『音乐天堂』 >> 『音画教学』

制作帖子相关代码

作者雪冰儿查看 105 发表时间 2008/2/15 21:29 【论坛浏览】

1）贴图：<img src=“图片地址“>
　　2)加入连接：<a href=“所要连接的相关地址“>写上你想写的字</a>
　　3)在新窗口打开连接：<a href=“相关地址“ target=“_blank“>写上要写的字</a>
　　4)移动字体(走马灯)：<marquee>写上你想写的字</marquee>
　　5)字体加粗：<b>写上你想写的字</b>
　　6)字体斜体：<I>写上你想写的字</I>
　　7)字体下划线: <U>写上你想写的字</U>
　　8)字体删除线: <s>写上你想写的字</s>
　　9)字体加大: <BIG>写上你想写的字</BIG>
　　10)字体控制大小：<H1>写上你想写的字</H1> (其中字体大小可从H1-H5,H1最大，H5最小)
　　11)更改字体颜色：<font color=“#value“>写上你想写的字</font>(其中value值在000000与FFFFFF(16位进制)之间
　　12)消除连接的下划线：<a href=“相关地址“ style=“text-decoration:none“>写上你想写的字</a>
　　13)贴音乐：<embed src=“音乐地址“ width=“宽度“ height=“高度“ autostart=false>
　　14)贴flash: <embed src=“flash地址“ width=“宽度“ height=“高度“>
　　15)贴影视文件：<img dynsrc=“文件地址“ width=“宽度“ height=“高度“ start=mouseover>
　　16)换行：<br>
　　17)段落：<p>段落</p>
　　18)原始文字样式：<pre>正文</pre>
　　19)换帖子背景：<body background=“背景图片地址“>
　　20)固定帖子背景不随滚动条滚动：<body background=“背景图片地址“ body bgproperties=FIXED>
　　21)定制帖子背景颜色：<body bgcolor=“#value“>(value值见10)
　　22)帖子背景音乐：<bgsound=“背景音乐地址“ loop=infinite>
　　23)贴网页：<iframe src=“相关地址“ width=“宽度“ height=“高度“></iframe>
　　24)字体上标：一个字<sup>写上你想写的字</sup>
　　25)字体下标：一个字<sub>写上你想写的字</sub>
　　注意：
　　1.html语句中的相关地址必须是网络上的东西，不能贴自己电脑上的东西，如果实在找不到，请找一个可以上传的地方，将相关文件上传至服务器，然后再贴。
　　2.html语言中的<>和“必须是英文输入法中的，不能是中文输入法的。
　　
　　增加内容：
　　1.标题加阴影：
　　<div style=height:9;color:white;filter:glow(color=#400060,strength=3)>标题数字为阴影的大小
　　2.加背景：
　　<body onload=change_bodyground() background=http://www.3lian.com/img2008/03/021/gifbj049.gif><style type=text/css></style><style>.content{BACKGROUND-COLOR: transparent ;COLOR: #c000c0; FONT-FAMILY: 楷体; LINE-HEIGHT:25px; FONT-SIZE: 16px}</style><b>正文加背景改字体，及颜色
　　下面这一段的代码是把整个版面都变成背景（也就是回复时不会出现边框）：
　　<body onload=change_bodyground() background=

><style type=text/css></style>正文只加背景
　　下面这段代码是背景套背景，上面这个是外围的，下是是里面的
　　<body onload=change_bodyground() background=http://www.pcimg.com/bg/bg_2/p_10.files/bg0500.jpg><style type=text/css>.content {color:#20ffff;font-family:楷体_GB2312;background-image:url(

);}</style><DIV class=content>
　　<TD WIDTH=100 ALIGN=RIGHT>
　　下面为背景不动型:
　　<body onload=change_bodyground() background=

width=600 height=800 bgproperties=fixed><style type=text/css></style><FONT face=楷体_GB2312 color=#a000c0 size=4 loop=1><middle><font color=#a000c0 size=4.8>
　　3.正文由下而上浮动：
　　<marquee direction=up scrollamount=3>
　　<center><font color=#800060 size=5 face=隶书>　　正文</font>
　　</marquee>
　　4.图片放（右）边：
　　<IMG align=right src=http://www.3lian.com/sucai/img1/477/gif008.gif><TR>
　　<TD WIDTH=100 ALIGN=right></TD> 放左边 right→left
　　5.整个页面和字体的颜色:
　　<style>.content{BACKGROUND-COLOR: transparent ;COLOR: GREEN; FONT-FAMILY: 宋体; LINE-HEIGHT:25px; FONT-SIZE: 16px}</style>
　　6.表格:
　　<TABLE BORDER=1 CELLPADDING=3 WIDTH=“900“ bordercolorlight=“#000000“ cellspacing=“0“ bordercolordark=“#FFFFFF“ ><TBODY><TR bgColor=#9999ff><TD width=150><B> 序号</B></TD><TD width=500><B> 作品</B></TD><TD width=250><B> 作者</B></TD></TR><TR bgColor=#cce6ff><TD WIDTH=“150“> 1号作品</TD><TD WIDTH=“500“> <A HREF=http://www4.tianyaclub.com/ target=_blank><U><FONT color=#0000ff>•••</FONT></U></A> </TD><TD WIDTH=“250“> 作者：</TD></TR></TBODY></TABLE>
　　注：做表格时候，上方有一大段空白，此问题目前还未解决，
　　6.2
　　<table width=700 border=1 bordercolor=#0099cc align=center cellspacing=0> <tr bgcolor=Purple><th height=24 width=100><font color=green>家乡</font></th> <th height=24 width=100><font color=green>现住</font></th> <th height=24 width=150><font color=green>天涯ID</font></th> <th height=24 width=100><font color=green>生日</font></th><th height=24 width=100><font color=green>职业</font></th><th height=24 width=150><font color=green>联系方式</font></th></tr><tr align=center><th height=24 width=100><font color=green>南通</font></th> <th height=24 width=100><font color=green>海安</font></th> <th height=24 width=150><font color=green>月飞</font></th><th height=24 width=100><font color=green>3月25</font></th><th height=24 width=100><font color=green>电子</font></th><th height=24 width=150><font color=green>QQ:261713911</font></th></tr></tr></table>
　　注：经过测试，这个表格比较完美，上面那个适合用BLOG做，然后嵌入
　　7.图片滤镜效果
　　<img src=http://imgphoto.21cn.com/albums/photos/8/8/3/8838070/1092761087.gif style=border-style:outset;border-color:#FF0000;filter:Alpha(Opacity=50,style=1)>
　　大家可以看到一副从右边开始像两边渐渐透明的图片，并且加了突起的边框。
　　其中style=border-style:outset;border-color:#FF0000是设置边框的文。
　　filter:Alpha(Opacity=50,style=1)是一个透明化的滤镜，Opacity是透明度，style可选一共有0.1.2.3，共四种方式。
　　8.阴影字体：
　　<h2 Style=FILTER:Shadow(Color=#808080,Direction=135);height=30 align=center><font face=楷体_GB2312 color=#0000FF>月飞阴影001</font></h2>
　　<font color=#0000FF face=楷体_GB2312><strong><span style=font-size=36;FILTER:DropShadow(Color=#808080,OffX=5,OffY=5,Positive=1);height:15>月飞阴影002</span></font>
　　9.X片/黑白/反转效果：
　　X片效果：
　　<img SRC=http://article.tianya.cn/2005/logo/logo_0503.gif style=filter:xray()>
　　黑白效果：
　　<img src=http://article.tianya.cn/2005/logo/logo_0503.gif style=filter:gray()>
　　反转效果：
　　<img SRC=http://article.tianya.cn/2005/logo/logo_0503.gif style=filter:invert()>
　　使用反转效果时，可以反转图片中颜色的色调、饱和度和亮度。
　　10.图片与flash连用
　　<TABLE height=480 cellSpacing=4 width=400 background=http://img.tianyablog.com/photo/2005/10/5/963198_1106091.jpg border=4 align=middle><TBODY><TR><TD><EMBED src= http://www.2000y.net/100006/uploadpic/flash/36.swf width=540 height=370 type=application/x-shockwave-flash quality=“high“ wmode=transparent></EMBED></TABLE></TBODY></TD></TR>
　　
　　a:hover是表示鼠标在链接上的状态，a是普通状态，a:visit是已经访问过的链接的状态。
　　
　　颜色拾取器
　　http://hkfig.diy.myrice.com/selcolor.htm

序号	评论者	共有评论 2 【论坛浏览】【发表评论】	评论时间

1	瘦佳人	呵呵..有用的..	2008/2/15 21:43

2	siasowen	不错哦。。。	2008/2/17 01:27
共有评论数 2 每页显示 10 页码 1/1 \|< << 1 >> >\|