HTML代碼學習（一）

八里根 2008-01-10

展開全文

HTML代碼學習（一）

全屏代碼

云中苑音畫樂園發(fā)帖代碼：

（一）
<P><A href="網(wǎng)址" target=_blank><FONT face=華文行楷 color=#c48888 size=6>請點擊全屏觀賞</FONT></A><B></B></P><BR>
<DIV style="LEFT: -200px; WIDTH: 1024px; POSITION: relative; TOP: 150px"><IFRAME marginWidth=0 marginHeight=0 src="網(wǎng)址" frameBorder=0 width=1000 scrolling=no height=3500></IFRAME></DIV><BR><BR><BR><BR><BR><BR><BR><BR><FONT color=#ffffff>11</FONT><BR>
<DIV></DIV>
<DIV></DIV>
<P></P><BR><BR><BR>
<DIV></DIV>
<P></P>

（二）
<P>點此進入---<A href="網(wǎng)址" target=_blank>全屏欣賞<BR></A><BR><IFRAME id=table1 style="LEFT: -235px; WIDTH: 1048px; POSITION: relative; TOP: 150px" marginWidth=0 marginHeight=0 src="網(wǎng)址" frameBorder=0 width="100%" scrolling=no height=帖子高度></IFRAME><BR>
<P><BR></P><BR>
<P><BR></P><BR>
<P><BR></P><BR>
<P><BR></P>

方法：復制以上內(nèi)容把其粘貼在Discuz!代碼模式下，把網(wǎng)址在粘貼在網(wǎng)址的位置，再次設置帖子高度，最后點發(fā)表即可。

全屏FIASH

FIASH 定位代碼

FIASH 從頂層落下

移動文字基本語法:

說明:left 向右移動

right 向左移動

scroll 一圈一圈繞著走

slide 只走一次

alternate 來回走

</marquee>

</marquee>說明:alternate 向右移動

scrollamount 移動速度

scrolldelay 停停走走

direction=up 向上

direction=down 向下

幾款最常用的播放器

代碼如下
(EMBED src="歌曲地址" width=300 height=50 type=audio/mpeg loop="-1" autostart="FALSE" volume="0")

代碼如下
(EMBED style="FILTER: invert()" src="歌曲地址" width=300 height=50 type=audio/mpeg volume="0" autostart="TRUE" loop="true")

代碼如下
(EMBED style="FILTER: Xray" src=歌曲地址 width=300 height=05 type=audio/mpeg loop="-1" autostart="false" volume="0")

代碼如下
(EMBED style="FILTER: GRAY()" src="歌曲地址" width=300 height=45 type=audio/mpeg loop="-1" autostart="true" volume="0")
重要提示：
1 復制時務必將（EMBED。。。）前后的括號（）替換成<>。這點非常重要。
2 WIDTH代表播放器寬度，HEIGHT代表高度，后面的數(shù)值可依自己喜好進行調(diào)整。
3 AUTOSTART="TRUE" 這里TRUE代表自動播放，如果換成FALSE則代表手動播放。

在圖片上寫字

<TABLE cellSpacing=0 cellPadding=0 width=350 background=http:///luntan/UploadFile/2005-8/2005818195159245.gif border=0>
<TBODY>
<TR>
<TD align=middle width="100%"><FONT style="FONT-SIZE: 30pt; FILTER: shadow(color:#000000, strength:6,direction:113,); WIDTH: 100%; COLOR: #cc5233; LINE-HEIGHT: 100%; FONT-FAMILY: 漢鼎繁古印"><B><BR><BR>歡迎光臨<BR><BR>詩兒作業(yè)</B></FONT></TD></TR></TBODY></TABLE>

把效果跟上

歡迎光臨

詩兒作業(yè)

更改圖片上字體顏色或圖片

<TABLE cellSpacing=0 cellPadding=0 width=350 background=http:///luntan/UploadFile/2007-6/200762581241980.jpg border=0>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#FF0000)" align=middle width="100%"><FONT style="FONT-SIZE: 40pt; FILTER: shadow(color:#000000, strength:6,direction:113,); WIDTH: 100%; COLOR: #FF0000; LINE-HEIGHT: 110%; FONT-FAMILY: 漢鼎繁古印"><B><BR><BR>歡迎光臨<BR><BR>詩兒作業(yè)</B></FONT></TD></TR></TBODY></TABLE>

