分享

主页和日志常用得HTML代码

 青青419 2010-09-17

<一>更换主页背景图片代码
1.固定背景图片的代码:
<style>body {background:url("页面大背景图片地址") repeat fixed!important;}</style>
固定背景代码:就是你拉动滚动条的时候,图片不动,始终固定。
2.滚动的大背景代码:
<style>body {background:url("页面大背景图片地址") repeat scroll!important;}</style>
滚动背景代码:随着你拉动滚动条而上下滚动,适合小图片,什么闪烁的星星之类的!图片很小即可,它会自动平铺!

<二>透明背景图片代码
<div style="LEFT: 180px; POSITION: absolute; TOP: 200px" align="right"><img style="FILTER: alpha(opacity=90, finishOpacity=0,style=2)" src="图片地址" /></div>
注解: style=风格.right=靠右.left=靠左.
FILTER=滤镜.TOP=图片顶端离页面最上端距离
opacity=95”指图片起始透明度,有效范围“0~100”
finishOpacity=0”指图片结束透明度,有效范围“0~100”

<三>首页半透明蒙纱背景效果的代码
<STYLE type=text/css>
.logo
{background:#transparent}
.banner
{background:#transparent}
.menu
{background:#transparent}
.feeds .up
{background:#transparent}
.feeds .down
{background:#transparent}
.feeds .function
{background:#transparent}
.links .up
{background:#transparent}
.links .down
{background:#transparent}
.links .mid
{background:#transparent}
.photo .mid
{background:#transparent}
.label .mid
{background:#transparent}
.calendar .mid
{background:#transparent}
.callboard .up
{background:#transparent}
.callboard .down
{background:#transparent}
.callboard .mid
{background:#transparent}
.bodyBg {background:#transparent;filter:progid:DXImageTransform.Microsoft.gradient(GradientType ='1',enabled='true',startColorstr=#AAFFFFFF, endColorstr=#AAFFFFFF);} 
.bodyBottom
{background:#transparent}
.sysW770
{background:#transparent}
.gbook .up
{background:#transparent}
.gbook .down
{background:#transparent}
.feeds .page
{background:#transparent}
.links .more
{background:#transparent}
.add
{background:#transparent}
.add .ico
{background:#transparent}
</STYLE>
注:这个代码就是在透明背景上的文章处和一侧模块处的透明蒙纱效果.这个效果的好处是即可以看见背景图片,又可以看清楚文字!
以上代码为最佳效果,不用更改即可使用!使用《灰色轨迹》系统模板为最佳效果!

如果你已经使用了全部透明代码了,还想要这个效果,最好是把你以前添加的代码删除,把以上代码复制添加!

代码中:
startColorstr=#AAFFFFFF 前面的AA是透明度,修改成FF是不透明,00是全透明,可以根据自己的需要决定透明度.
后面的 FFFFFF 是颜色,就是说在上面蒙什么颜色的东西,可以根据 颜色代码表上 中颜色代码来修改颜色!

正常使用这个效果startColorstr=#AAFFFFFF和 endColorstr=#AAFFFFFF 后面的=#AAFFFFFF数值要一样!
如果想要做颜色渐变效果:
你要修改代码中几个数值,
startColorstr=#AAFFFFFF 修改你要的颜色和效果
endColorstr=#AAFFFFFF 再修改成另外一个颜色和效果
GradientType ='1'这个数值也要修改,修改成0是从上到下渐变 1是从左到右渐变 2是从上到下渐变

<四>日志图片背景代码
<table cellSpacing="0" cellPadding="0" width="背景图片宽度" background="背景图片网址" border="0">
<tr><td><div align="center"><table cellSpacing="0" cellPadding="0" width="450" border="0"><tr><td><p align="left"><font style="font-size: 9pt"><br><font color="#993333">直接从这输入你的文字</font></font><font color="#993333"><span style="font-size: 9pt"></span></font></p><p align="left"></td></tr></table></div></td></tr></table>

<五>更换鼠标样式
<STYLE type=TEXT/CSS> BODY {CURSOR:url('鼠标文件地址');} A
{CURSOR:hand} </STYLE>

<六>背景音乐代码
1。<EMBED       style="FILTER: Invert" src=音乐地址  width=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="0"></EMBED>
2。<embed src=音乐播放连接地址 width=200 height=50 type=audio/mpeg loop="true" autostart="true">
3。<DIV><EMBED style="FILTER: xray()" src=音乐播放连接地址  width=180 height=50 type=audio/mpeg autostart="true" loop="true"></DIV>
4。<DIV align=left><EMBED style="FILTER: invert(); WIDTH: 200px; HEIGHT: 40px" src=音乐播放连接地址  type=audio/mpeg loop="true"></DIV>
5。<EMBED style="FILTER: Alpha(opacity=50,style=2)" src=音乐播放连接地址  width=50 height=40 type=audio/mpeg mime-types="mime.types" Initfn="load-types" volume="100" autostart="TRUE" loop="true" controls="ControlPanel" >
6。<TABLE style="FILTER: alpha(opacity=100 Style=0 FinishOpacity=100)" borderColor=#000000 height=200 cellSpacing=0 cellPadding=0 width=330 align=left background=http://img719.photo.163.com/103718005/104695765/2414714707.gif border=0>
<TBODY>
<TR>
<TD width=200 height=200 cellSpacing="0" cellPadding="0"></TD></TR>
<TR>
<TD align=cente>
<P align=center><EMBED style="BORDER-RIGHT: #cccccc 0px solid; BORDER-TOP: #cccccc 0px solid; FILTER: alpha(opacity=40 Style=1 FinishOpacity=40) gray progid:<br>    
DXImageTransform.Microsoft.Blur(PixelRadius=0 MakeShadow=false); BORDER-LEFT: #cccccc 3px solid; BORDER-BOTTOM: #cccccc 0px solid" src=音乐播放连接地址 width=200 height=24 type=application/x-mplayer2 volume="0" autostart="1" loop="-1"></P></FONT></TD></TR></TBODY></TABLE>
7。<TABLE style="FILTER: alpha(opacity=100 Style=0 FinishOpacity=100)" borderColor=#000000 height=200 cellSpacing=0 cellPadding=0 width=200 align=center background=http://img719.photo.163.com/103718005/104695765/2414723798.gif border=0>
<TBODY>
<TR>
<TD width=314 height=180 cellspacing="0" cellpadding="0"></TD></TR>
<TR>
<TD align=left>
<P align=center><EMBED style="FILTER: alpha(opacity=100 Style=3 FinishOpacity=0)black(); style: " src=音乐链接区 width=310 height=28 type=video/x-ms-asf loop="-1" autostart="1" volume="0" ></P></TD></TR></TBODY></TABLE>
提示:


播放器宽度width=200 高度height=50 根据需要设置,宽度和高度设为0播放器为隐藏状态.
loop="true"为循环播放,loop="false"为不循环播放.
autostart="true"为自动播放,autostart="false"为不自动播放.loop="2"播放次数

支持的音乐格式: wma mp3 rm ra ram asf mid.

隐藏音乐代码

<embed src=http://home./mypage/00088034/34folksc/3402.mp3 width=0 height=0 type=audio/mpeg loop="false" autostart="true">

移动

<MARQUEE style="LEFT: 230px; ; TOP: 100px" scrollAmount=1 scrollDelay=100 direction=up behavior=alternate width=300 height=400> <MARQUEE scrollAmount=1 scrollDelay=100 behavior=alternate> <TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#7ec0ee ,direction:145,strength:20)" cellSpacing=0 cellPadding=0 border=1> <TBODY> <TR> <TD><EMBED style="FILTER: gray()" src=http://bbs./uploadfile/2005-8/200581222374051865.mp3 width=200 height=20 type=audio/mpeg showstatusbar="1" volume="0" loop="-1" autostart="1"></TD></TR></TBODY></TABLE></MARQUEE><BR>

<七>插入Flash的代码
1。插入不透明的flash
<EMBED height=360 pluginspage=http://www.macromedia.com/go/getflashplayer src=透明Flash的路径地址type=application/x-shockwave-flash width=500 quality="high"></EMBED>
2。插入透明,无坐标控制Flash的代码
<EMBED height=360 pluginspage=http://www.macromedia.com/go/getflashplayer src=透明Flash的路径地址type=application/x-shockwave-flash width=500 wmode="transparent" quality="high"></EMBED>
3。插入绝对坐标的透明Flash
<EMBED style="LEFT: 250px; WIDTH: 550px; POSITION: absolute; TOP: 200px; HEIGHT: 1000px" align=right src=透明Flash的路径地址width=500 height=2000 type=application/octet-stream ;; quality="high" wmode="transparent">
4。在图片上插入透明Flash
<P align=center><IMG border=0 height=180 src="产生效果的图片URL地址" width=350></P>
<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>
5。插入相对坐标的透明Flash
<table border="0" cellPadding="0" cellSpacing="0" width=600 height=382 align=center background=产生效果的图片URL地址>
    <TD width=600 height=382><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer
src=透明Flash的路径地址width="100%" height="100%"
type=application/x-shockwave-flash wmode="transparent"
quality="high"></EMBED></TD></td></table>

<八>让图片移动的代码
<MARQUEE scrollAmount=1 scrollDelay=60 direction=right width=160 height=270 onmouseover="this.stop()" onmouseout="this.start()"><IMG height=270 src="图片网址1" width=160 border=0><IMG height=270 src="图片网址2" width=160 border=0><IMG height=270 src="图片网址3" width=160 border=0><IMG height=270 src="图片网址4" width=160 border=0></A></MARQUEE>
提示:direction=right 是移动的方向 
  上:up     
  下:down    
  左:right   
  右:left 
  scrollamount=5 是向下移动速度,可以调整,一般设置在1---15的范围内比较好.
文字移动也可参照这个,<img............>删除,换成文字就可以了。

<九>图片上飘荡的文字之代码
<TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>
<TBODY>
<TR>
<TD background=图片网址>
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=350>
<MARQUEE scrollAmount=3 behavior=alternate width=500>
<P align=center><FONT color=red size=6><B>大漠孤烟欢迎您的到来</B></FONT></P></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>

<十>插入挂饰的代码
<DIV style="LEFT: 0px; POSITION: absolute; TOP: 20px" align=left><IMG src="左边图片地址" align=left></DIV>
<DIV style="LEFT: 920px; POSITION: absolute; TOP: 20px" align=right><IMG src="右边图片地址" align=right></DIV>

<十一>页面置顶图标代码
<DIV id=divMenu style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-100); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-240); TEXT-ALIGN: center">
<P></P><A href="主页网址#top"><IMG src="置顶图标网址" border=0></A></DIV>
提示:
100和240是调整置顶图标位置的数值,可以根据需要设定。

<十二>文字类
1一般字体颜色
<FONT style="COLOR: #f90b46; FILTER: shadow(color=#AF0530); FONT-FAMILY: 隶书; FONT-SIZE: 45pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>我的天空</B></FONT>
2滚动字幕
<MARQUEE direction=up height=40 scrollAmount=3 scrollDelay=150 width=400>
<CENTER><FONT color=#ffaa00 face=黑体 size=5>我的天空<BR></FONT></CENTER></MARQUEE>
3文字图片同步滚动
<MARQUEE direction=down width=480 height=50><IMG src="http://online.sccnn.com/gif8/229/1.gif"><FONT face=隶书 color=#ff0000 size=7>我的天空
<IMG src="http://online.sccnn.com/gif8/229/1.gif"></FONT></MARQUEE>
4带阴影文字
<DIV style="FILTER: shadow(color=#6495ED, strength=60); WIDTH: 480px"><FONT face=华文彩云 color=#9932cc size=7><B>
<CENTER><BR>我的天空</B></CENTER></FONT>
<P></P></DIV>
5渐变文字
<FONT style="FONT-SIZE:30pt;filter:alpha(opacity=100,style=3);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>欢迎光临!玫瑰夫人</B></FONT>
说明:
opacity属性:设置透明度,取值0至100之间的任意数值,100表示完全不透明;
style属性:设置渐变风格,0表示均匀渐变,1表示线性渐变,2表示放射渐变,3表示直角渐变。
而width:100%则表示参与渐变的对象的宽度,通常都设置为100%。
6动感模糊
<FONT style="FONT-SIZE:30pt;filter:blur(add=1,direction=30,strength=5);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>我的天空,自由的天空</B></FONT>
说明:
ADD属性在运动模糊中,其值为0和1,0表示“否”,用于文字,1表示“是”,用于图像;Direction属性是模糊移动的角度,其值为0至360度;Strength属性是模糊移动的距离
7影子文本
<FONT style="FONT-SIZE:30pt;filter:dropshadow(color=lightgreen,offX=5,offY=3,Positive=1);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>我的天空,自由的天空</B></FONT>
说明:
color属性:设置影子文本的颜色;
offX和offY属性:影子文本下落的位移值;
Positive属性:指定透明象素阴影,布尔型,0为是,1为否
8变色阴影
<FONT style="FONT-SIZE:30pt;filter:shadow(color=black,direction=180);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>我的天空!</B></FONT>
说明:
color属性:阴影颜色;
direction属性:阴影角度,值取0至360度
9波浪文字
<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>
说明:
add属性:布尔型,0或1,0表示将原始对象加入最后效果中,1则反之;
freq属性:决定显示的频率,即应出现多少个波形;
phrase属性:决定波形的形状,值取0至360之间;
strength属性:决定波形的振幅。
10光晕文字
<FONT style="FONT-SIZE:30pt;filter:glow(color=gray,strength=4);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>自由的天空</B></FONT>
说明:
color属性:光晕颜色;strength:光晕的厚度。
11相对移动文字图片
<MARQUEE direction=right width=250 height=50><IMG src="http://online.sccnn.com/gif8/197/01.gif"><FONT face=隶书 color=#ff0000 size=7>我的天空<IMG src="http://online.sccnn.com/gif8/197/01.gif"></FONT></MARQUEE></FONT>
<MARQUEE width=250 height=50><IMG src="http://online.sccnn.com/gif8/197/01.gif"><FONT face=隶书 color=#ff0000 size=7>自由的天空<IMG src="http://online.sccnn.com/gif8/197/01.gif"></FONT></MARQUEE>
12相向移动文字图片
<MARQUEE width=250 height=50><IMG src="http://online.sccnn.com/gif8/179/009.gif"><FONT face=隶书 color=#ff0000 size=7> 我的天空<IMG src="http://online.sccnn.com/gif8/179/009.gif"></FONT></MARQUEE></FONT>
<MARQUEE direction=right width=250 height=50><IMG src="http://online.sccnn.com/gif8/179/009.gif"><FONT face=隶书 color=#ff0000 size=7> 自由的天空<IMG src="http://online.sccnn.com/gif8/179/009.gif"></FONT></MARQUEE></FONT>
13单色背景文本
<MARQUEE direction=right>
<TABLE align=center bgcolor=red>
<TBODY>
<TR>
<TD align=middle><FONT color=#336699 face=文鼎花瓣体 style="FONT-SIZE: 60pt">我的天空</FONT></TD></TR></TBODY></TABLE></MARQUEE>
14图片背景文本
<MARQUEE direction=up>
<TABLE align=center background=http://image15.360doc.com/DownloadImg/2010/09/1708/5345893_1.gif cellPadding=0 cellSpacing=0 width=500 height=125>
<TBODY>
<TR>
<TD align=middle><FONT color=#336699 face=文鼎圆立体 style="FONT-SIZE: 60pt">我的天空</FONT></TD></TR></TBODY></TABLE></MARQUEE>
15跳动的文本
<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></FONT></FONT>
16百叶窗式彩色文本
<DIV align=center>
<MARQUEE scrollAmount=2 width=80 height=75 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 60pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#ff0000><B>真 真</FONT></B></B></MARQUEE>
<MARQUEE scrollAmount=2 width=80 height=75 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 60pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#66ff00><B>是 是</FONT></B></B></MARQUEE>
<MARQUEE scrollAmount=2 width=80 height=75 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 60pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#f709f7><B>好 好</FONT></B></B></MARQUEE>
<MARQUEE scrollAmount=2 width=80 height=75 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 60pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#0909f7><B>精 精</FONT></B></B></MARQUEE>
<MARQUEE scrollAmount=2 width=80 height=75 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 60pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#eeee11><B>彩 彩</FONT></B></B></MARQUEE></FONT>
<CENTER></CENTER></DIV>
17光晕字框文本
<DIV style="FILTER: glow(color=blue, strength=5); WIDTH: 700px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 68pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文行楷 color=#e31c1b>我的天空欢迎您</FONT></DIV>
18透明文字
<P align=center>
<TABLE cellSpacing=0 cellPadding=0 align=center background=http://www./bbs/UploadFile/200551319273660746.gif>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699)">
<TABLE cellSpacing=0 cellPadding=0 width=588 align=center background=http://www./bbs/UploadFile/200551319272463012.jpg>
<TBODY>
<TR>
<TD align=middle><FONT style="FONT-SIZE: 60pt" face=华文行楷 color=#336699><B><EM><BR>新年快乐<BR>2008<BR>我的天空<BR><BR></EM></B></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>
19透明闪字
<P align=center>
<TABLE cellSpacing=0 cellPadding=0 width=432 align=center background=http://www./bbs/UploadFile/200551319401338301.gif>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699)">
<TABLE width=450 align=center background=http://www./bbs/UploadFile/20055131943843374.jpg>
<TBODY>
<TR>
<TD align=middle>
<FONT style="FONT-WEIGHT: 700; FONT-SIZE: 50pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=黑体 color=#336699>新年快乐<BR>我的天空</FONT></P>
<P><FONT style="FONT-WEIGHT: 700; FONT-SIZE: 50pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#336699>自由的天空</FONT><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 50pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#336699>2008年</P></FONT></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</P>

<十三>图片类
1。图片链接代码
如果要点一下图片就能打开一个网站的链接代码是这样的:

<a href="网站";><img src="链接的图片"; width="150" height="100"></a>

如果要点一下图片就能打开一个网站的链接,并且重新打开一个窗口。代码是这样的:

<a href="网站";; target="_blank"><img src="链接的图片"; width="150" height="100"></a>

上面的数字都能调节图片尺寸大小。

<十四>边框代码
1一层边框
<TABLE cellSpacing=1 cellPadding=0 width="100%" align=center bgcolor=red border=5>
<TBODY>
<TR>
<TD>加入内容</TD></TR></TBODY></TABLE>

两层边框
<P align=center>
<TABLE cellSpacing=10 cellPadding=8 width=480 bgColor=#000000 border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=2 cellPadding=2 width=480 bgColor=#000000 border=0>
<TBODY>
<TR>
<TD>加入内容</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

三层边框
<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=3 width="100%" bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=3 width="100%" bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD>;
<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=3 width="100%" bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD>插入文字</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
依此类推


<十五>图片边框
一层图片
<TABLE cellSpacing=1 cellPadding=0 width="100%" align=center background=http://image15.360doc.com/DownloadImg/2010/09/1708/5345893_2.jpg border=5>
<TBODY>
<TR>
<TD>加入内容</TD></TR></TBODY></TABLE>

两层图片
<TABLE cellSpacing=10 cellPadding=8 width=480 background=http://image15.360doc.com/DownloadImg/2010/09/1708/5345893_3.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=2 cellPadding=2 width=480 background=http://image15.360doc.com/DownloadImg/2010/09/1708/5345893_4.jpg border=0>
<TBODY>
<TR>
<TD>加入内容</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

三层图片
<DIV align=center>
<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=30 width="100%" align=center background=http://image15.360doc.com/DownloadImg/2010/09/1708/5345893_5.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=30 width="100%" background=http://image15.360doc.com/DownloadImg/2010/09/1708/5345893_6.jpg border=0>
<TBODY>
<TR>
<TD><FONT face=隶书 color=#ef219d size=6>; </FONT>
<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=30 width="100%" background=http://image15.360doc.com/DownloadImg/2010/09/1708/5345893_7.jpg border=0>
<TBODY>
<TR>
<TD><FONT face=隶书 color=#ef219d size=6>插入文字</FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>

依此类推

<十六>加入图片的代码
一、单纯的一张图片
<P align=center><IMG src=hhttp://image15.360doc.com/DownloadImg/2010/09/1708/5345893_8.jpg></P>
二、加框有一层FLASH的图片
<TABLE height=300 cellSpacing=0 cellPadding=0 width=400 background=http://image15.360doc.com/DownloadImg/2010/09/1708/5345893_8.jpg border=1 bortercolor="#000000">
<TBODY>
<TR>
<TD>
<P align=center><EMBED src=Flash网址 width=400 height=300 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"> </P></TD></TR></TBODY></TABLE>
三、加框用两层FLASH的图片
<P align=center>
<TABLE height=300 cellSpacing=0 cellPadding=0 width=400 background=http://image15.360doc.com/DownloadImg/2010/09/1708/5345893_8.jpg border=1 bortercolor="#000000">
<TBODY>
<TR>
<TD>
<P align=center><EMBED align=right src=Flash网址1 width=400 height=280 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"> <BR><BR><EMBED align=right src=Flash网址2 width=380 height=285 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"> <BR></P></TD></TR></TBODY></TABLE>
三、两个FLASH上下排列的图片:
<TABLE cellSpacing=0 cellPadding=0 width=400 height=300 background=背景图片地址 border=1 bortercolor="#000000">
<TBODY>
<TR>
<TD>
<P align=center><EMBED src=Flash网址1 width=400 height=150 type=application/x-shockwave-flash tybe="application/x-shockwave-flash" quality="high" menu="false" wmode="transparent"> <BR><BR><EMBED src=Flash网址2 width=400 height=150 type=application/x-shockwave-flash tybe="application/x-shockwave-flash" quality="high" menu="false" wmode="transparent"></P></TD></TR></TBODY></TABLE>
四、下上移动的图片们:
<center><MARQUEE scrollAmount=3 scrollDelay=150 direction=up width=450 height=500 borderColor="#000000" border="1">
<P align=center><IMG src="图片地址1"></P>
<P align=center><IMG src="图片地址2"></P>
<P align=center><IMG src="图片地址3"></P>
</MARQUEE></center>
五、左右移动的图片(要有个背景哟)
<CENTER>
<MARQUEE scrollAmount=1 direction=right behavior=alternate width="100%">
<CENTER>
<TABLE cellSpacing=0 width=400 background=http://pugongyingw./image/xiantiao/d/14.gif border=0 cellpading="0">
<TBODY>
<TR>
<TD>
<P align=center><IMG src=" http://bbs./UploadFile/2004-5/bihe.jpg___2004511215822101.jpg"></P>
<P align=center><IMG src=" http://bbs./UploadFile/2004-5/by.jpg___2004511215822766.jpg"></P>
<P align=center><IMG src=" http://bbs./UploadFile/2004-5/htys.jpg___2004511215822890.jpg"></P>
<P align=center><IMG src=" http://bbs./UploadFile/2004-5/hyxq.jpg___2004511215822564.jpg"></P>
<P align=center><IMG src=" http://bbs./UploadFile/2004-5/lty.jpg___2004511215822316.jpg"></P>
<P align=center><IMG src=" http://bbs./UploadFile/2004-5/zyh.jpg___2004511215916227.jpg"></P>
<P align=center><IMG src=" http://bbs./UploadFile/2004-5/yannian.jpg___200451121591787.jpg"></P>
<P align=center><IMG src=" http://bbs./UploadFile/2004-5/xbh.jpg___2004511215917981.jpg"></P>
<P align=center><IMG src=" http://bbs./UploadFile/2004-5/mdqg.jpg___20045112203661.jpg"></P>
<P align=center><IMG src="http://bbs./UploadFile/2004-5/mlsx.jpg___20045112203201.jpg"></P></TD></TR></TBODY></TABLE></CENTER></MARQUEE></CENTER>
六:图片雾化效果:
(使用时必须去掉"HTML"旁边"自动修正"的钩.)
<CENTER><TABLE cellSpacing=0 cellPadding=0 width=400 background=http://image15.360doc.com/DownloadImg/2010/09/1708/5345893_9.jpg border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=2)" width=400 background=http://image15.360doc.com/DownloadImg/2010/09/1708/5345893_10.jpg height=300><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://static.ci123.com/uploadfiles/070402/oi5d05ewNewOVxP6.swf width=400 height=300 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED></TD></TR></TBODY></TABLE></CENTER>
七:图片倒影效果:
(使用时必须去掉"HTML"旁边"自动修正"的钩.)
<P align=center><FONT style="FONT-SIZE: 27pt; WIDTH: 220px; COLOR: #00ff00; HEIGHT: 10px"><IMG src="http://static.ci123.com/uploadfiles/070325/9K1Q7WznRuX4oSuY.jpg"><FONT 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://static.ci123.com/uploadfiles/070325/9K1Q7WznRuX4oSuY.jpg"></P></FONT></FONT><BR><BR>

贴子全屏的秘密

要全屏,只有一句话:

在第一个<table 后面加上

 id=table1 style="LEFT: -220px; WIDTH: 900px; ; TOP: 131px; HEIGHT: 6500px" 

这些代码即可.

适用地方:论坛发贴

<十七>透明flash多层叠加
<CENTER>
<TABLE cellSpacing=8 cellPadding=1 width=420 align=center background=http://www./bbs/UploadFile/20055131943843374.jpg border=1 table>
<TBODY>
<TR>
<TD><EMBED align=right src=http://mailimg-fs./fl/effect/19/e-fall2.swf width=400 height=300 type=application/octet-stream wmode="transparent" quality="high"><EMBED align=right src=http://image2.sina.com.cn/dongman/f/2002-05-20/1_55-4-248-235_20020520133331.swf width=400 height=300 type=application/octet-stream wmode="transparent" quality="high"><EMBED align=right src=http://static.ci123.com/uploadfiles/070402/EyQh3bt4Ru5S97d0.swf width=400 height=300 type=application/octet-stream wmode="transparent" quality="high"></TD></TR></TBODY></TABLE></CENTER>


<十八>飞舞的蝴蝶
<marquee behavior="alternate"scrollamount=8 direction=right>
<MARQUEE behavior=alternate direction=up height=200 width=90>
<img src=http://online.sccnn.com/gif8/114/03.gif></MARQUEE>
<MARQUEE behavior=alternate direction=up height=250 width=90>
<img src=http://online.sccnn.com/gif8/114/08.gif></MARQUEE>
<MARQUEE behavior=alternate direction=up height=200 width=90>
<img src=http://online.sccnn.com/gif8/114/15.gif></MARQUEE>
<MARQUEE behavior=alternate direction=up height=250 width=90>
<img src=http://online.sccnn.com/gif8/114/01.gif></MARQUEE>
<MARQUEE behavior=alternate direction=up height=200 width=90>
<img src=http://online.sccnn.com/gif8/114/17.gif></MARQUEE>
<MARQUEE behavior=alternate direction=up height=250 width=90>
<img src=http://online.sccnn.com/gif8/114/10.gif></MARQUEE>

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约