自由人户外社区 » 〖影音分享〗 » 简易HTML代码及图框架结构教程
本页主题: 简易HTML代码及图框架结构教程 打印 | 加为IE收藏 | 收藏主题 | 上一主题 | 下一主题

啪啪作响

魔域世界狂热劲爆DJ

级别: 论坛版主
精华: 27
发帖: 6317
威望: 132 点
自由币: 4233 圆
贡献值: 0 点
好评度: 4293 点
在线时间:1447(小时)
注册时间:2005-03-29
最后登录:2007-08-23

简易HTML代码及图框架结构教程

Posted: 2006-03-12 22:34 | [楼 主]
啪啪作响

魔域世界狂热劲爆DJ

级别: 论坛版主
精华: 27
发帖: 6317
威望: 132 点
自由币: 4233 圆
贡献值: 0 点
好评度: 4293 点
在线时间:1447(小时)
注册时间:2005-03-29
最后登录:2007-08-23

一.在FLASH上面显示文字

海底世界

代码:

<DIV style="position:relative; top:0px; left:0px; width:530px; height:390px; overflow: hidden">

<div style="position: absolute; top: -50px; left: -50px">
<EMBED src="http://homepage2.nifty.com/~kmid/flash/0406/sangosanran-c.swf" width=630 height=480 type=application/octet-stream wmode="transparent" quality="high">
</EMBED>
</div>

<div style="position: absolute; top: 120px; left: 80px">
<TABLE cellSpacing=0 cellPadding=0 width=510 align=center border=0><TR><TD style="filter:chroma(color=#ffff66)"><SPAN style="width:100%;filter:glow(color=#00ff00 strength=19);color:white"><FONT style=" FONT-FAMILY: 华文新魏; FONT-SIZE: 66pt;" color=#ffff66>
<b>海底世界</b>
</FONT></SPAN></TD></TR></TABLE>
</div>

</DIV>


将FLASH做背景的关键有两点:


1.FLASH一定要用透明代码,不然其他层放不上去.
2.FLASH一般都露出背景色,可将FLASH尺寸设定比表格大,然后将top: 和 left:设定负数来割去多余的背景色,以不露底为原则,割多了也影响美观.

一般flash作品都是有固定尺寸比例的,张贴的时候也要按照这个比例放大和缩小(即长度放大一倍,宽度也要放大一倍)。如果随意设置flash的长度和宽度的话,就会露出难看的边缘、以及其它不该出现的画面,大大破坏flash的完整和美观。(当然已经考虑到这个问题的flash作品没有这样的问题,但很少)

至于如何得到该flash预定的尺寸,直接在自己电脑里打开(要装有flash播放器),拷屏,用“画图”测量。当然也可以根据估算不断调整而得出粗略的数值。

举例:

这是按照正确比例贴出的flash(长400、宽290):






如果不这样的话,就难看了:






一.透明FLASH代码:

<EMBED height=260 pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.nice.or.jp/~mosmos/free/f101.swf type=application/x-shockwave-flash width=400 wmode="transparent" quality="high"></EMBED>

效果:

二:

大幅脱框透明FLASH代码:

<EMBED style="RIGHT: 100px; WIDTH: 600px; POSITION: absolute; TOP: 0px; HEIGHT: 1000px" align=right src=http://imgfree.21cn.com/free/flash/121.swf type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED>




三:图片加透明FLASH代码:

<P align=center>
<TABLE height=420 cellPadding=0 width=293 align=center background=http://img013.photo.wangyou.com/2005/9/1/145863/200511257409570.gif border=0>
<TBODY>
<TR>
<TD><EMBED align=right src=http://www.nice.or.jp/~mosmos/free/f105.swf width=293 height=420 type=application/x-shockwave-flash wmode="transparent" quality="high">
</TD></TR></TBODY></TABLE></P>

效果:

 

日知其所无,不亦乐呼。

=460) window.open('http://img440.imageshack.us/img440/2726/30210436zt9.gif');" onload="if(this.width>'460')this.width='460';">
Posted: 2006-03-12 22:39 | 1 楼
啪啪作响

