查看完整版本: 一些网页代码知识

charleyx76 2007-1-25 06:26

一些网页代码知识

[size=12px][size=3][color=royalblue][/color][/size] [/size]
[size=12px][size=3][color=royalblue]图片:在浏览网页时,如果发现特别漂亮的图片,就可以---右键---复制,然后转到我们的内容输入框里,点一下左起第三个按钮(表示粘贴的按钮)---粘贴,即可看到被粘贴图片,这时候发帖子就会出现这个图片,试试看!



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> 本文出处:火柴天堂社区 [/color][/size][url=http://www.matchtt.com/][size=3][color=royalblue]http://www.matchtt.com/[/color][/size][/url][size=3][color=royalblue]  
音乐:<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>

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

用时把*去掉 本文出处:火柴天堂社区 [/color][/size][url=http://www.matchtt.com/][size=3][color=royalblue]http://www.matchtt.com/[/color][/size][/url][size=3][color=royalblue]  


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

<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>[img]http://www.smba-china.com/upload/upfile/2004430154320.gif[/img]"><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>

[img]http://www.smba-china.com/upload/upfile/2004430154320.gif[/img]"></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>
[/size]
[/color][/size]

2007-1-25 16:27

感谢提供,学习了!:lol

lastgod 2007-1-25 20:41

好东西 收藏了!

richardconan 2007-2-18 03:08

哈哈,好东西啊~!

danielp 2007-2-24 20:57

好东西,谢谢分享了!

lzgwind 2007-3-5 11:38

楼猪解释的很详细,收藏了:lol

孤独的身影 2007-3-24 09:21

呵呵...虽然看不懂,但还是要支持楼主!

没事看看 2007-3-24 14:27

这么好的贴子居然没注意,先收藏!

jackkingjing 2007-9-2 10:43

学习啦,谢谢提供者!!!
页: [1]
查看完整版本: 一些网页代码知识