打印

一些网页代码知识

本主题由 charleyx76 于 2008-2-23 18:53 设置高亮

charleyx76

分类版主

Rank: 17

通宝币: 99215 枚
鲜花值: 2048 朵
推广币: 2925 枚

特殊贡献勋章优秀管理勋章论坛支柱勋章论坛护法勋章论坛财神勋章贴图大师奖章资源大师奖章论坛之星奖章优秀斑竹奖章水王水后奖章活动之星奖章节日特别奖章节日开心奖章软件大师奖章 E书大师奖章 BT大师奖章奥运火炬手我的中国心

1^# 大中小发表于 2007-1-25 06:26 只看该作者

把本帖网址贴到网络上任何地方，同样可以获得推广币和用户等级提升 详情点击这里
http://www.770921.com/viewthread.php? tid=23942&fromuid=0 复制本帖地址

8月活动：积分获大礼活动(实物奖励）
联盟论坛管理人员大招募！

一些网页代码知识

图片：在浏览网页时，如果发现特别漂亮的图片，就可以---右键---复制，然后转到我们的内容输入框里，点一下左起第三个按钮（表示粘贴的按钮）---粘贴，即可看到被粘贴图片，这时候发帖子就会出现这个图片，试试看！

flash：同上。注意：在复制flash的时候要把上下文一块复制了，在编辑框里修改就可以。光点着一个flash是没法复制的。

==========================================

下面是用代码发帖：

歌曲：在发布帖子时，点“使用html创建您的网页”，之后，输入框内会出现<div></div>然后将下面代码<bgsound balance="0" src="音乐地址" volume="0" loop="infinite">放入其间即可

例如：<div><bgsound balance=0 src="http://www.dahew.net/newyear/jiangnan.mp3" volume=0 loop=infinite></div>

建议：背景音乐不要使用mp3，因为会导致页面打开速度超级慢可选择wma或midi，rm格式的也不错。

下面是发图片和音乐的代码：

图片：<img src="图片地址" border=0> 本文出处:火柴天堂社区 http://www.matchtt.com/
音乐：<bgsound balance="0" src="音乐地址" volume="0" loop="infinite">

==========================================

隐藏播放器的音乐代码：

<font size=3><embed src=http://mp3.17hk.com:8010/8010/英格玛/乌兰巴托的爸爸.mp3 width=0 height=0 type=audio/x-pn-realaudio-plugin c loop="true" autostart="true" volume="100" initfn="load-types" mime-types="mime.types"> <br></font></font></p>

使用时把红色的网址换成你要添加的音乐地址就行了。

==========================================

用代码发flash(方法同上，用ctrl+v粘贴)：

<embed src="http://www.leeqi.com/flash2006/yy/0416/005.swf " pluginspage=http://www.macromedia.com/shockwave/download/index.cgi?p1_prod_version=shockwaveflash type= "application/x-shockwave-flash"width＝＂500＂height＝＂400＂>

使用时把红色的网址换成你要添加的fiash地址就行了。

如何设置签名：

发表新帖子时，上传签名图片，找到图片地址（在图片上点右键，属性＿地址），再在论坛主页上方点击：个人设置＿信息修改，打开后在个人签名框里粘贴下面的代码海ㄗ⒁猓喊押焐耐计刂坊怀勺约旱模铮耄?/span>

<img src="http://unibbs.unibbs.com/images/upphoto/729354.gif" border="0">

=============================================

<embed src="贴上你想贴的地址" width="580" height="300">    flash复制法

使用html格式命令创建、编辑

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)贴网页：<黑马 src="相关地址" width="宽度" height="高度"></黑马>

暂时先下载这些给大家试试.. .. ..
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>
跳动的字：
<center><font face=隶书 color=red size=15>
<marquee direction=up behavior=alternate width=60 height=120>祝</marquee><font color=yellow>
<marquee direction=up behavior=alternate width=60 height=80>梦</marquee><font color=brown>
<marquee direction=up behavior=alternate width=60 height=120>幻</marquee><font color=green>
<marquee direction=up behavior=alternate width=60 height=80>小</marquee><font color=orange>
<marquee direction=up behavior=alternate width=60 height=120>屋</marquee><font color=yellow>
<marquee direction=up behavior=alternate width=60 height=80>开</marquee><font color=orange>
<marquee direction=up behavior=alternate width=60 height=120>坛</marquee></font></b></marquee></font></center></font></font></font></font

