财经社区女性社区汽车社区军事社区文学社区社会社区娱乐社区游戏社区个人空间
上一主题:冬天来临之前 下一主题:姐姐的冬日
新】简单的html代码和西陆贴图知识
[楼主] 作者:远方雪儿  发表时间:2004/11/17 18:22
点击:281次









简单的html代码和西陆贴图知识

因为在发帖时要加入一些代码,这些代码就是html代码,一般是不需要了解这些html代码的意义,但是最简单的一些html代码是需要理解的,对调试特殊效果有帮助,这里我们提供一些简单的html代码,需要了解更多可以参照最下面的两个链接教程。

其实在西陆一般的贴图并不难,但要把图贴好还要下点功夫啦!如果BBS启用了编辑器就像我这儿,用复制粘贴方法最简单即:找到你想在BBS贴的图片(绝对网址,电脑硬盘里的不行需上传)用鼠标点图右键复制,移回到BBS发贴栏内右键粘贴,这时你就能在发帖栏内看到图片,然后提交完成操作。整个就是复制粘贴文章的过程.呵呵,简单吧害羞

另一种就是BBS最常用的HTML贴图方法:
首先要找到你想在BBS贴的图片,右击图片->属性->图片地址(URL),然后复制下来把它粘贴到""中间。
见代码:<img src="图片地址">

特别提示在西陆使用HTML语言贴图,一定要事先在编辑器源代码 前的空格内打上""否则贴不出图的!! (待操作完成发帖前,再去掉“勾”你可先预览到你将要发出的文章内容,如发现有错误还可修改。)另外在进行以上操作时键盘最好在英文状态!

在下面我提供一些常用特效代码供大家方便使用

贴图的正确格式:
<img src="图片地址">

背景图片语法:
<body background="图片地址"></body>

透明效果:
<img src="图片地址" width=300 height=250 style=filter:Alpha(opacity=100,style=2);>

效果

给图片加边框:
<center><table border=3><td><img src="图片地址"width=581></table>

效果




<table border=6 cellSpacing=2 cellPadding=1 borderColor=#cc0099><td><img src="图片地址"width=600 height=407></td></table>

效果




显示图片倒影:
<FONT style="FONT-SIZE: 27pt; WIDTH: 220px; COLOR: #00ff00; HEIGHT: 10px"><IMG src="图片地址"><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="图片地址"> </FONT></FONT>

效果

图上做文:
<center><table width="700" border="0"><tbody><tr><td vAlign="left" background="背景图片" width="700" height="450">内容--休闲·音乐家园
</center></td></tr></table>

效果



内容--休闲·音乐家园

插入Flash方法:
<embed src="
http://Flash>地址" width=500 height=340></embed>

效果

 

透明FLASH运用

代码一
<TABLE align=center background="图片地址" border=0 cellPadding=0 cellSpacing=0 height=180 width=350 table>
<TBODY>
<TR>
<TD>
<EMBED height=170 pluginspage=http://www.macromedia.com/go/getflashplayer src="flash地址" type=application/x-shockwave-flash width=330 wmode="transparent" quality="high"> </TD></TR></TBODY></TABLE>

效果





 

 

 

 

 

 

 

 

 

 

代码二
<TABLE align=center background="背景图片地址" border=4 cellPadding=0 cellSpacing=10 height=400 width=450 table><TBODY><TR><TD>
<P align=center><IMG border=0 height=180 src="图片地址" width=350></P></FONT>
<EMBED style="LEFT: 270px; WIDTH: 400px; POSITION: absolute; TOP: 1200px; HEIGHT: 300px" align=right src="flash地址" width=400 height=300 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED>
</TD></TR></TBODY></TABLE>

代码三
<center>
<TABLE id=table1 height=300 cellSpacing=5 borderColorDark=#716699 width=400 borderColorLight=#716699 background="图片地址" border=1>
<TBODY>
<TR>
<TD>
<P>
<P><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src="flash地址" width=400 height=300 type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED></P>
<P>
<P></P></TD></TR></TBODY></TABLE>

代码四
<TABLE height=530 cellSpacing=0 cellPadding=0 width=400 align=center background="图片地址" border=0>
<TBODY>
<TR>
<TD><EMBED align=right src="flash地址" width=400 height=530 type=application/octet-stream ;; quality="high" wmode="transparent"><EMBED align=right src="flash地址" width=400 height=530 type=application/octet-stream ;; quality="high" wmode="transparent"><EMBED align=right src="flash地址" width=400 height=530 type=application/octet-stream ;; quality="high" wmode="transparent"></TD></TR></TOBDY></TBODY></TABLE>

贴内背景公式:
<center><table cellpadding=0 cellspacing=0 border=0 WIDTH=98% align=center table background="内背景图片地址" width=700><tr><td><center>
。。。。。。
要贴的内容--图片或文字
。。。。。。
<td></table>

 

漂亮边框一

