HTML代码学习(一)
全屏代码
<DIV style="LEFT: -213px; WIDTH: 1000px; POSITION: relative; TOP: 80px"> 云中苑音画乐园发帖代码: (一) <P><A href="网址" 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="网址" 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="网址" target=_blank>全屏欣赏<BR></A><BR><IFRAME id=table1 style="LEFT: -235px; WIDTH: 1048px; POSITION: relative; TOP: 150px" marginWidth=0 marginHeight=0 src="网址" frameBorder=0 width="100%" scrolling=no height=帖子高度></IFRAME><BR> <P><BR></P><BR> <P><BR></P><BR> <P><BR></P><BR> <P><BR></P> 方法:复制以上内容把其粘贴在Discuz!代码模式下,把网址在粘贴在网址的位置,再次设置帖子高度,最后点发表即可。 全屏FIASH
FIASH 定位代码 <EMBED style="LEFT: 80px; WIDTH: 810px; POSITION: absolute; TOP: 2000px; HEIGHT: 1250px" src=特效地址 width=810 height=730 type=application/octet-stream; quality="high" wmode="transparent" embed=""> FIASH 从顶层落下
移动文字基本语法: <marquee direction=left>欢迎您!</marquee> <marquee direction=right>欢迎您!</marquee> <marquee behavior=scroll>欢迎您!</marquee> <marquee behavior=slide>欢迎您!</marquee> <marquee behavior=alternate>欢迎您!</marquee> 说明:left 向右移动 right 向左移动 scroll 一圈一圈绕着走 slide 只走一次 alternate 来回走 <marquee loop=3 width=454 behavior=alternate>欢迎您!</marquee> <marquee scrollamount=20>欢迎您!</marquee> <marquee scrolldelay=500 scrollamount=100>欢迎您!</marquee> <marquee direction=up scrollamount=3><center><font color="008000" size="3" face="宋体">欢迎您!</font></center> </marquee> <marquee direction=down scrollamount=3> <center><font color="008000" size="3" face="宋体">欢迎您!</font> </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代表高度,后面的数值可依自己喜好进行调整。 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>诗儿作业</B></FONT></TD></TR></TBODY></TABLE> 把效果跟上
更改图片上字体颜色 或图片
<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>诗儿作业</B></FONT></TD></TR></TBODY></TABLE> 看效果
直接套用代码.只需更改图片地址,文字,文字大小,以及文字颜色.要留意代码中的红色部分:这两个颜色代码要是一样出来的文字便是透明的.
怎样将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>诗儿作业</B> </FONT></DIV></TD></TR></TBODY></TABLE></DIV></DIV> 将FLASH做背景的关键有两点: 1.FLASH一定要用透明代码,不然其他层放不上去. 2.FLASH一般都露出背景色,可将FLASH尺寸设定比表格大,然后将top: 和 left:设定负数来割去多余的背景色,以不露底为原则,割多了也影响美观. 屏风特效代码:
<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> 往上移动的图片 代码:
<CENTER>
<MARQUEE scrollAmount=3 scrollDelay=150 direction=up width=450 height=500 border="1" borderColor="#000000"> <P align=center><IMG src="http:///luntan/UploadFile/2005-8/200581814171824.jpg"></P> <P align=center><IMG src="http:///luntan/UploadFile/2005-8/2005818141658793.jpg"></P> <P align=center><IMG src="http:///luntan/UploadFile/2005-8/2005818141748396.jpg"></P></MARQUEE></CENTER> 图片上移动的字 代码:
<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> 还是看效果!
左右移动的图片 代码:
<CENTER>
<MARQUEE scrollAmount=3 direction=right behavior=alternate width="100%"> <CENTER> <TABLE cellSpacing=0 width=400 background=http:///luntan/UploadFile/2005-8/2005818141658793.jpg border=0 cellpading="0"> <TBODY> <TR> <TD><P align=center><IMG src=http:///luntan/UploadFile/2005-8/200581814171824.jpg></P> <P align=center><IMG src=http:///luntan/UploadFile/2005-8/2005818141748396.jpg></P> <P align=center><IMG src=http:///luntan/UploadFile/2005-8/200581814171824.jpg></P> <P align=center><IMG src=http:///luntan/UploadFile/2005-8/2005818141748396.jpg></P> </TD></TR></TBODY></TABLE></CENTER></MARQUEE></CENTER> 看效果
羽化效果 代码:<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>
|
|