魔域世界狂热劲爆DJ

级别: 论坛版主
精华: 27
发帖: 6317
威望: 132 点
自由币: 4233 圆
贡献值: 0 点
好评度: 4293 点
在线时间:1447(小时)
注册时间:2005-03-29
最后登录:2007-08-23

代码如下:


<TABLE borderColor=#4F3256 background=背景图片 border=1><TBODY><TR><TD style="FILTER: alpha(opacity=50,style=3)"><P align=center><EMBED src=http://3hj.cn/bbs/uploadfile/2005-2/200523204357888.wma width=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="0"></P></TD></TR></TBODY></TABLE></B></FONT>

-------------------------------

 

代码如下:

代码:

代码如下:

<TABLE style="BORDER-RIGHT: #ff69b4 3px dotted; BORDER-TOP: #ff69b4 3px dotted; BORDER-LEFT: #ff69b4 3px dotted; BORDER-BOTTOM: #ff69b4 3px dotted" cellSpacing=0 cellPadding=0 bgColor=white><TBODY><TR><TD><TABLE style="BORDER-RIGHT: #ff69b4 3px dashed; BORDER-TOP: #ff69b4 3px dashed; BORDER-LEFT: #ff69b4 3px dashed; BORDER-BOTTOM: #ff69b4 3px dashed" cellSpacing=0 cellPadding=0 bgColor=white><TBODY><TR><TD><TABLE style="BORDER-RIGHT: #ff69b4 3px dotted; BORDER-TOP: #ff69b4 3px dotted; BORDER-LEFT: #ff69b4 3px dotted; BORDER-BOTTOM: #ff69b4 3px dotted" cellSpacing=2 cellPadding=0 bgColor=white><TBODY><TR><TD><TABLE borderColor=#ff69b4 align=center bgColor=#ffccf5 border=2><TBODY><TR><TD style="FILTER: alpha(opacity=100,style=3)"><P align=center><EMBED src=http://cherry.jazzsky.com/LIU/all_about_you.wma width=300 height=45 type=audio/mpeg volume="0" autostart="false" loop="-1"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></FONT>

----------------------------------

 

 

代码:

<TABLE style="BORDER-RIGHT: #ff69b4 3px dotted; BORDER-TOP: #ff69b4 3px dotted; BORDER-LEFT: #ff69b4 3px dotted; BORDER-BOTTOM: #ff69b4 3px dotted" cellSpacing=0 cellPadding=0 align=center bgColor=white><TBODY><TR><TD><TABLE borderColor=#ff69b4 align=center bgColor=#ffccf5 border=2><TBODY><TR><TD style="FILTER: alpha(opacity=100,style=3)"><P align=center><EMBED src=http://cherry.jazzsky.com/LIU/all_about_you.wma width=300 height=45 type=audio/mpeg volume="0" autostart="false" loop="-1"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></FONT>

--------------------------------

代码:

<TABLE style="BORDER-RIGHT: #000000 3px dashed; BORDER-TOP: #000000 3px dashed; BORDER-LEFT: #000000 3px dashed; BORDER-BOTTOM: #000000 3px dashed" cellSpacing=0 cellPadding=0 bgColor=#00000><TBODY><TR><TD><TABLE borderColor=#000000 align=center border=1><TBODY><TR><TD><P align=center><EMBED style="FILTER: Xray" src=http://cherry.jazzsky.com/LIU/all_about_you.wma width=300 height=45 type=audio/mpeg volume="0" autostart="false" loop="-1"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></FONT>

-----------------------------------

 

代码:

<TABLE borderColor=#dee4fe cellSpacing=3 cellPadding=0 background=http://www.yhbbs.com/UploadFile/2004-12/2004123023101352.gif border=2><TBODY><TR><TD><TABLE align=center border=0><TBODY><TR><TD style="FILTER: alpha(opacity=60,style=3)"><P align=center><EMBED style="FILTER: Gray" src=http://cherry.jazzsky.com/LIU/all_about_you.wma width=300 height=45 type=audio/mpeg volume="0" autostart="false" loop="-1"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></FONT>

