
简单的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
|