<table align="center" border="1" cellpadding="8" cellspacing="10" width="400" background="背景图片地址1" bordercolorlight="#0C091D" bordercolordark="#C0B4FE"><tr><td width="100%" align="center">
<table align="center" border="1" cellpadding="4" cellspacing="6" width="100%" background="背景图片地址2" bordercolorlight="#0C091D" bordercolordark="#C0B4FE"><tr><td width="100%" align="center">
<br>
要贴的内容--图片或文字<br>
<br>
</td></tr></table></td></table>

 

漂亮边框二

<table align="center" border="0" cellpadding="0" cellspacing="0" width="400" background="内背景图片地址"><tr><td width="100%" align="center">
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0><TBODY><TR><TD width="50%" align=left><img border="0" src="图片地址1"></TD><TD width="50%" align=right><img border="0" src="图片地址2"></TD></TR></TBODY></TABLE>
<br>
要贴的内容--图片或文字
<br>
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0><TBODY><TR><TD width="50%" align=left><img border="0" src="图片地址3"></TD><TD width="50%" align=right><img border="0" src="图片地址4"></TD></TR></TABLE></tr></table>

 

漂亮边框三

<table align="center" border="0" cellpadding="0" cellspacing="10" width="400" background="内背景图片地址1"><tr><td width="100%" align="center">
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" background="内背景图片地址2"><tr><td width="100%" align="center">
<table align="center" border="0" cellpadding="0" cellspacing="0" width="99%" background="内背景图片地址3"><tr><td width="100%" align="center">
<br>
要贴的内容--图片或文字
<br>
</td></tr></table></td></tr></table></td></tr></table>

 

漂亮边框四

<table align="center" border="1" cellpadding="0" cellspacing="10" width="400" background="内背景图片地址1" bordercolorlight="#C0B4FE" bordercolordark="#0C091D"><tr><td width="100%" align="center">
<table align="center" border="1" cellpadding="0" cellspacing="18" width="100%" background="内背景图片地址2" bordercolor="#C0B4FE"><tr><td width="100%" align="center">
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" background="内背景图片地址3"><tr><td width="100%" align="center">
<br>
要贴的内容---图片或文字<br></td></tr></table></td></tr></table></td></tr></table>

图片向左移动:
<marquee directio=left><img src="图片地址"></marquee>
效果

文字向左移动:
<marquee directio=left><font size=? color=?>文字部分</font></marquee>

效果
休闲·音乐家园

帖子外背景底图:
<body background="图片地址">


交替舞动的蝴蝶:

<FONT COLOR=GREEN><marquee behavior="alternate"scrollamount=8 direction=right><b><font color=#7700bb size=6><FONT color=red><MARQUEE behavior=alternate direction=up height=150 width=50><img src="蝴蝶图片地址"></MARQUEE><FONT color=orange><MARQUEE behavior=alternate direction=up height=200 width=50><img src=http://bbs.sogua.com/pic/em011.gif></MARQUEE><FONT color=Fuchsia><MARQUEE behavior=alternate direction=up height=150 width=50><img src="蝴蝶图片地址"></MARQUEE><FONT color=olive><MARQUEE behavior=alternate direction=up height=200 width=50><img src="蝴蝶图片地"></MARQUEE><FONT COLOR=GREEN><MARQUEE behavior=alternate direction=up height=150 width=50><img src="蝴蝶图片地址"></MARQUEE><FONT color=red><MARQUEE behavior=alternate direction=up height=200 width=50><img src="蝴蝶图片地址">

带框的背景:

<center><table border="5" background="图片地址" width="600" height="440">
<td></table>

 

文字向上滚注意文字分行并拉开行距:

<marquee direction=up scrollamount=3>
<center><font color="lime" size="5" face="隶书">休闲·音乐家园</font>
</marquee> 

上下滚动特效代码:

<MARQUEE onmouseout=scrollAmount=2 scrollAmount=2 direction=up width=300 height=260>
<P><P align=center>*欢迎来到《休闲·音乐家园》* </A>
<P></P></MARQUEE>

效果


欢迎来到《休闲·音乐家园》


注:direction后面就滚动的方向,也可是down,left,right

带阴影效果的文字:
<FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=gray); WIDTH: 100%; COLOR: lime; LINE-HEIGHT: 100%; FONT-FAMILY: 细圆">祝朋友们天天开心</FONT>

效果祝朋友们天天开心

<FONT style="FONT-SIZE: 29pt; FILTER: glow(color=#C71585); WIDTH: 100%; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云" color=#e9bbcc>    音    乐  家    园   欢   迎   你</FONT>

效果音 乐 家 园 欢 迎 你

<SPAN style="FONT-SIZE: 28pt; FILTER: shadow(color=teal); WIDTH: 100%; COLOR: lime">☆ 休闲·音乐家园论坛 ☆</SPAN>

效果☆ 休闲·音乐家园论坛 ☆

<FONT face=宋体><FONT style="PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FILTER: glow(color=blue,600,strength=2); PADDING-BOTTOM: 1px; COLOR: white; PADDING-TOP: 1px; HEIGHT: 10px" size=6>空心字体--休闲·音乐家园</FONT></FONT>

效果空心字体--休闲·音乐家园

<FONT style="FONT-SIZE: 30pt; FILTER: wave(add=0,lightstrength=50,strength=4,freq=2,phrase=30); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷"><B>祝朋友们天天开心!</B></FONT>