------------------------------

 

代码:

<TABLE style="BORDER-RIGHT: #000000 3px dashed; BORDER-TOP: #000000 3px dashed; BORDER-LEFT: #000000 3px dashed; BORDER-BOTTOM: #000000 3px dashed" cellSpacing=0 cellPadding=0 bgColor=#00000>
<TBODY>
<TR>
<TD>


<TABLE style="BORDER-RIGHT: #ff69b4 3px dotted; BORDER-TOP: #ff69b4 3px dotted; BORDER-LEFT: #ff69b4 3px dotted; BORDER-BOTTOM: #ff69b4 3px dotted" cellSpacing=0 cellPadding=0 align=center bgColor=white>
<TBODY>
<TR>
<TD>


<TABLE style="BORDER-RIGHT: #000000 3px dashed; BORDER-TOP: #000000 3px dashed; BORDER-LEFT: #000000 3px dashed; BORDER-BOTTOM: #000000 3px dashed" cellSpacing=0 cellPadding=0 bgColor=#00000>
<TBODY>
<TR>
<TD>


<TABLE borderColor=#ff69b4 align=center border=1>
<TBODY>
<TR>
<TD>
<P align=center><EMBED style="FILTER: Xray" src=http://cherry.jazzsky.com/LIU/all_about_you.wma width=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="0"></P>

</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

---------------------------------

 

代码:

<TABLE borderColor=#dee4fe cellSpacing=3 cellPadding=0 background=http://txws.qq.topzj.com/attachments/m27//29/94/29949/forumid_21776/200571432731116311_5PXoLTHlKYZK.gif border=2>
<TBODY>
<TR>
<TD>
<TABLE align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: alpha(opacity=60,style=3)">
<P align=center><EMBED style="FILTER: Gray" src=http://cherry.jazzsky.com/LIU/all_about_you.wma width=300 height=23 type=audio/mpeg loop="-1" autostart="false" volume="0"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
----------------------------------------



代码:

<EMBED style="FILTER: gray()" src=http://3hj.cn/bbs/uploadfile/2005-2/200523204357888.wma width=200 height=45 type=audio/x-ms-wma showstatusbar="1" volume="0" loop="-1"><BR>

-----------------------------------------

 

代码:

<TABLE style="FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)gray(); WIDTH: 259px; HEIGHT: 83px">
<TBODY>
<TR>
<TD><EMBED style="BORDER-RIGHT: silver 1px solid; BORDER-TOP: silver 1px solid; BORDER-LEFT: silver 1px solid; BORDER-BOTTOM: silver 1px solid" src=http://home.naver.com/uimam78/sad.asx width=250 height=50 type=audio/x-mplayer2 loop="-1" autostart="1" volume="0" EnableContextMenu="0" showstatusbar="1" console="video"> </TD></TR></TBODY></TABLE>

---------------------------------------

代码:

<BR><EMBED style="FILTER: invert(); WIDTH: 400px; HEIGHT: 28px" src=http://home.naver.com/uimam78/sad.asx>

------------------------------------

<TABLE id=table1 style="BORDER-COLLAPSE: collapse" height=23 cellSpacing=0 cellPadding=0 width=400 background=http://www.xihubbs.com/bbs/uploadfile/2005-5/200553165033283.gif border=1>
<TBODY>
<TR>
<TD>
<TABLE id=table2 style="FILTER: Chroma(Color='#000000')" height=23 cellSpacing=0 cellPadding=0 width=400 border=0>
<TBODY>
<TR>
<TD>
<P align=left><FONT size=1>[MP=400,23]http://home.naver.com/uimam78/sad.asx [/MP] </FONT></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
---------------------------------

[MP=400,23]http://home.naver.com/uimam78/sad.asx [/MP]

代码:

<TABLE id=table1 style="BORDER-COLLAPSE: collapse" height=23 cellSpacing=0 cellPadding=0 width=400 background=http://www.xihubbs.com/bbs/uploadfile/2005-5/200553165033283.gif border=1>
<TBODY>
<TR>
<TD>
<TABLE id=table2 style="FILTER: Chroma(Color='#000000')" height=23 cellSpacing=0 cellPadding=0 width=400 border=0>
<TBODY>
<TR>
<TD>
<P align=left><FONT size=1>[MP=400,23]http://home.naver.com/uimam78/sad.asx [/MP] </FONT></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

日知其所无,不亦乐呼。

=460) window.open('http://img440.imageshack.us/img440/2726/30210436zt9.gif');" onload="if(this.width>'460')this.width='460';">
Posted: 2006-03-12 22:47 | 2 楼
啪啪作响

魔域世界狂热劲爆DJ

级别: 论坛版主
精华: 27
发帖: 6317
威望: 132 点
自由币: 4233 圆
贡献值: 0 点
好评度: 4293 点
在线时间:1447(小时)
注册时间:2005-03-29
最后登录:2007-08-23

这里
音画走廊欢迎你
代码:<CENTER><FONT style="COLOR: #FFFF00; FILTER: shadow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%">音画走廊</FONT></CENTER>
音画走廊欢迎你
<CENTER><FONT style="COLOR: #FFFF00; FILTER: glow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%">音画走廊欢迎你</FONT></CENTER>
音画走廊期待你的浪漫之旅! !旅之漫浪的你待期廊走画音

代码:

<FONT color=#FFFF00 face=隶书 size=7><MARQUEE height=50 width=240>音画走廊期待你的浪漫之旅!</FONT></MARQUEE><FONT color=#00FF00 face=隶书 size=7><MARQUEE direction=right height=50 width=240>!旅之漫浪的你待期廊走画音</MARQUEE></FONT></FONT>




音画走廊欢迎你!

代码:

<MARQUEE scrollAmount=1 scrollDelay=90 direction=up height=200 <CENTER><FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #ffff00; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">音画走廊欢迎你!</FONT>
<CENTER></CENTER></MARQUEE>

音画走廊欢迎你!

代码:

<FONT style="FONT-SIZE: 30pt; FILTER: glow(color=gray,strength=4); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷"><B>音画走廊欢迎你!</B></FONT>

音画走廊欢迎你!

代码:

<P><FONT style="FONT-SIZE: 30pt; FILTER: alpha(opacity=100,style=3); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷">音画走廊欢迎你!</FONT></P>

音画走廊欢迎你!

代码:

<FONT style="FONT-SIZE: 30pt; FILTER: dropshadow(color=gray,offX=5,offY=3,Positive=1); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷"><B>音画走廊欢迎你!</B></FONT>

代码:

<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 color=red>
<MARQUEE direction=up behavior=alternate width=60 height=80>你</MARQUEE></B></MARQUEE></FONT></FONT></FONT></CENTER>
<P></FONT></FONT></FONT></FONT></FONT></FONT></P>

音画走廊欢迎你!
祝朋友们幸福快乐!

代码:

<MARQUEE direction=right>
<TABLE cellSpacing=0 cellPadding=0 align=center background=http://znrs.2000y.net/UploadFile/2004-5/2004510115258900.jpg>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699)">
<TABLE align=center bgColor=red>
<TBODY>
<TR>
<TD align=middle><FONT style="FONT-SIZE: 60pt" face=华文行楷 color=#336699>音画走廊欢迎你!</FONT></TD></TR></TBODY></TABLE></FONT></TD></TR></TBODY></TABLE></FONT></MARQUEE>
<MARQUEE direction=up>
<TABLE cellSpacing=0 cellPadding=0 align=center background=http://xz7.2000y.net/admin/uploadfile/20044119194846010.jpg>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699)">
<TABLE align=center bgColor=lime>
<TBODY>
<TR>
<TD align=middle><FONT style="FONT-SIZE: 60pt" face=华文行楷 color=#336699>祝朋友们幸福快乐!</FONT></TD></TR></TBODY></TABLE></FONT></TD></TR></TBODY></TABLE></FONT></MARQUEE>