看效果

歡迎光臨

詩兒作業(yè)

直接套用代碼.只需更改圖片地址,文字,文字大小,以及文字顏色.要留意代碼中的紅色部分:這兩個顏色代碼要是一樣出來的文字便是透明的.

ffffff	ffffcc	ffff99	ffff66
ffccff	ffcccc	ffcc99	ffcc66
ff99ff	ff99cc	ff9999	ff9966
ff66ff	ff66cc	ff6699	ff6666
ff33ff	ff33cc	ff3399	ff3366
ff00ff	ff00cc	ff0099	ff0066
ccffff	ccffcc	ccff99	ccff66
ccccff	cccccc	cccc99	cccc66
cc99ff	cc99cc	cc9999	cc9966
cc66ff	cc66cc	cc6699	cc6666
cc33ff	cc33cc	cc3399	cc3366
cc00ff	cc00cc	cc0099	cc0066
99ffff	99ffcc	99ff99	99ff66
99ccff	99cccc	99cc99	99cc66
9999ff	9999cc	999999	999966
9966ff	9966cc	996699	996666
9933ff	9933cc	993399	993366
9900ff	9900cc	990099	990066
66ffff	66ffcc	66ff99	66ff66
66ccff	66cccc	66cc99	66cc66
6699ff	6699cc	669999	669966
6666ff	6666cc	666699	666666
6633ff	6633cc	663399	663366
6600ff	6600cc	660099	660066
33ffff	33ffcc	33ff99	33ff66
33ccff	33cccc	33cc99	33cc66
3399ff	3399cc	339999	339966
3366ff	3366cc	336699	336666
3333ff	3333cc	333399	333366
3300ff	3300cc	330099	330066
00ffff	00ffcc	00ff99	00ff66
00ccff	00cccc	00cc99	00cc66
0099ff	0099cc	009999	009966
0066ff	0066cc	006699	006666
0033ff	0033cc	003399	003366
0000ff	0000cc	000099	000066

EEEEEE	FF00CC	FF66FF	FF00FF
DDDDDD	FFCCCC	FF66CC	FF00CC
CCCCCC	FFCC99	FF6699	FF0099
BBBBBB	FFCC66	FF6666	FF0066
AAAAAA	FFCC33	FF6633	FF0033
999999	FFCC00	FF6600	FF0000
888888	CCCCFF	CC66FF	CC00FF
777777	CCCCCC	CC66CC	CC00CC
666666	CCCC99	CC6699	CC0099
555555	CCCC66	CC6666	CC0066
444444	CCCC33	CC6633	CC0033
333333	CCCC00	CC6600	CC0000
222222	99CCFF	9966FF	9900FF
111111	99CCCC	9966CC	9900CC
000000	99CC99	996699	990099
FF0000	99CC66	996666	990066
EE0000	99CC33	996633	990033
DD0000	99CC00	996600	990000
CC0000	66CCFF	6666FF	6600FF
BB0000	66CCCC	6666CC	6600CC
AA0000	66CC99	666699	660099
990000	66CC66	666666	660066
880000	66CC33	666633	660033
770000	66CC00	666600	660000
660000	33CCFF	3366FF	3300FF
550000	33CCCC	3366CC	3300CC
440000	33CC99	336699	330099
330000	33CC66	336666	330066
220000	33CC33	336633	330033
110000	33CC00	336600	330000
FFFFFF	00CCFF	0066FF	0000FF
FFFFCC	00CCCC	0066CC	0000CC
FFFF99	00CC99	006699	000099
FFFF66	00CC66	006666	000066
FFFF33	00CC33	006633	000033
FFFF00	00CC00	006600	000000
CCFFFF	FF99FF	FF33FF	00FF00
CCFFCC	FF99CC	FF33CC	00EE00
CCFF99	FF9999	FF3399	00DD00
CCFF66	FF9966	FF3366	00CC00
CCFF33	FF9933	FF3333	00BB00
CCFF00	FF9900	FF3300	00AA00
99FFFF	CC99FF	CC33FF	990099
99FFCC	CC99CC	CC33CC	008800
99FF99	CC9999	CC3399	007700
99FF66	CC9966	CC3366	006600
99FF33	CC9933	CC3333	005500
99FF00	CC9900	CC3300	004400
66FFFF	9999FF	9933FF	003300
66FFCC	9999CC	9933CC	002200
66FF99	999999	993399	001100
66FF66	999966	993366	0000FF
66FF33	999933	993333	0000EE
66FF00	999900	993300	0000DD
33FFFF	6699FF	6633FF	0000CC
33FFCC	6699CC	6633CC	0000BB
33FF99	669999	663399	0000AA
33FF66	669966	663366	000099
33FF33	669933	663333	000088
33FF00	669900	663300	000077
00FFFF	3399FF	3333FF	000066
00FFCC	3399CC	3333CC	000055
00FF99	339999	333399	000044
00FF66	339966	333366	000033
00FF33	339933	333333	000022
00FF00	339900	333300	000011
0099FF	0033FF	0099CC	0033CC
009999	003399	009966	003366
009933	003333	009900	003300