效果祝朋友们天天开心!

<SPAN style="FONT-SIZE: 30pt; FILTER: shadow(color=aaaaaa, direction=90); WIDTH: 100%; COLOR: red; FONT-FAMILY: 华文行楷; HEIGHT: 1px">休闲·音乐家园论坛</SPAN>

效果休闲·音乐家园论坛

<FONT style="FONT-SIZE: 28pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 宋体">让历史告诉未来!</FONT>

效果让历史告诉未来!

<FONT style="FONT-SIZE: 30pt; FILTER: FlipH(color=silver); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷"><B>祝朋友们天天开心!</B></FONT>

效果

我为大家服务很辛苦!!!


<FONT style="FONT-SIZE: 30pt; FILTER: glow(color=gray,strength=4); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷"><B>休闲·音乐家园论坛</B></FONT>

效果休闲·音乐家园论坛 播放视频代码合集

贴MP3的方法类似于贴Flash。首先要找出想要贴的MP3歌曲的地址。地址确定后,用下列格式贴:

<代码1无限次播放> <EMBED src="http://www.1zen.com/share/>禅友共享区/太委屈-陶晶莹.mp3" width=320 height=40 type=audio/x-pn-realaudio-plugin controls="ControlPanel" loop="true" autostart="true" volume="100" Initfn="load-types" mime-types="mime.types"> 

效果

<代码2> <EMBED src="地址mp3" width=310 height=35 type=audio/x-pn-realaudio-plugin loop="true" autostart="true" controls="ControlPanel,StatusBar">

<代码3自由控制播放>: <EMBED src="rm地址" width=250 height=25 type=audio/x-pn-realaudio-plugin autostart="false" controls="ControlPanel">
<代码4>: <EMBED src="rm地址" width=250 height=60 autostart="true"></EMBED>

<代码5支持rm或mid格式>: <EMBED src="网址" width=250 height=25 type=audio/x-pn-realaudio-plugin controls="ControlPanel" autostart="true">

<代码6支持midi,rm,ram>: <EMBED align=middle src="网址" width=350 height=50 type=audio/x-pn-realaudio-plugin ALT="(Random)" mime-types="mime.types" fn="load-types" Init exts="ra,ram" volume="200" loop="true" autostart="true"> 

<代码6隐藏播放器>: <embed src="网址" width="0" height="0" autostart="true" loop="true" align="middle" volume="200" type="audio/x-pn-realaudio-plugin" exts="ra,ram" Init fn="load-types" mime-types="mime.types" ALT="(Random)">

<代码7视频(MTV)常用播放器>: <embed src="网址" type="audio/x-pn-realaudio-plugin" console="Clip1" controls="ControlPanel,StatusBar" height="330" width="460" autostart="true"> 

<代码8RealPlayer 影片>: <EMBED src="网址" width=450 height=400 controls="imagewindow" autostart="true" loop="true" console="huayue">   (支持rm、asf、mpa、mpeg )

<代码9网页播放器>: <iframe src="网页URL地址" frameboder=0 width=400 height=200></iframe>

<代码10支持mp3、wma、wmv、wav、midi、asf、mpeg、mpg、avi格式>: <embed width="350" height="50" src="地址">

<代码11支持ra、rm、ram视频格式>: <EMBED SRC="地址" type="audio/x-pn-realaudio-plugin" width="533" height="400" autostart="true" SetEnableContextMenu="false" name="video" id="video" class="video" controls="ImageWindow">

 

< 高兴HTML语言教程 >标签及移动的文字特效 请参考:这两个网页。呵呵,非常不错!
http://www.lib.tsinghua.edu.cn/chinese/INTERNET/HTML/Normal/html_design.html>

http://unit.cug.edu.cn/wlzx/wlfw/FrontP98CAI/html/fundation/h013.htm>

北方_雪松 编辑 2004.11.15



※※※※※※
本帖地址:http://club.xilu.com/dream0412/msgview-10368-42596.html[复制地址]
上一主题:冬天来临之前 下一主题:姐姐的冬日
 [2楼]  作者:水天寻梦  发表时间: 2004/11/17 19:40 

回复:雪儿辛苦了!


※※※※※※

梦在远方,水天去寻梦 &****水天寻梦文集****&
 [3楼]  作者:秋过留痕  发表时间: 2004/11/17 20:07 

回复:雪儿辛苦!

真的辛苦了!

——感谢雪儿,嘻嘻^_^~~~~



※※※※※※
交友须带三分侠气 做人要存一点素心 ---------------- 相约[幽梦帆影]^!^
[楼主]  [4楼]  作者:远方雪儿  发表时间: 2004/11/17 21:20 

回复:呵呵:)
Lift a finger, it doesn't matter .

※※※※※※

精彩推荐>>

  简捷回复 [点此进入编辑器回帖页]  文明上网 理性发言
 推荐到西陆名言:
签  名:
作  者:
密  码:
游客来访 
注册用户 提 交
西陆网(www.xilu.com )版权所有 点击拥有西陆免费论坛  联系西陆小精灵

0.15819191932678