代码:

<DIV class=quote>
<CENTER>
<MARQUEE scrollAmount=2 width=80 height=87 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=汉鼎繁中变 color=#6495ed>音<IMG src="http://bbs.mz99.com/UploadFile/2004-6/20046734212802.gif"></FONT></B></MARQUEE>
<MARQUEE scrollAmount=2 width=80 height=87 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=汉鼎繁中变 color=#6495ed>画 <IMG src="http://bbs.mz99.com/UploadFile/2004-6/20046734212802.gif"></FONT></B></MARQUEE>
<MARQUEE scrollAmount=2 width=80 height=87 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=汉鼎繁中变 color=#6495ed>走 <IMG src="http://bbs.mz99.com/UploadFile/2004-6/20046734212802.gif"></FONT></B></MARQUEE>
<MARQUEE scrollAmount=2 width=80 height=87 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=汉鼎繁中变 color=#6495ed>廊<IMG src="http://bbs.mz99.com/UploadFile/2004-6/20046734212802.gif"></FONT></B></MARQUEE>
<MARQUEE scrollAmount=2 width=80 height=87 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=汉鼎繁中变 color=#6495ed>欢 <IMG src="http://bbs.mz99.com/UploadFile/2004-6/20046734212802.gif"></FONT></B></MARQUEE>
<MARQUEE scrollAmount=2 width=80 height=87 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=汉鼎繁中变 color=#6495ed>迎 <IMG src="http://bbs.mz99.com/UploadFile/2004-6/20046734212802.gif"></FONT></B></MARQUEE>
<MARQUEE scrollAmount=2 width=80 height=87 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=汉鼎繁中变 color=#6495ed>你 <IMG src="http://bbs.mz99.com/UploadFile/2004-6/20046734212802.gif"></FONT></B></MARQUEE></CENTER></DIV>


 

代码:

<MARQUEE scrollAmount=8 direction=right behavior=alternate><B><FONT color=#7700bb size=5><FONT color=lime>
<MARQUEE direction=up behavior=alternate width=40 height=200 align="middle">欢</MARQUEE><FONT color=red>
<MARQUEE direction=up behavior=alternate width=40 height=150>迎</MARQUEE><FONT color=orange>
<MARQUEE direction=up behavior=alternate width=40 height=200>大</MARQUEE><FONT color=fuchsia>
<MARQUEE direction=up behavior=alternate width=40 height=150>家</MARQUEE><FONT color=olive>
<MARQUEE direction=up behavior=alternate width=40 height=200>来</MARQUEE><FONT color=green>
<MARQUEE direction=up behavior=alternate width=40 height=150>画</MARQUEE><FONT color=olive>
<MARQUEE direction=up behavior=alternate width=40 height=200>区</MARQUEE><FONT color=green>
<MARQUEE direction=up behavior=alternate width=40 height=200>!</MARQUEE><FONT color=orange>
<MARQUEE direction=up behavior=alternate width=40 height=150>!</MARQUEE>

到画区请点击

代码;

<MARQUEE direction=down width=480 height=50><IMG src="http://www.dabaoku.com/gif/154/gif040.gif"><FONT face=隶书 color=#ff0000 size=7>到画区请点击<IMG src="http://www.dabaoku.com/gif/154/gif040.gif"></FONT></A></MARQUEE>

代码:

<MARQUEE direction=up behavior=alternate width=110 height=300><IMG src="http://love.xaonline.com/upload/2004612/UF488696.gif"></MARQUEE><FONT color=orange>
<MARQUEE direction=up behavior=alternate width=110 height=250><IMG src="http://love.xaonline.com/upload/2004612/UF488696.gif"></MARQUEE><FONT color=fuchsia>
<MARQUEE direction=up behavior=alternate width=110 height=300><IMG src="http://love.xaonline.com/upload/2004612/UF488696.gif"></MARQUEE><FONT color=olive>
<MARQUEE direction=up behavior=alternate width=110 height=250><IMG src="http://love.xaonline.com/upload/2004612/UF488696.gif"></MARQUEE></FONT></FONT></FONT>
<DIV></DIV>
<P></P>