飞舞的字：
<marquee scrollamount=8 direction=right behavior=alternate><b><font color=#7700bb size=5><font color=lime>
<marquee direction=up behavior=alternate width=40 height=200 align="middle">梦</marquee><font color=red>
<marquee direction=up behavior=alternate width=40 height=150>幻</marquee><font color=orange>
<marquee direction=up behavior=alternate width=40 height=200>小</marquee><font color=fuchsia>
<marquee direction=up behavior=alternate width=40 height=150>屋</marquee><font color=olive>
<marquee direction=up behavior=alternate width=40 height=200>论</marquee><font color=green>
<marquee direction=up behavior=alternate width=40 height=150>坛</marquee><font color=red>
<marquee direction=up behavior=alternate width=40 height=200>！</marquee><font color=orange>
<marquee direction=up behavior=alternate width=40 height=150>！</marquee><font

下上移动的图片们：
<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>

图片雾化效果：本文出处:火柴天堂社区 http://www.matchtt.com/
(使用时必须去掉"html"旁边"自动修正"的钩.) 本文出处:火柴天堂社区 http://www.matchtt.com/
<center><table cellspacing=0 cellpadding=0 width=400 background=http://www.cn898.net/bbs/uploadfile/20044244514090780.jpg border=0> 本文出处:火柴天堂社区 http://www.matchtt.com/
<tbody> 本文出处:火柴天堂社区 http://www.matchtt.com/
<tr> 本文出处:火柴天堂社区 http://www.matchtt.com/
<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

二。移动图片

1.左右循环移动(更多的图片可以依此增加）

<marquee behavior=alternate width="100%"><img src="图片连接地址"> <img src="图片连接地址">..........<*/marquee>

2。向上移动（scrollamount=1.2.3  用来调整滚动速度 1最慢）

<marquee direction=up scrollamount=3  width="100%"><img src="图片连接地址"> <img src="图片连接地址">..........<*/marquee>

3。向下移动

<marquee direction=down scrollamount=3  width="100%"><img src="图片连接地址"> <img src="图片连接地址">.........<*/marquee>

4。向左移动

<marquee direction=left  scrollamount=3  width="100%"><img src="图片连接地址"> <img src="图片连接地址">..........<*/marquee>

5.向右移动

<marquee direction=right  scrollamount=3  width="100%"><img src="图片连接地址"> <img src="图片连接地址">..........<*/marquee>

用时把*去掉本文出处:火柴天堂社区 http://www.matchtt.com/

三。图片雾化效果（style=1.2 .3 三种不同的雾化效果) 本文出处:火柴天堂社区 http://www.matchtt.com/
style="filter: alpha(opacity=100,style=2)" 本文出处:火柴天堂社区 http://www.matchtt.com/
添加方法如下：

<td style="filter: alpha(opacity=100,style=3)" background=http://news.tom.com/img/assets/200403/040331092809d7.jpg height=300>

四。倒影效果

<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"%20target="_blank"%20>

"><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"%20target="_blank"%20>

"></p></font></font>

五。飞舞蝴蝶

<marquee behavior=alternate direction=up height=300 width=110><img src=http://bbs.mz99.com/uploadfile/2004-6/20046733350553.gif></marquee><font color=orange><marquee behavior=alternate direction=up height=250 width=110><img src=http://bbs.mz99.com/uploadfile/2004-6/20046733350553.gif></marquee><font color=fuchsia><marquee behavior=alternate direction=up height=300 width=110><img src=http://bbs.mz99.com/uploadfile/2004-6/20046733350553.gif></marquee><font color=olive><marquee behavior=alternate direction=up height=250 width=110><img src=http://bbs.mz99.com/uploadfile/2004-6/20046733350553.gif></marquee>

本帖最近评分记录