怎樣將FLASH做背景

<FONT size=4>看上邊(在透明FISAH上邊加字) </FONT>
<DIV style="LEFT: 0px; OVERFLOW: hidden; WIDTH: 530px; POSITION: relative; TOP: 0px; HEIGHT: 390px">
<DIV style="LEFT: -50px; POSITION: absolute; TOP: -50px"><EMBED src=http:///luntan/UploadFile/2007-6/2007619121453144.swf width=630 height=480 type=application/octet-stream wmode="transparent" quality="high"> </DIV>
<DIV style="LEFT: 80px; POSITION: absolute; TOP: 120px">
<TABLE cellSpacing=0 cellPadding=0 width=410 align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#ffff66)">
<DIV style="FILTER: glow(color=#00ff00 strength=19); WIDTH: 100%; COLOR: white"><FONT style="FONT-SIZE: 56pt; FONT-FAMILY: 漢儀秀英體簡" color=#ffff66><B>詩兒作業(yè)</B> </FONT></DIV></TD></TR></TBODY></TABLE></DIV></DIV>

將FLASH做背景的關(guān)鍵有兩點:
1.FLASH一定要用透明代碼,不然其他層放不上去.
2.FLASH一般都露出背景色,可將FLASH尺寸設定比表格大,然后將top: 和 left:設定負數(shù)來割去多余的背景色,以不露底為原則,割多了也影響美觀.

屏風特效代碼：
<TABLE cellSpacing=0 cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=95><IMG src="http:///luntan/UploadFile/2005-8/2005818141658793.jpg"></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 width=95><IMG src="http:///luntan/UploadFile/2005-8/2005818141658793.jpg"></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=95><IMG src="http:///luntan/UploadFile/2005-8/2005818141658793.jpg"></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 width=95><IMG src="http:///luntan/UploadFile/2005-8/2005818141658793.jpg"></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=95><IMG src="http:///luntan/UploadFile/2005-8/2005818141658793.jpg"></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 width=95><IMG src="http:///luntan/UploadFile/2005-8/2005818141658793.jpg"></MARQUEE></TD></TR></TBODY></TABLE>
<P> </P>
<P> </P>

往上移動的圖片代碼：

圖片上移動的字代碼：
<TABLE height=400 cellSpacing=0 cellPadding=0 width=600 align=center background=http:///luntan/UploadFile/2005-8/2005818141748396.jpg border=3>
<TBODY>
<TR>
<TD>
<P align=center>
<MARQUEE scrollAmount=3 direction=up>
<P align=center><FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=black,direction=180); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 華文行楷"><B>朋友啊</B></P>
<P align=center><FONT face=隸書 color=#800080 size=18>大家好!</FONT></P>
<P align=center>
<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 華文彩云"><B>祝你快樂！</B></FONT></CENTER>
<DIV></DIV></FACE></SIZE></COLOR>
<P></P></FONT></MARQUEE></P></TD></TR></TBODY></TABLE></P>

還是看效果!

朋友啊

大家好!

祝你快樂！

左右移動的圖片代碼：

看效果

羽化效果代碼：<P align=center>
<CENTER>
<TABLE cellSpacing=0 cellPadding=0 width=600 border=10>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=180,style=2)" width=400 background=http:///luntan/UploadFile/2005-8/2005818141658793.jpg height=500></TD></TR></TBODY></TABLE></CENTER>