音画走廊音画版

代码:

<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>

欢迎光临音画走廊
代码:

<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=#DA70D6); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 方正舒体"><B>欢迎光临音画走廊</B></FONT> <BR><BR></CENTER>

 



欢天喜地 地喜天欢

代码:

<MARQUEE direction=right width=250 height=50><IMG src="http://www.dabaoku.com/gif/154/gif033.gif"><FONT face=隶书 color=#ff0000 size=7>欢天喜地<IMG src="http://www.dabaoku.com/gif/154/gif033.gif"></FONT></MARQUEE></FONT>
<MARQUEE width=250 height=50><IMG src="http://www.dabaoku.com/gif/154/gif034.gif"><FONT face=隶书 color=#ff0000 size=7>地喜天欢<IMG src="http://www.dabaoku.com/gif/154/gif034.gif"></FONT></MARQUEE>

祝朋友们开心!

代码:

<DIV class=quote><STRONG></STRONG><BR>
<P align=center><FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 50px; FILTER: blur(add=1, direction=45,strength=10); WIDTH: 450px; POSITION: relative" color=#3333cc>祝朋友们开心!</FONT></CAPTION> <BR></CAPTION></P></DIV>

音画走廊 音画走廊

代码:

<DIV class=quote><BR><FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=#6495ED ,direction=180); WIDTH: 100%; COLOR: cyan; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷"><B>音画走廊</FONT> <FONT style="FONT-SIZE: 30pt; FILTER: FlipV(color=#6495ED ); WIDTH: 100%; COLOR: cyan; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷"><B>音画走廊</B></FONT></B></DIV>

祝朋友们开心!

代码:

<DIV class=quote><STRONG></STRONG><BR>
<P align=center><FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 50px; FILTER: blur(add=1, direction=45,strength=10); WIDTH: 450px; POSITION: relative" color=#3333cc>祝朋友们开心!</FONT></CAPTION> <BR></CAPTION></P></DIV>

音画走廊 音画走廊

代码:

<DIV class=quote><BR><FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=#6495ED ,direction=180); WIDTH: 100%; COLOR: cyan; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷"><B>音画走廊</FONT> <FONT style="FONT-SIZE: 30pt; FILTER: FlipV(color=#6495ED ); WIDTH: 100%; COLOR: cyan; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷"><B>音画走廊</B></FONT></B></DIV>

音画走廊欢迎您!

代码:

<FONT style="FONT-SIZE: 45pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>音画走廊欢迎您!</B></FONT>
 

朋友,欢迎您的到来~~~~
朋友,欢迎您的到来~~~~
代码:

<CENTER>
<MARQUEE scrollAmount=2 direction=down height=60>
<CENTER><FONT face=华文彩云 color=#da70d6 size=6><B>朋友,欢迎您的到来~~~~</FONT></CENTER></B></MARQUEE>
<CENTER>
<MARQUEE scrollAmount=2 direction=up height=60>
<CENTER><FONT face=华文彩云 color=#da70d6 size=6><B>朋友,欢迎您的到来~~~~</FONT></CENTER></B></MARQUEE></CENTER>
<DIV></DIV>
<P></P></CENTER>

 
使颜色字变透明的代码

春天来临
渐渐变暖的天空中
阳光如暖暖的手
撩拨着躁动的心






字变透明后效果:


春天来临
渐渐变暖的天空中
阳光如暖暖的手
撩拨着躁动的心






代码:

