<一>更換主頁(yè)背景圖片代碼
1.固定背景圖片的代碼:
<style>body {background:url("頁(yè)面大背景圖片地址") repeat fixed!important;}</style>
固定背景代碼:就是你拉動(dòng)滾動(dòng)條的時(shí)候,圖片不動(dòng),始終固定。
2.滾動(dòng)的大背景代碼:
<style>body {background:url("頁(yè)面大背景圖片地址") repeat scroll!important;}</style>
滾動(dòng)背景代碼:隨著你拉動(dòng)滾動(dòng)條而上下滾動(dòng),適合小圖片,什么閃爍的星星之類(lèi)的!圖片很小即可,它會(huì)自動(dòng)平鋪!
<二>透明背景圖片代碼
<div style="LEFT: 180px; POSITION: absolute; TOP: 200px" align="right"><img style="FILTER: alpha(opacity=90, finishOpacity=0,style=2)" src="圖片地址" /></div>
注解: style=風(fēng)格.right=靠右.left=靠左.
FILTER=濾鏡.TOP=圖片頂端離頁(yè)面最上端距離
opacity=95”指圖片起始透明度,有效范圍“0~100”
finishOpacity=0”指圖片結(jié)束透明度,有效范圍“0~100”
<三>首頁(yè)半透明蒙紗背景效果的代碼
<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>
注:這個(gè)代碼就是在透明背景上的文章處和一側(cè)模塊處的透明蒙紗效果.這個(gè)效果的好處是即可以看見(jiàn)背景圖片,又可以看清楚文字!
以上代碼為最佳效果,不用更改即可使用!使用《灰色軌跡》系統(tǒng)模板為最佳效果!
如果你已經(jīng)使用了全部透明代碼了,還想要這個(gè)效果,最好是把你以前添加的代碼刪除,把以上代碼復(fù)制添加!
代碼中:
startColorstr=#AAFFFFFF 前面的AA是透明度,修改成FF是不透明,00是全透明,可以根據(jù)自己的需要決定透明度.
后面的 FFFFFF 是顏色,就是說(shuō)在上面蒙什么顏色的東西,可以根據(jù) 顏色代碼表上 中顏色代碼來(lái)修改顏色!
正常使用這個(gè)效果startColorstr=#AAFFFFFF和 endColorstr=#AAFFFFFF 后面的=#AAFFFFFF數(shù)值要一樣!
如果想要做顏色漸變效果:
你要修改代碼中幾個(gè)數(shù)值,
startColorstr=#AAFFFFFF 修改你要的顏色和效果
endColorstr=#AAFFFFFF 再修改成另外一個(gè)顏色和效果
GradientType ='1'這個(gè)數(shù)值也要修改,修改成0是從上到下漸變 1是從左到右漸變 2是從上到下漸變
<四>日志圖片背景代碼
<table cellSpacing="0" cellPadding="0" width="背景圖片寬度" background="背景圖片網(wǎng)址" 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>
<五>更換鼠標(biāo)樣式
<STYLE type=TEXT/CSS> BODY {CURSOR:url('鼠標(biāo)文件地址');} A
{CURSOR:hand} </STYLE>
<六>背景音樂(lè)代碼
1。<EMBED style="FILTER: Invert" src=音樂(lè)地址 width=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="0"></EMBED>
2。<embed src=音樂(lè)播放連接地址 width=200 height=50 type=audio/mpeg loop="true" autostart="true">
3。<DIV><EMBED style="FILTER: xray()" src=音樂(lè)播放連接地址 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=音樂(lè)播放連接地址 type=audio/mpeg loop="true"></DIV>
5。<EMBED style="FILTER: Alpha(opacity=50,style=2)" src=音樂(lè)播放連接地址 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=音樂(lè)播放連接地址 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=音樂(lè)鏈接區(qū) width=310 height=28 type=video/x-ms-asf loop="-1" autostart="1" volume="0" ></P></TD></TR></TBODY></TABLE>
提示:
播放器寬度width=200 高度height=50 根據(jù)需要設(shè)置,寬度和高度設(shè)為0播放器為隱藏狀態(tài).
loop="true"為循環(huán)播放,loop="false"為不循環(huán)播放.
autostart="true"為自動(dòng)播放,autostart="false"為不自動(dòng)播放.loop="2"播放次數(shù)
支持的音樂(lè)格式: wma mp3 rm ra ram asf mid.
隱藏音樂(lè)代碼
<embed src=http://home.tinp.net.tw/mypage/00088034/34folksc/3402.mp3 width=0 height=0 type=audio/mpeg loop="false" autostart="true">
移動(dòng)
<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.caolu.org/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。插入透明,無(wú)坐標(biāo)控制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。插入絕對(duì)坐標(biāo)的透明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="產(chǎn)生效果的圖片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。插入相對(duì)坐標(biāo)的透明Flash
<table border="0" cellPadding="0" cellSpacing="0" width=600 height=382 align=center background=產(chǎn)生效果的圖片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>
<八>讓圖片移動(dòng)的代碼
<MARQUEE scrollAmount=1 scrollDelay=60 direction=right width=160 height=270 onmouseover="this.stop()" onmouseout="this.start()"><IMG height=270 src="圖片網(wǎng)址1" width=160 border=0><IMG height=270 src="圖片網(wǎng)址2" width=160 border=0><IMG height=270 src="圖片網(wǎng)址3" width=160 border=0><IMG height=270 src="圖片網(wǎng)址4" width=160 border=0></A></MARQUEE>
提示:direction=right 是移動(dòng)的方向
上:up
下:down
左:right
右:left
scrollamount=5 是向下移動(dòng)速度,可以調(diào)整,一般設(shè)置在1---15的范圍內(nèi)比較好.
文字移動(dòng)也可參照這個(gè),<img............>刪除,換成文字就可以了。
<九>圖片上飄蕩的文字之代碼
<TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>
<TBODY>
<TR>
<TD background=圖片網(wǎng)址>
<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>大漠孤煙歡迎您的到來(lái)</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>
<十一>頁(yè)面置頂圖標(biāo)代碼
<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="主頁(yè)網(wǎng)址#top"><IMG src="置頂圖標(biāo)網(wǎng)址" border=0></A></DIV>
提示:
100和240是調(diào)整置頂圖標(biāo)位置的數(shù)值,可以根據(jù)需要設(shè)定。
<十二>文字類(lèi)
1一般字體顏色
<FONT style="COLOR: #f90b46; FILTER: shadow(color=#AF0530); FONT-FAMILY: 隸書(shū); FONT-SIZE: 45pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>我的天空</B></FONT>
2滾動(dòng)字幕
<MARQUEE direction=up height=40 scrollAmount=3 scrollDelay=150 width=400>
<CENTER><FONT color=#ffaa00 face=黑體 size=5>我的天空<BR></FONT></CENTER></MARQUEE>
3文字圖片同步滾動(dòng)
<MARQUEE direction=down width=480 height=50><IMG src="http://online.sccnn.com/gif8/229/1.gif"><FONT face=隸書(shū) 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>
說(shuō)明:
opacity屬性:設(shè)置透明度,取值0至100之間的任意數(shù)值,100表示完全不透明;
style屬性:設(shè)置漸變風(fēng)格,0表示均勻漸變,1表示線(xiàn)性漸變,2表示放射漸變,3表示直角漸變。
而width:100%則表示參與漸變的對(duì)象的寬度,通常都設(shè)置為100%。
6動(dòng)感模糊
<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>
說(shuō)明:
ADD屬性在運(yùn)動(dòng)模糊中,其值為0和1,0表示“否”,用于文字,1表示“是”,用于圖像;Direction屬性是模糊移動(dòng)的角度,其值為0至360度;Strength屬性是模糊移動(dòng)的距離
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>
說(shuō)明:
color屬性:設(shè)置影子文本的顏色;
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>
說(shuō)明:
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>
說(shuō)明:
add屬性:布爾型,0或1,0表示將原始對(duì)象加入最后效果中,1則反之;
freq屬性:決定顯示的頻率,即應(yīng)出現(xiàn)多少個(gè)波形;
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>
說(shuō)明:
color屬性:光暈顏色;strength:光暈的厚度。
11相對(duì)移動(dòng)文字圖片
<MARQUEE direction=right width=250 height=50><IMG src="http://online.sccnn.com/gif8/197/01.gif"><FONT face=隸書(shū) 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=隸書(shū) color=#ff0000 size=7>自由的天空<IMG src="http://online.sccnn.com/gif8/197/01.gif"></FONT></MARQUEE>
12相向移動(dòng)文字圖片
<MARQUEE width=250 height=50><IMG src="http://online.sccnn.com/gif8/179/009.gif"><FONT face=隸書(shū) 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=隸書(shū) 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跳動(dòng)的文本
<CENTER><FONT face=隸書(shū) 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.fshome.com.cn/bbs/UploadFile/200551319273660746.gif>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699)">
<TABLE cellSpacing=0 cellPadding=0 width=588 align=center background=http://www.fshome.com.cn/bbs/UploadFile/200551319272463012.jpg>
<TBODY>
<TR>
<TD align=middle><FONT style="FONT-SIZE: 60pt" face=華文行楷 color=#336699><B><EM><BR>新年快樂(lè)<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.fshome.com.cn/bbs/UploadFile/200551319401338301.gif>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699)">
<TABLE width=450 align=center background=http://www.fshome.com.cn/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>新年快樂(lè)<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=隸書(shū) color=#336699>2008年</P></FONT></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</P>
<十三>圖片類(lèi)
1。圖片鏈接代碼
如果要點(diǎn)一下圖片就能打開(kāi)一個(gè)網(wǎng)站的鏈接代碼是這樣的:
<a href="網(wǎng)站";><img src="鏈接的圖片"; width="150" height="100"></a>
如果要點(diǎn)一下圖片就能打開(kāi)一個(gè)網(wǎng)站的鏈接,并且重新打開(kāi)一個(gè)窗口。代碼是這樣的:
<a href="網(wǎng)站";; target="_blank"><img src="鏈接的圖片"; width="150" height="100"></a>
上面的數(shù)字都能調(diào)節(jié)圖片尺寸大小。
<十四>邊框代碼
1一層邊框
<TABLE cellSpacing=1 cellPadding=0 width="100%" align=center bgcolor=red border=5>
<TBODY>
<TR>
<TD>加入內(nèi)容</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>加入內(nèi)容</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>
依此類(lèi)推
<十五>圖片邊框
一層圖片
<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>加入內(nèi)容</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>加入內(nèi)容</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=隸書(shū) 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=隸書(shū) color=#ef219d size=6>插入文字</FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>
依此類(lèi)推
<十六>加入圖片的代碼
一、單純的一張圖片
<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網(wǎng)址 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網(wǎng)址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網(wǎng)址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>
三、兩個(gè)FLASH上下排列的圖片:
<TABLE cellSpacing=0 cellPadding=0 width=400 height=300 background=背景圖片地址 border=1 bortercolor="#000000">
<TBODY>
<TR>
<TD>
<P align=center><EMBED src=Flash網(wǎng)址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網(wǎng)址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>
四、下上移動(dòng)的圖片們:
<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>
五、左右移動(dòng)的圖片(要有個(gè)背景喲)
<CENTER>
<MARQUEE scrollAmount=1 direction=right behavior=alternate width="100%">
<CENTER>
<TABLE cellSpacing=0 width=400 background=http://pugongyingw.51.net/image/xiantiao/d/14.gif border=0 cellpading="0">
<TBODY>
<TR>
<TD>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/bihe.jpg___2004511215822101.jpg"></P>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/by.jpg___2004511215822766.jpg"></P>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/htys.jpg___2004511215822890.jpg"></P>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/hyxq.jpg___2004511215822564.jpg"></P>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/lty.jpg___2004511215822316.jpg"></P>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/zyh.jpg___2004511215916227.jpg"></P>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/yannian.jpg___200451121591787.jpg"></P>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/xbh.jpg___2004511215917981.jpg"></P>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/mdqg.jpg___20045112203661.jpg"></P>
<P align=center><IMG src="<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>
七:圖片倒影效果:
(使用時(shí)必須去掉"HTML"旁邊"自動(dòng)修正"的鉤.)
<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=">
貼子全屏的秘密
要全屏,只有一句話(huà):
在第一個(gè)<table 后面加上
id=table1 style="LEFT: -220px; WIDTH: 900px; ; TOP: 131px; HEIGHT: 6500px"
這些代碼即可.
適用地方:論壇發(fā)貼
<十七>透明flash多層疊加
<CENTER>
<TABLE cellSpacing=8 cellPadding=1 width=420 align=center background=http://www.fshome.com.cn/bbs/UploadFile/20055131943843374.jpg border=1 table>
<TBODY>
<TR>
<TD><EMBED align=right src=http://mailimg-fs.hanmail.net/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>
聯(lián)系客服