<table border="0" cellpadding="0" cellspacing="0" width="100%" background="http://www.sucaicd.com/2/JPEG640/024/001_050/SY002_L.jpg"><tr><td width="100%" align="center" style="filter:chroma(color=#FFa500)"><br>
<FONT style="COLOR: #FFa500; FILTER: shadow(color:#000000, strength:6,direction:113,); FONT-FAMILY: 黑体; FONT-SIZE: 39pt; LINE-HEIGHT: 110%; WIDTH: 100%"><b><br>
春天来临<br>
渐渐变暖的天空中<br>
阳光如暖暖的手<br>
撩拨着躁动的心<br>
</b></FONT><br>
<br><br><br><br><br>
</td></tr></table>

第二帖在<td>里加了黄色代码字就变透明了,

style="filter:chroma(color=#FFa500)"
chroma是CSS滤镜里指定元素中某种颜色为透明色的滤镜.
参数color即要透明的颜色.
#FFa500是字的颜色

注意,加在<td>里,在这框里所有这种颜色都会变透明,
所以要设定特别颜色,反正要变透明的.

音画教堂欢迎您
源代码如下:
<TABLE align="center" border="0" cellpadding="0" cellspacing="0" background=http://txws.qq.topzj.com/attachments/m27//29/94/29949/forumid_26993/2005222232918396_UWuzb4X17zSc.jpg><TR><TD style="FILTER: chroma(color=#336699"><TABLE align=center bgcolor=#393831><TR><TD align=middle><FONT style="FONT-SIZE: 40pt" face=华文行楷 color=#336699>音画教堂欢迎您</b></FONT></TD></TR></TABLE></TD></TR></TABLE>
修改其中的"bgcolor=复制想要的颜色"
所用背景图片:


原理注解:
共有二层表格,
第一层背景图就是显示的GIF图片,并在<*td>里设置文字透明,
第二层把背景颜色写成和网页背景颜色(红色显示部分)一致,以遮盖文字外的部分,如果放到自己的帖里,将第二层表格背景颜色换成和自己帖子一样的背景颜色或背景图色调差不多的(不能用图案哦)就可。
不同的背景图片效果就不同。。

音画教堂欢迎您


音画教堂欢迎您

素材:

 


















































日知其所无,不亦乐呼。

=460) window.open('http://img440.imageshack.us/img440/2726/30210436zt9.gif');" onload="if(this.width>'460')this.width='460';">
Posted: 2006-03-12 22:55 | 3 楼
啪啪作响

魔域世界狂热劲爆DJ

级别: 论坛版主
精华: 27
发帖: 6317
威望: 132 点
自由币: 4233 圆
贡献值: 0 点
好评度: 4293 点
在线时间:1447(小时)
注册时间:2005-03-29
最后登录:2007-08-23

配 色 方 案

一、红色的色感温暖,性格刚烈而外向,是一种对人刺激性很强的色。红色容易引起人的注意,也容易使人兴奋、激动、紧张、冲动、还是一种容易造成人视觉疲劳的色。
1、在红色中加入少量的黄,会使其热力强盛,趋于躁动、不安。
2、在红色中加入少量的蓝,会使其热性减弱,趋于文雅、柔和。
3、在红色中加入少量的黑,会使其性格变的沉稳,趋于厚重、朴实。
4、在红中加入少量的白,会使其性格变的温柔,趋于含蓄、羞涩、娇嫩。

二、黄色的性格冷漠、高傲、敏感、具有扩张和不安宁的视觉印象。黄色是各种色彩中,最为娇气的一种色。只要在纯黄色中混入少量的其它色,其色相感和色性格均会发生较大程度的变化。
1、 在黄色中加入少量的蓝,会使其转化为一种鲜嫩的绿色。其高傲的性格也随之消失,趋于一种平和、潮润的感觉。
2、 在黄色中加入少量的红,则具有明显的橙色感觉,其性格也会从冷漠、高傲转化为一种有分寸感的热情、温暖。
3、 在黄色中加入少量的黑,其色感和色性变化最大,成为一种具有明显橄榄绿的复色印象。其色性也变的成熟、随和。
4、 在黄色中加入少量的白,其色感变的柔和,其性格中的冷漠、高傲被淡化,趋于含蓄,易于接近。

三、蓝色的色感冷嘲热讽,性格朴实而内向,是一种有助于人头脑冷嘲热讽静的色。蓝色的朴实、内向性格,常为那些性格活跃、具有较强扩张力的色彩,提供一个深远、广埔、平静的空间,成为衬托活跃色彩的友善而谦虚的朋友。蓝色还是一种在淡化后仍然似能保持较强个性的色。如果在蓝色中分别加入少量的红、黄、黑、橙、白等色,均不会对蓝色的性格构成较明显的影响力。
1、 如果在蓝色中黄的成份较多,其性格趋于甜美、亮丽、芳香。
2、 在蓝色中混入小量的白,可使蓝色的知觉趋于焦躁、无力。

四、绿色是具有黄色和蓝色两种成份的色。在绿色中,将黄色的扩张感和蓝色的收缩感相中庸,将黄色的温暖感与蓝色的寒冷感相抵消。这样使得绿色的性格最为平和、安稳。是一种柔顺、恬静、潢足、优美的色。
1、 在绿色中黄的成份较多时,其性格就趋于活泼、友善,具有幼稚性。
2、 在绿色中加入少量的黑,其性格就趋于庄重、老练、成熟。
3、 在绿色中加入少量的白,其性格就趋于洁净、清爽、鲜嫩。

五、紫色的明度在有彩色的色料中是最低的。紫色的低明度给人一种沉闷、神秘的感觉。
1、 在紫色中红的成份较多时,其知觉具有压抑感、威胁感。
2、 在紫色中加入少量的黑,其感觉就趋于沉闷、伤感、恐怖。
3、 在紫色中加入白,可使紫色沉闷的性格消失,变得优雅、娇气,并充满女性的魅力。

六、白色的色感光明,性格朴实、纯洁、快乐。白色具有圣洁的不容侵犯性。如果在白色中加入其它任何色,都会影响其纯洁性,使其性格变的含蓄。
1、 在白色中混入少量的红,就成为淡淡的粉色,鲜嫩而充满诱惑。
2、 在白色中混入少量的黄,则成为一种乳黄色,给人一种香腻的印象。
3、 在白色中混入少量的蓝,给人感觉清冷、洁净。
4、 在白色中混入少量的橙,有一种干燥的气氛。
5、 在白色中混入少量的绿,给人一种稚嫩、柔和的感觉。
6、 在白色中混入少量的紫,可诱导人联想到淡淡的芳香。

配色表:

日知其所无,不亦乐呼。

=460) window.open('http://img440.imageshack.us/img440/2726/30210436zt9.gif');" onload="if(this.width>'460')this.width='460';">
Posted: 2006-03-12 22:57 | 4 楼
啪啪作响

魔域世界狂热劲爆DJ

级别: 论坛版主
精华: 27
发帖: 6317
威望: 132 点
自由币: 4233 圆
贡献值: 0 点
好评度: 4293 点
在线时间:1447(小时)
注册时间:2005-03-29
最后登录:2007-08-23

为了方便大家学习请不要回贴,谢谢合作!
日知其所无,不亦乐呼。

=460) window.open('http://img440.imageshack.us/img440/2726/30210436zt9.gif');" onload="if(this.width>'460')this.width='460';">
Posted: 2006-03-12 23:30 | 5 楼
阿土根_


级别: 论坛版主
精华: 5
发帖: 3219
威望: 36 点
自由币: 2984 圆
贡献值: 1 点
好评度: 2641 点
在线时间:826(小时)
注册时间:2005-07-24
最后登录:2007-08-24

学不会呀

  热爱生活,热爱大自然。



 

Posted: 2006-04-25 11:13 | 6 楼
自由人户外社区 » 〖影音分享〗

Total 0.114311(s) query 6, Time now is:08-24 10:22, Gzip enabled 豫ICP备05002563号
Powered by PHPWind v5.3 Certificate Code © 2003-07 PHPWind.com Corporation

本论坛所有文字及图片内容均为发表者个人观点,并不代表自由人户外社区立场