查看完整版本: [-- 如何用html代码美化贴子 --]

溜达TXT电子书论坛 -> 新手教程 -> 如何用html代码美化贴子 [打印本页] 登录 -> 注册 -> 回复主题 -> 发表主题

溜达闲人 2013-12-22 15:11
大家在论坛看到的那些漂亮的贴图多是加了一些代码,这些 代码就是HTML代码,一般来说你是不需要了解这些HTML代码的意义,但是,最简单的 一些HTML代码是需要理解的,对调试特殊效果有帮助,这里我提供一些基本的HTML代 码解释和使用方法。实话实说偶也是探索的時间不长,难免有不足之处,还请大家补充完善。 谢谢! 

 

一、发贴第一步



  1、 打开图表新贴页面,点击查看HTML源代码按钮<>然后在HTML编辑栏內 粘帖代码编辑你的贴子,完成后再点击<>返回在Design 模式的状态下,点击预览,预览效果正常,就可以发表了。预览效果不正常,再点击返回HTML 模式,修改代码。



  2、为什么在预览<>模 式能看的,发贴后就不行啊?



  据偶的观察,这是DVBBS 7.0的版本中HTML格式和<>格式的有些语法不能转换兼容。解決的辦法: 首先,请你检查语法是否正确。第二、用HTML格式语法编辑完后,点击<>查看效果。第三、 以上都没问题后,点击预览查看,在点击<>查看HTML、在点击[发表新话题]后发表。有些贴 (尤其是加了透明flash的贴)如果不这样,发表后是一堆乱码。

3、注意事项



  (1)、发 表HTML贴子的時候,要选择进入<>HTML窗口,编辑修改的時候也一样。
  (2)、 编写代码的時候,代码之间只能空一格,如果用了回车或是分行就会无法正常显示了。如果发 表贴子后,出现:以下內容含脚本,或可能导致页面不正常的代码的提示,可以试运行代码,如 果显示正常,那只要在修改编辑的時候,看看代码之间有没有多了、 <等 ,把这些都刪除, 就可以正常显示!



(3)、新版本 在使用HTML发帖,大家在想换行的時候,要使用换行符<*BR>,而不能简单的通过回车来实现。其他也一样,不能把UBB与HTML模式合用!

  (5)、注意首、尾代码一 致。因新版本要求要高一些,不兼容代码多余或欠缺。



(注:这方法可到其他的论坛里先去制做好,再发到E网上来,因为现在的E网只有“设计”与“源码”两个模式了!!)



二、如何贴图 
  1、贴单 张图(使用时去掉* 以下类同) 

  代码如下: 

<*img src="http://photo.xicn.net/R0U0V1hUSWcxdThQeGljbm1haW5zaXRlcGljcGF0aA==/2006/02/07/196817_7_small.jpg"> 





 2、多图连贴 



代码如下: 
<*img src="http://photo.xicn.net/R0U0V1hUSWcxdThQeGljbm1haW5zaXRlcGljcGF0aA==/2006/02/07/196817_7_small.jpg"<*img src=http://photo.xicn.net/R0U0V1hUSWcxdThQeGljbm1haW5zaXRlcGljcGF0aA==/2006/02/07/196817_7_small.jpg<*img src=http://photo.xicn.net/R0U0V1hUSWcxdThQeGljbm1haW5zaXRlcGljcGF0aA==/2006/02/07/196817_7_small.jpg>






 3、让图片如何移动 


代码如下: 
<*marquee behavior=alternate*><*img src="图片的地 址"*><*/marquee*>








direction=up(图片向上滚动)









三、文字的移动 










  1、基本代码如下: 
<*marquee direction=left>偶 跑第一<*/marquee> 

<*marquee direction=right>偶跑第一 <*/marquee>



<*marquee behavior=scroll>偶跑第一 <*/marquee>



<*marquee behavior=slide>偶跑第一 <*/marquee>



<*marquee behavior=alternate>偶跑第一 <*/marquee>



<*marquee loop=3 width=454 behavior=alternate>偶跑第一<*/marquee>



<*marquee scrollamount=20>偶跑第一 <*/marquee>



<*marquee scrolldelay=500 scrollamount=100> 偶跑第一<*/marquee>



<*marquee direction=up scrollamount=3> <*enter>偶跑第一<*/font> <*/marquee> <*marquee direction=down scrollamount=3> <*center><*font color="008000" size="3" face="宋体">偶跑第一<*/font><*/marquee> 




偶跑第一



偶跑第一



偶跑第一



偶跑第一



偶跑第一



偶跑第一



偶跑第一



偶跑第一





偶跑第一






偶跑第一


说明:left 向右移动


right 向左移动


scroll 一圈一圈绕着走


slide 只走一次


alternate 来回走


alternate 向右移动


scrollamount 移動速度


scrolldelay 停停走走


direction=up 向上


direction=down 向下





<*b> 文 字<*/b><*/font><*br><*br> <*/td><*/table><*/center><*/HTML> 

 2、文字在图片里居中
代码如 下:
<*HTML><*center>*table cellpadding=5 cellspacing=5 border=5 WIDTH=480 align=center table background=http://photo.xicn.net/R0U0V1hUSWcxdThQeGljbm1haW5zaXRlcGljcGF0aA==/2006/02/07/196817_7_small.jpg width=480><*tr><*td> <*br>




<>
<>
<>


谢谢朋友们的支持!!
让我们一起在这无忧岛里共 渡欢乐!
共同努力,共同进步








说明:<*br>为换行用语
<*center>为居中 





  3、文字在图片里居中滚动



代码如下:
<*HTML> <*center><*table cellpadding=5 cellspacing=5 border=5 WIDTH=500 align=center table background="http://photo.xicn.net/R0U0V1hUSWcxdThQeGljbm1haW5zaXRlcGljcGF0aA==/2006/02/07/196817_7_small.jpg" width=480><*tr><*td> <*p><*p> <*marquee direction=up scrollamount=2 height=230> <*center><*font size=5><*font color=red><*br>谢谢朋友们的支持!!<*BR><*BR>让我们一起在这无忧岛里共渡欢乐! <*BR><*BR>共同努力,共同进步<*br> <*/marquee> <*p> <*/font> <*/td><*/table><*/center><*/HTML>




<>
<>

<>









谢谢朋友们的支持!!

让我们一起在这无忧岛里共渡欢乐!

共同努力,共同进步 







说明: 
<*marquee >文字內容<*/marquee>为滚动用语 
direction=up 为 上滚; 
scrollamount=2为滚动速度
height=230为滚动范围,也可不要。 




四、透明 flash的运用(背景图片加透明flash) 
代码如下: 

<*TABLE height=638 cellSpacing=0 cellPadding=0 width=480 align=center background=http://photo.xicn.net/R0U0V1hUSWcxdThQeGljbm1haW5zaXRlcGljcGF0aA==/2006/02/07/196817_7_small.jpg border=3> <*TBODY> <*TR> <*TD> <*P align=center><*EMBED src=http://imgfree.21cn.com/free/flash/120.swf width=640 height=530 type=application/x-shockwave-flash quality="*high" wmode="transparent"><*/EMBED> <*/P><*/TD><*/TR><*/TBODY><*/TABLE>


<*TABLE height=384 cellSpacing=0 cellPadding=0 width=640 align=center background=http://www.jt99.com/zjbbs/UploadFile/2004-11/200411411527477.jpg border=3> <*TBODY> <*TR> <*TD> <*P align=center><*EMBED src=http://imgfree.21cn.com/free/flash/59.swf width=480 height=635 type=application/x-shockwave-flash quality="*high" wmode="transparent"><*/EMBED> <*/P><*/TD><*/TR><*/TBODY><*/TABLE>



<>
<>
<>





<>
<>

<>






说明:背景图片和透明flash的尺寸都可以调整。透明flash的尺寸一定要调整的和背景图 片为最佳位置。

五、如何贴音乐 


关于WMA的音乐文件代码如下:


<*embed autostart="true" controls="ControlPanel" loop="1" src="mms://202.104.94.61/music/celine2/1.wma"*> 
关于背景歌曲的格 式(即贴子中不见播放器,但是有声音)
<*bgsound src="http://music.skyhits.com/02/guita.mp3"> 
这个是用来放MIDI和WMA.MP3的。 

代码如下: 
显示播放器用语(wma; mp3;midi)等都可以使用
<*EMBED src=http://61.128.101.130:4080/song/k2/0318/4.wma width=400 height=45 type="audio/x-pn-realaudio-
plugin" loop="true" autostart="true" controls="ControlPanel,StatusBar"> <*embed src=http://www.zhedu.net.cn/student/zhzx/bright/newage/kitaro/12.rm type="audio/x-pn-realaudio-plugin" target=_blank>http://www.zhedu.net.cn/student/zhzx/bright/newage/kitaro/12.rm type="audio/x-pn-realaudio-plugin" CONSOLE="Clip1" CONTROLS="ImageWindow" HEIGHT="240" WIDTH="352" AUTOSTART="-1"> (rm,wav,swf,mp3等格式)

说明:<*embed src="音乐地址" autostart="true" width="330" height="83">



溜达闲人 2013-12-22 15:16
几种常见的播放器设置方法
(1)简单RM格式播放器代码如下:
<embed src=歌曲地址 type=audio/x-pn-realaudio-plugin controls=ControlPanel,StatusBar AutoStart=true Loop=true width=200 height=40></embed><br><br>

(说明:一般用来插入mp3 rm ra ram asf mid 等音乐文件,如果要隐藏播放器,把width和height的数值改成0或者1就可以了。)
(2)简单WMA格式播放器代码如下:
<EMBED src=歌曲地址
width=200 height=40 type=audio/x-ms-wma autostart="true" loop="true"></EMBED><BR><BR>
(说明:其中:width=200 height=40 中的数字分别表示播放器的宽度和高度,注意:都选择0将隐藏播放器<隐藏时一定要选择自动播放>;这个播放器一般用来插入wav wma mid mp3等格式的音乐文件。)

(注:autostart="true"中true或1表示自动播放,false或0表示手动播放

      loop="true" 中的true或1表示重复播放,false或0表示只播放一次)
(3)简单MP3格式代码如下:
<EMBED src=歌曲地址 width=200 height=30 type=audio/x-pn-realaudio-plugin autostart="1" controls="ControlPanel"></EMBED><BR><BR>
(4)使播放器朦胧代码入下:
<TABLE style="FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)gray(); WIDTH: 200px; 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=歌曲地址 width=200 height=50 type=audio/x-mplayer2 console="video" showstatusbar="0" EnableContextMenu="0" volume="0" autostart="1" loop="1"></TD></TR></TBODY></TABLE><BR><BR>
(5)新颖唱盘机代码如下:
<TABLE borderColor=#000000 height=249 cellSpacing=0 cellPadding=0 width=324 align=left background=http://cafe.chosun.com/img_file/club_file/98/mugoonghwa/bbs/23/midi-3-1[20050619132331].gif border=0>
<TBODY>
<TR>
<TD width=324 height=202 cellPadding="0" cellSpacing="0"></TD></TR>
<TR>
<TD align=left>
<P align=center><EMBED src=音乐地址 width=300 height=24 type=application/x-mplayer2 volume="0" autostart="1" loop="1"> </P></TD></TR></TBODY></TABLE><BR><BR><BR>
(6)漂亮图案播放器代码如下:
<TABLE align="center" style="BORDER-COLLAPSE: collapse" height=24 cellSpacing=0 cellPadding=0 width=400 background=http://www.yuguo.com/ADD/20041208_185132_58279.gif border=1>
<TR>
<TD style="FILTER: Chroma(Color='#000000')">
<P align=center>[MP=400,24]" target=_blank>" target=_blank>歌曲地址[/MP]</P></TD></TR></TABLE><BR><BR>
(7)黑色播放器代码如下:
<EMBED style="FILTER: xray(); WIDTH: 500px; HEIGHT: 25px" src=歌曲地址 volume="0" loop="1" autostart="true"></EMBED><BR>
(8)咖啡色播放器代码如下:
<EMBED style="FILTER: invert(); WIDTH: 400px; HEIGHT: 28px" src=歌曲地址 volume="0" loop="1" autostart="true"></EMBED><BR><BR>
(9)高度灰色播放器代码如下:

<P align=center><EMBED id=M.E style="BORDER-RIGHT: #ced8ef 5px solid; BORDER-TOP: #ced8ef 5px solid; FILTER: wave(strength=0,freq=1,lightstrength=65,phase=60,add=0) alpha(opacity=80 Style=1 FinishOpacity=80) gray progid:DXImageTransform.Microsoft.glow(color=#000000 Direction=120 strength=4 PixelRadius=0 MakeShadow=0); BORDER-LEFT: #ced8ef 5px solid; WIDTH: 300px; BORDER-BOTTOM: #ced8ef 5px solid; HEIGHT: 115px" src=歌曲地址 type=audio/x-ms-wma showstatusbar="10" loop="50" SHOWDISPLAY="1" volume="0"></P><BR><BR>

(9)高度下面有歌词的播放器代码如下:

<P align=center>
<TABLE style="BORDER-RIGHT: white 6px inset; BORDER-TOP: white 6px inset; BORDER-LEFT: white 6px inset; BORDER-BOTTOM: white 6px inset" cellSpacing=0 cellPadding=0 width=300 bgColor=#00000 border=0>
<TBODY>
<TR>
<TD><EMBED style="LEFT: 130px; WIDTH: 300px; TOP: 154px; HEIGHT: 143px" pluginspage=歌曲地址 width=300 height=143 type=application/x-mplayer2 FileName="http://www.pangselove.com/asx2/member-shagal-gayo1-asxlIllIl.asx" SHOWSTATUSBAR="1" SHOWDISPLAY="1" AUTOSTART="1" PlayCount="0"></EMBED> </TD></TR>
<TR>
<TD HIGHT="25">
<MARQUEE scrollAmount=1><FONT face=宋体 color=#90a4f7 size=2>此处写入歌词</FONT></MARQUEE></TD></TR></TBODY></TABLE></P><BR><BR>

(10)高度有图案播放器代码如下:

<TABLE style="FILTER: alpha(opacity=100 Style=0 FinishOpacity=100)" borderColor=#000000 height=249 cellSpacing=0 cellPadding=0 width=314 align=center background=http://blog.chosun.com/web_file/blog/167/9167/1/from-00-11-07.gif border=0>
<TBODY>
<TR>
<TD width=314 height=180 cellpadding="0" cellspacing="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"></EMBED></P></TD></TR></TBODY></TABLE><BR><BR><BR>

(11)外有边框播放器代码如下:
<TABLE cellSpacing=4 borderColorDark=#000000 cellPadding=0 width=534 borderColorLight=#006400 background=http://221.209.122.130/jblt/UploadFile/2005-3/200533018250626.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<CENTER><EMBED style="FILTER: xray()" src=歌曲地址 width=530 height=24 type=audio/mpeg Kern - The Winding Path 32-01.wma loop="1" autostart="true" volume="0" ShowStatusBar="1" louie.mp3 Louie.mp3 Amo.WMA Ti Che Dirti Pausini--Volevo></EMBED></CENTER></TD></TR></TBODY></TABLE><BR><BR><BR>
(12)银色WMA格式播放器代码如下:
<EMBED style="FILTER: gray()" src=歌曲地址 width=200 height=45 type=audio/x-ms-wma autostart="1" loop="1" volume="0" showstatusbar="1"></EMBED><BR><BR>
(13)漂亮播放器代码如下:
<DIV align=center>
<TABLE style="BORDER-COLLAPSE: collapse" height=20 cellSpacing=0 cellPadding=0 width=400 background=http://www.w555.com/pc/img/gif/bar/6/0.gif border=1>
<TBODY>
<TR>
<TD>
<TABLE style="FILTER: Chroma(Color=’#000000’)" height=20 cellSpacing=0 cellPadding=0 width=400 border=0>
<TBODY>
<TR>
<TD><BR>
<P align=center><EMBED src=歌曲地址 width=300 height=20 type=audio/x-pn-realaudio-plugin console="Clip1" controls="IMAGEWINDOW,ControlPanel,StatusBar" autostart="1"></EMBED> </P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV><BR><BR><BR>

(14)可下载+右边外框MV播放器代码如下:(红色部分及边框尺寸,可以自行更改)
<DIV align=center>
<TABLE borderColor=#ccffff height=20 cellSpacing=0 cellPadding=0 width=456 align=center background=http://www.w555.com/pc/img/gif/bar/6/0.gif border=1>
<TBODY>
<TR>
<TD>
<TABLE style="FILTER: Chroma(Color=’#000000’)" cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD width=406 height=20>
<P align=center><EMBED src=歌曲地址 width=406 type=audio/mpeg heiht="30"> </P></TD>
<TD width=50 height=20>
<P align=center><A href="歌曲地址" target=_blank><FONT color=#EE11C2><B>下载</B></FONT></A></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>

(15)图案外框MV播放器代码如下:
<TABLE height=100 cellSpacing=30 cellPadding=0 width=420 align=center background=http://www.w555.com/pc/img/gif/start3/1/5.gif border=0>
<TBODY>
<TR>
<TD style="FILTER: Chroma(Color=’#000000’)">
<P align=center><EMBED src=歌曲地址 width=400 type=audio/mpeg heiht="30"></P></TD></TR></TBODY></TABLE><BR><BR><BR>
(16)兰色双外框播放器代码如下:

<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=歌曲地址 width=300 height=45 type=audio/mpeg volume="0" autostart="true" loop="1"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></FONT><BR>

(17)粉红色齿轮外边框播放器代码如下:

<TABLE style="BORDER-RIGHT: green 3px dotted; BORDER-TOP: green 3px dotted; BORDER-LEFT: green 3px dotted; BORDER-BOTTOM: green 3px dotted" cellSpacing=0 cellPadding=0 bgColor=white background=http://life.huash.com/img/2002-12/30/1228lyhx9.jpg>
<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=歌曲地址 width=300 height=45 type=audio/mpeg volume="0" autostart="true" loop="1"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></FONT><BR>

(18)会移动的立体播放器代码如下:
<MARQUEE style="LEFT: 230px; POSITION: absolute; 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=歌曲地址 width=200 height=20 type=audio/mpeg showstatusbar="1" volume="0" loop="1" autostart="1"></TD></TR></TBODY></TABLE></MARQUEE></MARQUEE><BR>
(注:播放器飘到顶部的。)
(19)土青色齿轮外边的播放器代码如下:
<TABLE style="BORDER-RIGHT: #808000 4px dotted; BORDER-TOP: #808000 4px dotted; BORDER-LEFT: #808000 4px dotted; BORDER-BOTTOM: #808000 4px dotted" cellSpacing=0 cellPadding=0 align=center bgColor=#808000>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#808000 align=center bgColor=#808000 border=2>
<TBODY>
<TR>
<TD style="FILTER: alpha(opacity=100,style=3)">
<P align=center><EMBED src=歌曲地址 width=300 height=40 type=audio/mpeg volume="0" autostart="true" loop="1"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR><BR>
(20)直立的播放器代码如下:

<DIV align=left><FONT style="MARGIN-TOP: 20px; FONT-SIZE: 11pt; WRITING-MODE: tb-rl" face=楷体_GB2312 color=red><EMBED style="FILTER: invert(); WIDTH: 231px; HEIGHT: 220px" src=歌曲地址 type=audio/mpeg volume="0" loop="true" autostart="TURE" ShowStatusBar="1"></FONT></DIV>

(21)会冒烟的(FLASH)播放器代码如下:

<EMBED style="LEFT: 150px; WIDTH: 400px; POSITION: absolute; TOP: 300px; HEIGHT: 300px" align=right src=http://www.tt96866.com/bbs/UploadFile/2006-4/20064614105787126.swf width=400 height=300 type=application/octet-stream ;; quality="high" wmode="transparent"><BR>
<OBJECT id=player style="FILTER: invert Alpha(opacity=75)" height=45 width=400 classid=clsid:6bf52a52-394a-11d3-b153-00c04f79faa6><PARAM NAME="URL" VALUE="歌曲地址"><PARAM NAME="rate" VALUE="1"><PARAM NAME="balance" VALUE="0"><PARAM NAME="currentPosition" VALUE="152.4226249"><PARAM NAME="defaultFrame" VALUE=""><PARAM NAME="playCount" VALUE="1"><PARAM NAME="autoStart" VALUE="-1"><PARAM NAME="currentMarker" VALUE="0"><PARAM NAME="invokeURLs" VALUE="-1"><PARAM NAME="baseURL" VALUE=""><PARAM NAME="volume" VALUE="98"><PARAM NAME="mute" VALUE="0"><PARAM NAME="uiMode" VALUE="full"><PARAM NAME="stretchToFit" VALUE="0"><PARAM NAME="windowlessVideo" VALUE="0"><PARAM NAME="enabled" VALUE="-1"><PARAM NAME="enableContextMenu" VALUE="-1"><PARAM NAME="fullScreen" VALUE="0"><PARAM NAME="SAMIStyle" VALUE=""><PARAM NAME="SAMILang" VALUE=""><PARAM NAME="SAMIFilename" VALUE=""><PARAM NAME="captioningID" VALUE=""><PARAM NAME="enableErrorDialogs" VALUE="0"><PARAM NAME="_cx" VALUE="10583"><PARAM NAME="_cy" VALUE="1191"></OBJECT><BR><BR><BR><BR><BR><BR><BR>

(22)一只蝴蝶的播放器代码如下:

<TABLE style="FILTER: alpha(opacity=100 Style=2 FinishOpacity=3)" borderColor=#000000 height=84 cellSpacing=0 cellPadding=0 width=110 align=center background=http://7wind.net/wysc/qita/image/211.gif border=0>
<TBODY>
<TR>
<TD>
<P align=center><EMBED style="FILTER: alpha(opacity=100 Style=3 FinishOpacity=0)black(); style: " src=歌曲地址 width=60 height=20 type=video/x-ms-asf volume="0" autostart="true" loop="true"></EMBED></P></TD></TR></TBODY></TABLE><BR><BR>

(23)一只会移动的蝴蝶播放器代码如下:
<MARQUEE scrollAmount=1 scrollDelay=100 behavior=alternate>
<TABLE style="FILTER: alpha(opacity=100 Style=2 FinishOpacity=3)" borderColor=#000000 height=84 cellSpacing=0 cellPadding=0 width=110 align=center background=http://7wind.net/wysc/qita/image/211.gif border=0>
<TBODY>
<TR>
<TD>
<P align=center><EMBED style="FILTER: alpha(opacity=100 Style=3 FinishOpacity=0)black(); style: " src=歌曲地址 width=50 height=20 type=video/x-ms-asf loop="true" autostart="true" volume="0"></EMBED></P></TD></TR></TBODY></TABLE></MARQUEE><BR>

溜达闲人 2013-12-22 15:17


用代码制作信笺纸

效果一(空白纸)效果: 

绍兴E网无忧岛专用信笺纸


20    年  月  日                        第  页


溜达闲人 2013-12-22 15:20
<P><FONT face=隶书 color=#0000ff size=4>效果一代码:</FONT></P>
<P><FONT color=#0000ff size=3><TABLE style="BACKGROUND-POSITION: 86% 18%; SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #62a96b; WIDTH: 550px; SCROLLBAR-SHADOW-COLOR: #62a96b; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #62a96b; SCROLLBAR-TRACK-COLOR: #ffffff; BACKGROUND-REPEAT: no-repeat; SCROLLBAR-DARKSHADOW-COLOR: #ffffff" borderColor=#ff0000 cellSpacing=15 borderColorDark=black cellPadding=15 align=center bgColor=#ffffff borderColorLight=#a09261 border=0><BR><TBODY><BR><TR><BR><TD><BR><BR><DIV align=center><BR><FONT face=隶书 color=#62a96b size=6><B>绍兴E网无忧岛专用信笺纸</B></FONT></DIV><BR><BR><DIV style="BORDER-BOTTOM: #62a96b 2px dashed" align=center></DIV><BR><DIV style="BORDER-BOTTOM: #62a96b 2px solid" align=center></DIV><BR><DIV style="FONT-SIZE: 18pt; OVERFLOW: auto; WIDTH: 550px; FONT-FAMILY: 华文新魏; HEIGHT: 700px; TEXT-ALIGN: center"></DIV><BR><BR><DIV style="BORDER-BOTTOM: #62a96b 2px solid" align=center></DIV><BR><DIV style="BORDER-BOTTOM: #62a96b 2px dashed" align=center></DIV><BR><DIV align=center><BR><FONT face=宋体 color=#62a96b size=3>20   年 月 日                 第 页</FONT></DIV><BR></TD></TR></TBODY></TABLE></FONT></P>
<P><FONT size=1></FONT></P>

溜达闲人 2013-12-22 15:20

效果二:


绍兴E网无忧岛专用信笺纸


缘 分
------ 穆蓉海瑶
    缘分,一种美妙的感觉,源自于心灵的契合。
    缘分,可遇而不可强求,就算词穷墨尽,亦无
法形容描写的酣畅尽致。有时,擦肩匆匆而过。有
时,情深款款的向你走来。而读懂的人,读懂了,
读不懂,自然也就错过了这奇妙的感觉。
    有些人,天天相见,却只是淡淡的点头之交。
    有些人,从未谋面,却共振起一层层共鸣,彼
此心心相惜。
       而这一切,只是无意的,从未牵强。
    一次不期而遇的美丽邂逅,这是缘分,缘起,
谁也阻挡不了。
    一次无意中彼此悄然错过,这是缘分,缘灭,
谁也留不住。
    缘分,犹如大海,表面蔚蓝平静。却不知隐藏
着多少波涛汹涌的肆意与狂妄。在被触动敏感柔软
的心弦时,在心不设防时,勾勒出魂萦梦牵梦的深
夜,挣扎中欲走却留着一往情深。或许,被深深刺
痛的,不仅仅是肉体。还有,脆弱的灵魂。
    缘分,存在着逃避中隐约的一份心痛,也因保
留着一份缥缈虚幻而美丽。如同空中楼阁,其实,
只是存活在心理的一道风景。
    而我,试想拥有心理的海阔天空之外,随缘而
去乘风而来。
      朦胧间,一份属于你我的缘。
      无须告白 ,无须解释。
      因为你懂,我也懂。
 
(文章来源:网络)
20    年  月  日                        第  页


溜达闲人 2013-12-22 15:22
<P><FONT face=隶书 color=#0000ff size=4>效果二代码:</FONT></P>
<P><FONT color=#3300ff size=3><TABLE style="BACKGROUND-POSITION: 86% 18%; SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #62a96b; WIDTH: 550px; SCROLLBAR-SHADOW-COLOR: #62a96b; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #62a96b; SCROLLBAR-TRACK-COLOR: #ffffff; BACKGROUND-REPEAT: no-repeat; SCROLLBAR-DARKSHADOW-COLOR: #ffffff" borderColor=#ff0000 cellSpacing=15 borderColorDark=black cellPadding=15 align=center bgColor=#ffffff borderColorLight=#a09261 background=http://www.cccen.com/sou/html/bjtk/light/lbg004v.jpg border=0><BR><TBODY><BR><TR><BR><TD><BR><BR><DIV align=center><FONT face=隶书 color=#62a96b size=6><B>绍兴E网无忧岛专用信笺纸</B></FONT></DIV><BR><BR><DIV style="BORDER-BOTTOM: #62a96b 2px dashed" align=center></DIV><BR><DIV style="BORDER-BOTTOM: #62a96b 2px solid" align=center></DIV><BR><DIV style="FONT-SIZE: 18pt; OVERFLOW: auto; WIDTH: 550px; FONT-FAMILY: 华文新魏; HEIGHT: 700px; TEXT-ALIGN: center"><BR><BR><DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=center><FONT color=black><B>缘 分</B></FONT></DIV><BR><DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=right><FONT color=black>------ 穆蓉海瑶</FONT></DIV><BR><DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=center>   <FONT color=black>缘分,一种美妙的感觉,源自于心灵的契合。</FONT></DIV><BR><DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=center>   <FONT color=black>缘分,可遇而不可强求,就算词穷墨尽,亦无</FONT></DIV><BR><DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=center><FONT color=black>法形容描写的酣畅尽致。有时,擦肩匆匆而过。有</FONT></DIV><BR><DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=center><FONT color=black>时,情深款款的向你走来。而读懂的人,读懂了,</FONT></DIV><BR><DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=left><FONT color=black>读不懂,自然也就错过了这奇妙的感觉。</FONT></DIV><BR><DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=center>   <FONT color=black>有些人,天天相见,却只是淡淡的点头之交。</FONT></DIV><BR><DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=center>   <FONT color=black>有些人,从未谋面,却共振起一层层共鸣,彼</FONT></DIV><BR><DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=left><FONT color=black>此心心相惜。</FONT></DIV><BR><DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=left>     <FONT color=black>而这一切,只是无意的,从未牵强。</FONT></DIV><BR><DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=center>   <FONT color=black>一次不期而遇的美丽邂逅,这是缘分,缘起,</FONT></DIV><BR><DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=left><FONT color=black>谁也阻挡不了。</FONT></DIV><BR><DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=center>   <FONT color=black>一次无意中彼此悄然错过,这是缘分,缘灭,</FONT></DIV><BR><DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=left><FONT color=black>谁也留不住。</FONT></DIV><BR><DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=center>   <FONT color=black>缘分,犹如大海,表面蔚蓝平静。却不知隐藏</FONT></DIV><BR><DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=center><FONT color=black>着多少波涛汹涌的肆意与狂妄。在被触动敏感柔软</FONT></DIV><BR><DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=center><FONT color=black>的心弦时,在心不设防时,勾勒出魂萦梦牵梦的深</FONT></DIV><BR><DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=center><FONT color=black>夜,挣扎中欲走却留着一往情深。或许,被深深刺</FONT></DIV><BR><DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=left><FONT color=black>痛的,不仅仅是肉体。还有,脆弱的灵魂。</FONT></DIV><BR><DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=center>   <FONT color=black>缘分,存在着逃避中隐约的一份心痛,也因保</FONT></DIV><BR><DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=center><FONT color=black>留着一份缥缈虚幻而美丽。如同空中楼阁,其实,</FONT></DIV><BR><DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=left><FONT color=black>只是存活在心理的一道风景。</FONT></DIV><BR><DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=center>   <FONT color=black>而我,试想拥有心理的海阔天空之外,随缘而</FONT></DIV><BR><DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=left><FONT color=black>去乘风而来。</FONT></DIV><BR><DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=left>     <FONT color=black>朦胧间,一份属于你我的缘。 </FONT></DIV><BR><DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=left>     <FONT color=black>无须告白 ,无须解释。 </FONT></DIV><BR><DIV style="BORDER-BOTTOM: #62a96b 1px dashed" align=left>     <FONT color=black>因为你懂,我也懂。</FONT></DIV></DIV><BR><DIV style="BORDER-BOTTOM: #62a96b 2px solid" align=center></DIV><BR><DIV style="BORDER-BOTTOM: #62a96b 2px dashed" align=center></DIV><BR><DIV align=center><FONT face=宋体 color=#62a96b size=3>20   年 月 日                 第 页</FONT></DIV><BR></TD></TR></TBODY></TABLE></FONT></P>

溜达闲人 2013-12-22 15:26
效果三: 


















绍兴E网无忧岛专用信笺纸
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

=======================================================


=======================================================


=======================================================


=======================================================


=======================================================


=======================================================


=======================================================


=======================================================


=======================================================


=======================================================


=======================================================


=======================================================


=======================================================


=======================================================


=======================================================


=======================================================


=======================================================


=======================================================


=======================================================


=======================================================


=======================================================


=======================================================


=======================================================


=======================================================


=======================================================


=======================================================


=======================================================


=======================================================


=======================================================


=======================================================


=======================================================


=======================================================


=======================================================


=======================================================
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
20    年   月   日                           第   页

溜达闲人 2013-12-22 15:27
<P><FONT face=隶书 color=#0000ff size=4>效果三代码:</FONT></P>
<P><FONT color=#0033ff><TABLE cellSpacing=0 cellPadding=0 border=0><BR><TBODY><BR><TR><BR><TD align=middle width=70 background=http://www.cccen.com/sou/html/bjtk/beijing/017.jpg><BR><FONT color=#ffddff size=5><BR>●<BR><BR>●<BR><BR>●<BR><BR>●<BR><BR>●<BR><BR>●<BR><BR>●<BR><BR>●<BR><BR>●<BR><BR>●<BR><BR>●<BR><BR>●<BR><BR>●<BR><BR>●<BR><BR>●<BR><BR>●<BR><BR>●<BR><BR>●<BR><BR>●<BR></FONT></TD><BR><TD><BR><TABLE style="BACKGROUND-POSITION: 0% 16%; SCROLLBAR-FACE-COLOR: #ffddff; SCROLLBAR-HIGHLIGHT-COLOR: #ff88ff; WIDTH: 580px; SCROLLBAR-SHADOW-COLOR: #ff88ff; SCROLLBAR-3DLIGHT-COLOR: #ffddff; SCROLLBAR-ARROW-COLOR: #ff88ff; SCROLLBAR-TRACK-COLOR: #ffddff; BACKGROUND-REPEAT: no-repeat; SCROLLBAR-DARKSHADOW-COLOR: #ffddff" cellSpacing=15 borderColorDark=black cellPadding=15 align=center bgColor=#ffddff borderColorLight=#a09261 border=0><BR><TBODY><BR><TR><BR><TD><BR><DIV align=center><BR><FONT style="FONT-SIZE: 30pt; FILTER: glow(color=#ff88ff); WIDTH: 100%; COLOR: #ffddff; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书"><BR><B>绍兴E网无忧岛专用信笺纸</B></FONT></DIV><BR><FONT color=#ff88ff><B>~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ </B></FONT><BR><DIV style="OVERFLOW: auto; HEIGHT: 650px"><BR><FONT color=#ff88ff><BR>=======================================================</FONT><BR><BR><FONT color=#ff88ff><BR>=======================================================</FONT><BR><BR><FONT color=#ff88ff><BR>=======================================================</FONT><BR><BR><FONT color=#ff88ff><BR>=======================================================</FONT><BR><BR><FONT color=#ff88ff><BR>=======================================================</FONT><BR><BR><FONT color=#ff88ff><BR>=======================================================</FONT><BR><BR><FONT color=#ff88ff><BR>=======================================================</FONT><BR><BR><FONT color=#ff88ff><BR>=======================================================</FONT><BR><BR><FONT color=#ff88ff><BR>=======================================================</FONT><BR><BR><FONT color=#ff88ff><BR>=======================================================</FONT><BR><BR><FONT color=#ff88ff><BR>=======================================================</FONT><BR><BR><FONT color=#ff88ff><BR>=======================================================</FONT><BR><BR><FONT color=#ff88ff><BR>=======================================================</FONT><BR><BR><FONT color=#ff88ff><BR>=======================================================</FONT><BR><BR><FONT color=#ff88ff><BR>=======================================================</FONT><BR><BR><FONT color=#ff88ff><BR>=======================================================</FONT><BR><BR><FONT color=#ff88ff><BR>=======================================================</FONT><BR><BR><FONT color=#ff88ff><BR>=======================================================</FONT><BR><BR><FONT color=#ff88ff><BR>=======================================================</FONT><BR><BR><FONT color=#ff88ff><BR>=======================================================</FONT><BR><BR><FONT color=#ff88ff><BR>=======================================================</FONT><BR><BR><FONT color=#ff88ff><BR>=======================================================</FONT><BR><BR><FONT color=#ff88ff><BR>=======================================================</FONT><BR><BR><FONT color=#ff88ff><BR>=======================================================</FONT><BR><BR><FONT color=#ff88ff><BR>=======================================================</FONT><BR><BR><FONT color=#ff88ff><BR>=======================================================</FONT><BR><BR><FONT color=#ff88ff><BR>=======================================================</FONT><BR><BR><FONT color=#ff88ff><BR>=======================================================</FONT><BR><BR><FONT color=#ff88ff><BR>=======================================================</FONT><BR><BR><FONT color=#ff88ff><BR>=======================================================</FONT><BR><BR><FONT color=#ff88ff><BR>=======================================================</FONT><BR><BR><FONT color=#ff88ff><BR>=======================================================</FONT><BR><BR><FONT color=#ff88ff><BR>=======================================================</FONT><BR><BR><FONT color=#ff88ff><BR>=======================================================</FONT></DIV><BR><DIV align=center><BR><FONT color=#ff88ff><B>~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ </B></FONT></DIV><BR><DIV align=center><FONT face=宋体 color=#ff88ff size=2>20   年   月   日                   第   页 </FONT></DIV><BR></TD></TR></TBODY></TABLE><BR></TD></TR></TBODY></TABLE></FONT></P><BR>

溜达闲人 2013-12-22 15:27
效果四: 


     无忧岛美
--------------------------------------------------------------------

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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






































     无忧岛好
--------------------------------------------------------------------

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


溜达闲人 2013-12-22 15:29
<P><FONT face=隶书 color=#0000ff size=4>效果四代码:</FONT></P>
<P><FONT color=#0968f7><TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=0 width="100%" borderColorLight=#a09261 border=1><BR><TBODY><BR><TR><BR><TD><BR><TABLE cellSpacing=5 cellPadding=5 width="100%" background=http://www.cccen.com/sou/html/bjtk/beijing/022.gif border=0><BR><TBODY><BR><TR><BR><TD><BR><TABLE cellSpacing=1 cellPadding=0 bgColor=#999999 border=0><BR><TBODY><BR><TR><BR><TD align=middle width=350 bgColor=white><BR><BR><DIV align=left><FONT style="FONT-SIZE: 15pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>   无忧岛美</B></FONT></DIV><BR><FONT color=#808080>--------------------------------------------------------------------</FONT><BR><BR><BR><FONT color=#808080>--------------------------------------------------------------------</FONT><BR><BR><BR><FONT color=#808080>--------------------------------------------------------------------</FONT><BR><BR><BR><FONT color=#808080>--------------------------------------------------------------------</FONT><BR><BR><BR><FONT color=#808080>--------------------------------------------------------------------</FONT><BR><BR><BR><FONT color=#808080>--------------------------------------------------------------------</FONT><BR><BR><BR><FONT color=#808080>--------------------------------------------------------------------</FONT><BR><BR><BR><FONT color=#808080>--------------------------------------------------------------------</FONT><BR><BR><BR><FONT color=#808080>--------------------------------------------------------------------</FONT><BR><BR><BR><FONT color=#808080>--------------------------------------------------------------------</FONT><BR><BR><BR><FONT color=#808080>--------------------------------------------------------------------</FONT><BR><BR><BR><FONT color=#808080>--------------------------------------------------------------------</FONT><BR><BR><BR><FONT color=#808080>--------------------------------------------------------------------</FONT><BR><BR><BR><FONT color=#808080>--------------------------------------------------------------------</FONT><BR><BR><BR><FONT color=#808080>--------------------------------------------------------------------</FONT><BR><BR><BR><FONT color=#808080>--------------------------------------------------------------------</FONT><BR><BR><BR><FONT color=#808080>--------------------------------------------------------------------</FONT><BR><BR><BR><FONT color=#808080>--------------------------------------------------------------------</FONT><BR><BR><BR><FONT color=#808080>--------------------------------------------------------------------</FONT><BR><BR><BR></TD><BR><TD align=middle width=25 bgColor=#a09261><BR><FONT color=#ffffff size=4><BR>●<BR><BR>●<BR><BR>●<BR><BR>●<BR><BR>●<BR><BR>●<BR><BR>●<BR><BR>●<BR><BR>●<BR><BR>●<BR><BR>●<BR><BR>●<BR><BR>●<BR><BR>●<BR><BR>●<BR><BR>●<BR><BR>●<BR><BR>●<BR><BR>●<BR></FONT><BR></TD><BR><TD width=1 bgColor=#dddddd></TD><BR><TD align=middle width=25 bgColor=#a09261><BR><FONT color=#ffffff size=4><BR>●<BR><BR>●<BR><BR>●<BR><BR>●<BR><BR>●<BR><BR>●<BR><BR>●<BR><BR>●<BR><BR>●<BR><BR>●<BR><BR>●<BR><BR>●<BR><BR>●<BR><BR>●<BR><BR>●<BR><BR>●<BR><BR>●<BR><BR>●<BR><BR>●<BR></FONT><BR></TD><BR><TD align=middle width=350 bgColor=white><BR><BR><DIV align=left><FONT style="FONT-SIZE: 15pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>   无忧岛好</B></FONT></DIV><BR><FONT color=#808080>--------------------------------------------------------------------</FONT><BR><BR><BR><FONT color=#808080>--------------------------------------------------------------------</FONT><BR><BR><BR><FONT color=#808080>--------------------------------------------------------------------</FONT><BR><BR><BR><FONT color=#808080>--------------------------------------------------------------------</FONT><BR><BR><BR><FONT color=#808080>--------------------------------------------------------------------</FONT><BR><BR><BR><FONT color=#808080>--------------------------------------------------------------------</FONT><BR><BR><BR><FONT color=#808080>--------------------------------------------------------------------</FONT><BR><BR><BR><FONT color=#808080>--------------------------------------------------------------------</FONT><BR><BR><BR><FONT color=#808080>--------------------------------------------------------------------</FONT><BR><BR><BR><FONT color=#808080>--------------------------------------------------------------------</FONT><BR><BR><BR><FONT color=#808080>--------------------------------------------------------------------</FONT><BR><BR><BR><FONT color=#808080>--------------------------------------------------------------------</FONT><BR><BR><BR><FONT color=#808080>--------------------------------------------------------------------</FONT><BR><BR><BR><FONT color=#808080>--------------------------------------------------------------------</FONT><BR><BR><BR><FONT color=#808080>--------------------------------------------------------------------</FONT><BR><BR><BR><FONT color=#808080>--------------------------------------------------------------------</FONT><BR><BR><BR><FONT color=#808080>--------------------------------------------------------------------</FONT><BR><BR><BR><FONT color=#808080>--------------------------------------------------------------------</FONT><BR><BR><BR><FONT color=#808080>--------------------------------------------------------------------</FONT><BR><BR><BR></TD><BR><TD width=1 bgColor=#dddddd><BR></TD></TR></TBODY></TABLE><BR></TD></TR></TBODY></TABLE><BR></TD></TR></TBODY></TABLE></FONT></P>

溜达闲人 2013-12-22 15:31

文字特效系列



溜达论坛(盛夏光年)
<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 宋体" size=4>溜达论坛(盛夏光年)</FONT></CENTER>


溜达闲人 2013-12-22 15:34

绍兴E网无忧岛(音画时尚)




<P align=center><FONT style="FONT-SIZE: 35pt; FILTER: shadow(color=black); WIDTH: 71.27%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云; HEIGHT: 60px"><B>绍兴E网无忧岛(音画时尚)</B></FONT></P>




字体三:       (注:所有的字体大小,高低,颜色都可改动的)

绍兴E网无忧岛(音画时尚)


代码如下:

<P align=center><FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 40pt; FILTER: blur(add=1, direction=40,strength=10); WIDTH: 450px; LINE-HEIGHT: 150%; POSITION: relative" face=华文行楷 color=#8855aa>绍兴E网无忧岛(音画时尚)</FONT> </P>  




字体四:
绍兴E网无忧岛(音画时尚)

代码如下:
<CENTER><FONT style="FONT-SIZE: 35pt; FILTER: shadow(color=#9370DB); WIDTH: 100%; COLOR: #ffebcd; LINE-HEIGHT: 200%; FONT-FAMILY: 华文彩云">
<P><B>绍兴E网无忧岛(音画时尚)</B></P></FONT></CENTER>


字体五:
绍兴E网无忧岛(音画时尚)

<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=#ff0000); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>绍兴E网无忧岛(音画时尚)</B></FONT></CENTER>


字体六:
绍兴E网无忧岛(音画时尚)

代码如下:
<CENTER><FONT style="FONT-SIZE: 17pt; FILTER: glow(color=#bbeec5); WIDTH: 100%; COLOR: #ff0000; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>绍兴E网无忧岛(音画时尚)</B></FONT></CENTER>


字体八:

绍兴E网无忧岛



代码如下:
<P align=center><FONT style="FONT-SIZE: 20pt; FILTER: blur(add=1, direction=40,strength=10); WIDTH: 10px; COLOR: silver; HEIGHT: 10px">绍兴E网无忧岛</FONT></P>










溜达闲人 2013-12-22 15:38
字体九: 
绍兴E网无忧岛(音画时尚) (尚时画音)岛忧无网E兴绍


代码如下:
<*MARQUEE width=150 height=150><*IMG src=*"http://www.ishare.cc/d/1360211-2/014.jpg"*><*FONT face=隶书 color=#0000ff size=7*>绍兴E网无忧岛(音画时尚)<*IMG src=*"http://www.ishare.cc/d/1360211-2/014.jpg"*><*/MARQUEE*><*BR><*MARQUEE direction=right width=150 height=150*><*IMG src=*"http://www.ishare.cc/d/1360211-2/014.jpg"*><*FONT face=隶书 color=#0096ff size=7*>(尚时画音)岛忧无网E兴绍<*/FONT*><*IMG src=*"http://www.ishare.cc/d/1360211-2/014.jpg"*>*


字体十: 

绍兴E网无忧岛(音画时尚)绍兴E网无忧岛(音画时尚)


代码如下:

<MARQUEE><FONT face=隶书 color=#b34db3 size=5>绍兴E网无忧岛(音画时尚)</FONT></MARQUEE><BR>
<MARQUEE direction=right><FONT face=隶书 color=#b34db3 size=5>绍兴E网无忧岛(音画时尚)</FONT></MARQUEE>



溜达闲人 2013-12-22 15:39
字体十四:
   
    

代码如下:

<CENTER><MARQUEE direction=up behavior=alternate width=130 height=300><IMG src="http://bbs.guqu.net/UploadFile/2004-12/2004123020476701.gif"></MARQUEE><FONT color=orange>
<MARQUEE direction=up behavior=alternate width=130 height=250><IMG src="http://bbs.guqu.net/UploadFile/2004-12/2004123020476701.gif"></MARQUEE><FONT color=fuchsia>
<MARQUEE direction=up behavior=alternate width=130 height=300><IMG src="http://bbs.guqu.net/UploadFile/2004-12/2004123020476701.gif"></MARQUEE><FONT color=olive>
<MARQUEE direction=up behavior=alternate width=130 height=250><IMG src="http://bbs.guqu.net/UploadFile/2004-12/2004123020476701.gif"></MARQUEE>
<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></MARQUEE></FONT></CENTER></FONT></FONT></FONT>





字体十六:


代码如下:

<font color="#FF0000" size=15>无</font><font color="#D52A00" size=15>忧</font><font color="#AB5400" size=15>岛</font><font color="#817E00" size=15>阿</font><font color="#57A800" size=15>华</font><font color="#2DD200" size=15>哥</font>



字体十七: 

绍兴E网无忧岛(音画时尚)
绍兴E网无忧岛(音画时尚)

代码如下:

<CENTER>
<MARQUEE scrollAmount=2 direction=down height=60>
<CENTER><FONT face=宋体 color=#c0d9d9 size=5><STRONG>绍兴E网无忧岛(音画时尚)</FONT></CENTER></STRONG></MARQUEE>
<CENTER>
<MARQUEE scrollAmount=2 direction=up height=60>
<CENTER><FONT face=宋体 color=#c0d9d9 size=5><STRONG>绍兴E网无忧岛(音画时尚)</FONT></CENTER></STRONG></MARQUEE></CENTER>




字体二十一: 
欢迎光临溜达论坛

代码如下:

<TABLE height=79 cellSpacing=0 cellPadding=0 width="90%" align=center background=http://bbs.guqu.net/UploadFile/2004-12/20041230235630410.gif border=0>
<TBODY>
<TR>
<TD>
<DIV align=center><FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=fusia); WIDTH: 100%; COLOR: lime; LINE-HEIGHT: 150%; FONT-FAMILY: 文鼎香肠体"><B>欢迎光临溜达论坛</B></FONT></DIV></TD></TR></TBODY></TABLE>



字体二十三: 
无无无无无 忧忧忧忧忧 岛岛岛岛岛 音音音音音 画画画画画


代码如下:

<MARQUEE scrollAmount=2 width=80 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 60pt; FILTER: blur(add=1, direction=40,strength=10); WIDTH: 450px; LINE-HEIGHT: 150%; POSITION: relative" face=华文行楷 color=#9955aa><I>无无无无无</I></FONT></B></MARQUEE>
<MARQUEE scrollAmount=2 width=80 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 60pt; FILTER: blur(add=1, direction=40,strength=10); WIDTH: 450px; LINE-HEIGHT: 150%; POSITION: relative" face=华文行楷 color=#9955aa><I>忧忧忧忧忧</I></FONT></B></MARQUEE>
<MARQUEE scrollAmount=2 width=80 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 60pt; FILTER: blur(add=1, direction=40,strength=10); WIDTH: 450px; LINE-HEIGHT: 150%; POSITION: relative" face=华文行楷 color=#9955aa><I>岛岛岛岛岛</I></FONT></B></MARQUEE>
<MARQUEE scrollAmount=2 width=80 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 60pt; FILTER: blur(add=1, direction=40,strength=10); WIDTH: 450px; LINE-HEIGHT: 150%; POSITION: relative" face=华文行楷 color=#9955aa><I>音音音音音</I></FONT></B></MARQUEE>
<MARQUEE scrollAmount=2 width=80 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 60pt; FILTER: blur(add=1, direction=40,strength=10); WIDTH: 450px; LINE-HEIGHT: 150%; POSITION: relative" face=华文行楷 color=#9955aa><I>画画画画画</I></FONT></B></MARQUEE>



字体二十五: (在文字部分边上加个滚动条,让观看者自己控制。) 
欢迎光临无忧岛(音画时尚)
欢迎光临无忧岛(音画时尚)
欢迎光临无忧岛(音画时尚)
欢迎光临无忧岛(音画时尚)
欢迎光临无忧岛(音画时尚)
欢迎光临无忧岛(音画时尚)
欢迎光临无忧岛(音画时尚)
欢迎光临无忧岛(音画时尚)
欢迎光临无忧岛(音画时尚)
欢迎光临无忧岛(音画时尚)
欢迎光临无忧岛(音画时尚)
欢迎光临无忧岛(音画时尚)
欢迎光临无忧岛(音画时尚)
欢迎光临无忧岛(音画时尚)
欢迎光临无忧岛(音画时尚)
欢迎光临无忧岛(音画时尚)
欢迎光临无忧岛(音画时尚)
欢迎光临无忧岛(音画时尚)
欢迎光临无忧岛(音画时尚)
欢迎光临无忧岛(音画时尚)
欢迎光临无忧岛(音画时尚)
欢迎光临无忧岛(音画时尚)
欢迎光临无忧岛(音画时尚)
欢迎光临无忧岛(音画时尚)
欢迎光临无忧岛(音画时尚)
欢迎光临无忧岛(音画时尚)


代码如下:

<TABLE cellSpacing=0 cellPadding=0 align=center border=2 width=60%>
<TBODY>
<TR>
<TD align=center>
<DIV style="OVERFLOW: auto; HEIGHT: 360px"><FONT face=黑体 color=blue size=5>欢迎光临无忧岛(音画时尚)<br> 欢迎光临无忧岛(音画时尚)<br> 欢迎光临无忧岛(音画时尚)<br> 欢迎光临无忧岛(音画时尚) <br>欢迎光临无忧岛(音画时尚) <br>欢迎光临无忧岛(音画时尚) <br>欢迎光临无忧岛(音画时尚)<br> 欢迎光临无忧岛(音画时尚) <br>欢迎光临无忧岛(音画时尚) <br>欢迎光临无忧岛(音画时尚) <br>欢迎光临无忧岛(音画时尚) <br>欢迎光临无忧岛(音画时尚)<br> 欢迎光临无忧岛(音画时尚) <br>欢迎光临无忧岛(音画时尚) <br>欢迎光临无忧岛(音画时尚) <br>欢迎光临无忧岛(音画时尚)<br> 欢迎光临无忧岛(音画时尚)<br> 欢迎光临无忧岛(音画时尚)<br> 欢迎光临无忧岛(音画时尚) <br>欢迎光临无忧岛(音画时尚)<br> 欢迎光临无忧岛(音画时尚)<br> 欢迎光临无忧岛(音画时尚)<br> 欢迎光临无忧岛(音画时尚)<br> 欢迎光临无忧岛(音画时尚) <br>欢迎光临无忧岛(音画时尚) <br>欢迎光临无忧岛(音画时尚)</FONT></DIV>
</td></tr></tbody></table>



字体二十六: 

欢迎光临无忧岛



代码如下:

<DIV align=center>
<TABLE cellSpacing=0 borderColorDark=#fdf8b4 cellPadding=0 width="80%" borderColorLight=#fdf8b4 background=http://bbs.guqu.net/UploadFile/2004-12/2004123111632689.jpg border=1>
<TBODY>
<TR>
<TD align=middle width="100%">
<TABLE cellSpacing=0 cellPadding=0 align=center background=http://bbs.guqu.net/UploadFile/2004-12/2004123111632396.gif>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699)">
<TABLE align=center background=http://bbs.guqu.net/UploadFile/2004-12/2004123111632689.jpg>
<TBODY>
<TR>
<TD align=middle><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=楷体_gb2312 color=#336699><B>欢迎光临无忧岛</B></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>


 

        

代码如下:

<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=fuchsia>
<MARQUEE direction=up behavior=alternate width=60 height=80>画</MARQUEE><FONT color=lime>
<MARQUEE direction=up behavior=alternate width=60 height=120>时</MARQUEE><FONT color=purple>
<MARQUEE direction=up behavior=alternate width=60 height=80>尚</MARQUEE><FONT color=Navy>
<MARQUEE direction=up behavior=alternate width=60 height=120>版</MARQUEE></FONT></MARQUEE></FONT>
</FONT></FONT></FONT></FONT></FONT></FONT></FONT></FONT>


字体三十六:
欢迎光临无忧岛 岛忧无临光迎欢


代码如下:

<MARQUEE direction=right width=450 height=50><IMG src="http://bbs.guqu.net/UploadFile/2004-12/20041231223428694.gif"><FONT face=隶书 color=#ff0000 size=7>欢迎光临无忧岛<IMG src="http://bbs.guqu.net/UploadFile/2004-12/20041231223428694.gif"></FONT></MARQUEE></FONT>
<MARQUEE width=450 height=50><IMG src="http://bbs.guqu.net/UploadFile/2004-12/20041231223446397.gif"><FONT face=隶书 color=#ff0000 size=7>岛忧无临光迎欢<IMG src="http://bbs.guqu.net/UploadFile/2004-12/20041231223446397.gif"></FONT></MARQUEE>





溜达闲人 2013-12-22 15:46

[教程]HTML音画制作

HTML的英语全称为Hyper Text Markup Language,中文意思是超文本标识语言(简称为:超文本语言)。

它是计算机语言的最基础、最简单的部分。我们知道计算机最基本的识别文字(也叫语言)就是26个英文字母+10个阿拉伯数字+部分标点符号。论坛上的HTML音画制做是不借助任何软件的,所以就必须使用HTML语言(部分网站及专业论坛是不开放HTML设置的)。

打开HTML制式,看到的往往是一堆代码,即便不晕也是丈二和尚,往往会在这个时期放弃学习,实际上你只要摸上规律,找到窍门,它是很简单的,因为它的组成是有定律的、是固定的(不象爱情那么没有规律、那么复杂,嘿嘿)。


下面我就从最基本的、最基础东西从新开始,和大家共切磋(高手勿看,否则偶就紧张、害羞啦)

   HTML语言音画最基本的构成就是四个部分:边框, 图片(文字等内容), 音乐, FLASH

下面先讲边框:

    边框可以设置任意N层,你想要几层就几层,网上很协调美观的边框大部分都是专业人士制做(有些网站可以专门下载),你不要一看见一个漂亮边框就认为楼主高不可攀,实际上大部分朋友用的协调美观的边框都是共享的(当然,也有很大一部分高手是原创,例如大家比较熟悉的JJJ版主等高手),所以偶在这里可以这样说:网上的边框是共享的,大家完全可以心安理得地去借用和复制,不用脸红(但本人支持原创)!哈哈,偶是借用别人的边框从来不脸红的人。


等一节:Hello Table

  边框(表格)是用<table>来定义其开始用定义其结束的,必须与<table>标记配合使用的还有<tr>和<td>标记,构成表格的简单格式如下:


<table>
<tr>
<td>
</td>
</tr>
</table>

效果如下:

Hello Table

一:边框(表格)的主要属性1.1[table]标记的主要属性align定义表格的对齐方式,有三个属性值center,left,right 


background定义表格的背景图案,属性值为图片的地址

bgcolor定义表格的背景颜色,属性值是各种颜色代码

border定义表格的边框宽度,属性值是数字

bordercolor定义表格边框的颜色,属性值是各种颜色代码

cellpadding定义单元格内容与单元格边框之间的距离,属性值是数字

cellspacing定义表格中单元格之间的距离

height定义表格的高度,属性值是数字

width定义表格的宽度,属性值是数字

1.2[tr]标记,表格是由多行与多列组成的,[tr]标记用来定义表格的一行,他的属性极其属性值定义的是表格中的该行,其主要属性与属性值如下:

align定义对齐方式,属性值与上同

background定义背景图案 bgcolor定义背景色

1.3[td]标记。用[td]标记概况起来的内容表示表格的单元。其主要属性与属性值和[table]标记的一样,补充两个合并列和行的代码:

colspan定义合并表格的列数,属性值是数字

rowspan定义合并表格的行数,属性值是数字

举一个简单的例子:

<table border=1 width=400>
<tr>
<td width=30% align=center>1</td>
<td width=41% align=center>2</td>
<td width=29% align=center>3</td>
</tr>
<tr>
<td width=30% align=center>4</td>
<td width=41% align=center>5</td>
<td width=29% align=center>6</td>
</tr>
<tr>
<td width=30% align=center>7</td>
<td width=41% align=center>8</td>
<td width=29% align=center>9</td>
</tr>
</table>

效果如下:

123
456
789



小结:

要做一个边框就是这样的简单!

只要你记入

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

并在之后面写入

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

就是一个边框(表格)了

      A 细心的朋友会看到这是一个一个对应的代码吧,并会发现偶在这里说的比上面多出了个<TBODY>这样的代码

(偶把这个代码叫做“过渡代码”,因为不管你记不记进去,完整的系统都会帮你写进去,可能网络有网络的规矩吧,偶没去考究过哦!所以朋友们以后还是记进去好一点哈!)

      B代码大多数是成对出现的,它们是一一对应的。但并不是所有的代码都成对,比如还有常用到的强制换行<br>,段落标志<p>是单个出现的,(<p>也可以成对出现)!


明白边框的组成后可以用边框的叠加进行一些编辑了哦

看看例子哈:

第一个边框代码:

<TABLE borderColor=#ff6ec7 cellSpacing=20 width=500 align=center background=http://lpfmm66.com/bc/bbs/UploadFile/2004-12/2004122210549775.gif border=10>
<TBODY>
<TR>
<TD><BR><BR><BR><BR><BR>
</TD></TR></TBODY></TABLE>

第二个边框代码:

<TABLE borderColor=#ff6ec7 cellSpacing=2 width=500 align=center background=http://lpfmm66.com/bc/bbs/UploadFile/2004-12/2004122210630840.gif border=3>
<TBODY>
<TR>
<TD><BR><BR><BR><BR><BR>
</TD></TR></TBODY></TABLE>

第三个边框代码:

<TABLE borderColor=#ff6ec7 cellSpacing=20 width=500 align=center background=http://lpfmm66.com/bc/bbs/UploadFile/2004-12/2004122210549775.gif border=3>
<TBODY>
<TR>
<TD><BR><BR><BR><BR><BR>
</TD></TR></TBODY></TABLE>

第四个边框代码:

<TABLE borderColor=#ff6ec7 cellSpacing=2 width=500 align=center background=http://lpfmm66.com/bc/bbs/UploadFile/2004-12/2004122210630840.gif border=3>
<TBODY>
<TR>
<TD><BR><BR><BR><BR><BR>
</TD></TR></TBODY></TABLE>

第五个边框代码:

<TABLE borderColor=#ff6ec7 cellSpacing=2 width=500 align=center background=http://lpfmm66.com/bc/bbs/UploadFile/2004-12/2004122210717828.jpg border=1>
<TBODY>
<TR>
<TD><BR><BR><BR><BR><BR>
</TD></TR></TBODY></TABLE>




溜达闲人 2013-12-22 15:50
效果如下:

第一个边框代码: 






第二个边框代码: 






第三个边框代码: 






第四个边框代码: 






第五个边框代码: 






提示:在这里,你可以为

background=图片的地址,定义表格背景图案,设置表格并在表格的不同区域加入动画或FLASH

实现在同一个图片中加入NFLASH观感效果!!~~~~~~    ^_^



第一个背景+第二个背景代码:

<TABLE borderColor=#ff6ec7 cellSpacing=20 width=500 align=center background=http://lpfmm66.com/bc/bbs/UploadFile/2004-12/2004122210549775.gif border=10>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#ff6ec7 cellSpacing=2 width=500 align=center background=http://lpfmm66.com/bc/bbs/UploadFile/2004-12/2004122210630840.gif border=3>
<TBODY>
<TR>
<TD><BR><BR><BR><BR><BR>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

让我们大家看看叠加后的效果!~







依次类推!!偶们把所有的层加在一起的代码!

第一个背景+第二个背景+第三个背景+第四个背景+第五个背景代码

<TABLE borderColor=#ff6ec7 cellSpacing=20 width=500 align=center background=http://lpfmm66.com/bc/bbs/UploadFile/2004-12/2004122210549775.gif border=10>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#ff6ec7 cellSpacing=8 width=500 align=center background=http://lpfmm66.com/bc/bbs/UploadFile/2004-12/2004122210630840.gif border=3>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#ff6ec7 cellSpacing=8 width=500 align=center background=http://lpfmm66.com/bc/bbs/UploadFile/2004-12/2004122210549775.gif border=3>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#ff6ec7 cellSpacing=10 width=500 align=center background=http://lpfmm66.com/bc/bbs/UploadFile/2004-12/2004122210630840.gif border=3>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#ff6ec7 cellSpacing=2 width=500 align=center background=http://lpfmm66.com/bc/bbs/UploadFile/2004-12/2004122210717828.jpg border=1>
<TBODY>
<TR>
<TD><BR><BR><BR><BR><BR>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

第一个背景+第二个背景+第三个背景+第四个背景+第五个背景代码:







  表格的叠加嵌套一方面是为使页面(贴子)的外观更为漂亮,利用表格叠加嵌套来编辑出复杂而精美的效果,另一方面是出于布局需要,用一些叠加嵌套方式的表格来做精确的编排,或者二者兼而有之。熟练地掌握表格的叠加嵌套技巧并不是很困难的,只要你思路清晰,对表格的整体构架做到心中有数,在实际编辑时就不会出乱,发布出来的作品也就不会只是一堆代码。

例子A

<table border=8 bordercolor=#0099cc width=100%>
<tbody>
<tr>
<td>Table No.1(内容1) 
<table border=8 bordercolor=#ccffcc width=100%>
<tbody>
<tr>
<td><br>Table No.2(内容2)<br></td>
</tr>
</tbody>
</table>
Table No.1(内容3) 
</td>
</tr>
</tbody>
</table>

Table No.1(内容1) 


Table No.2(内容2)
Table No.1(内容3)


例子B

<table border=6 bordercolor=#888888 width="100%">
<tbody><tr><td>
<table border=5 bordercolor=#ffcc00 width="100%" height=200>
<tbody><tr><td></td></tr></tbody>
</table>

<table border=5 bordercolor=#ffcc00 width="100%" height=200>
<tbody><tr><td>

</td></tr></tbody></table></td></tr></tbody></table>



例子C:

<TABLE borderColor=#ccffcc width="100%" border=4>
<TBODY>
<TR>
<TD width="50%">
<TABLE borderColor=#666666 height=300 width="100%" border=4>
<TBODY><TR><TD></TD></TR></TBODY>
</TABLE>
</TD>
<TD width="50%">
<TABLE borderColor=#666666 height=300 width="100%" border=4>
<TBODY><TR><TD></TD></TR></TBODY>
</TABLE>
</TD></TR></TBODY>
</TABLE>



例子代码与实例效果如下:



<TABLE borderColor=#ff6ec7 cellSpacing=2 width=480 align=center background=http://tyzjsck.nease.net/ks/wybjk/dybj/044.gif border=10>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#ff6ec7 cellSpacing=1 width=480 align=center background=http://www.536000.com/bbs/up/20062/200602092005490.jpg border=3>
<TBODY>
<TR>
<TD>
<DIV align=center>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=down behavior=slide loop=1 width=480 height=530>
<TABLE height=530 cellSpacing=0 cellPadding=0 width=480 background=http://www.536000.com/bbs/up/20062/200602092005490.jpg>
<TBODY>
<TR>
<TD>
<CENTER>
<MARQUEE scrollAmount=2 direction=up loop=1 width=480 height=530>
<P align=center><BR><IMG src=""><IMG src=""><IMG src=""><IMG src=""><IMG src=""><IMG src=""></P></MARQUEE></CENTER></TD></TR></TBODY></TABLE>
</DIV> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>


















溜达闲人 2013-12-22 17:15
第二节:图片

帖图基本格式如下: 



<IMG src="图片连接URL地址"> 



<IMG> 称图形标记,主要用来插入图形标记。



例如: 

<img src="logo.gif" width=100 height=100 hspace=5 vspace=5 border=2 align="top" alt="Logo of PenPals Garden" lowsrc="pre_logo.gif">

<IMG> 的一般参数设定:

src="logo.gif" 
图片来源,接受 .gif, .jpg 及 .png 格式,前两者通行已久,后者则由 96 年开始发展, 于未来取代前两者。若图片档与该 html 档同处一目录则只需写上档案名称,否则 必须加上正确的路径,相对或绝对均可。
 

width=100 height=100 
设定图片大小,此宽度及高度一般采用 pixels 作单位。通常只设为图片的真实 大小,以免失真,若需要改图片大小最好使用图像编辑工具。(改变大小的宽和高与原图的宽和高要成正比例,图片最好是改小不改大,以免失真

hspace=5 vspace=5 
设定图片边沿空白,以免文字或其它图片贴近。hspace 是设定图片左右的空间, 是设定图片上下的空间,高度采用 pixels 作单位。 
border=2 
图片边框厚度

align="top" 
调整图片旁边文字的位置,你可以控制文字出现在图片的偏上方、中间、底部、 左右等,可选值:top, middle, bottom, left, right,内定为 botom。Netscape 还支持 texttop, baseline, absmiddle, absbottom, 
texttop 表示图片和文字依顶线对齐,
 
baseline 表示图片对齐到目前文字行底线值,
 
absmiddle 表示图片对齐到目前文字行绝对中央,
 
absbottom 表示图片对齐到目前文字行绝对底部,(绝对底部是指它考虑到比如 y 、g、q 等字的下边)。
 

alt="Logo of PenPal Garden" 
这是用以描述该图形的文字,若使用文字浏览器,由于不支持图片,这些文字 将会代替图片被显示。若支持图片的浏览器,当鼠标移至图片上该文字也会显示

lowsrc="pre_logo.gif" 
设定先显示低解析度的图片,若加入的是一张很大的图片,下载要很长的时间,这张低 解析度的图片会先被显示以免浏览者失去兴趣,通常是原图的黑白版本。


    载入音乐

<EMBED SRC="音乐文件地址">








常用属性如下:



src="your.mid" 
设定 midi 档案及路径,可以是相对或绝对。 



autostart=true 
是否在音乐档下载完之后就自动播放。true 是,false 否 (内定值)。



loop="true" 
是否自动反复播放。LOOP=2 表示重复两次,true 是, false 否。 



HIDDEN="true" 
是否完全隐藏控制画面,true 为是,no 为否 (内定)。 



STARTTIME="分:秒" 
设定歌曲开始播放的时间。如 STARTTIME="00:30" 表示从第30秒处开始播放。 



VOLUME="0-100" 设定音量的大小,数值是0到100之间。内定则为使用系统本身的设定

WIDTH="整数" 和 HIGH="整数" 
设定控制面板的高度和宽度。(若 HIDDEN="no") 



ALIGN="center" 
设定控制面板和旁边文字的对齐方式,其值可以是 top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom >



CONTROLS="smallconsole" 
设定控制面板的外观。预设值是 console。 
console 一般正常面板   
smallconsole 较小的面板   
playbutton 只显示播放按钮   
pausecutton 只显示暂停按钮   
stopbutton 只显示停止按钮   
volumelever 只显示音量调节按钮


溜达闲人 2013-12-22 17:19

例子A:

       <EMBED SRC="midi.mid" loop=true width=270 height=40>

          





注明:

    可用来插入各种多媒体,格式可以是 Midi、Wav、AIFF、AU 等等,Netscape 及 新版的 IE 都支持。


例子B:

        <EMBED height=200 src=音乐文件地址 type=audio/x-pn-realaudio-plugin width=200 autostart="true" controls="IMAGEWINDOW,ControlPanel,StatusBar" console="Clip1">




说明:

   一般用来插入mp3 rm ra ram asf mid 等音乐文件,如果要隐藏播放器,把width和height的数值改成0或者1就可以了。


第六节

        嵌入页面(把整个网页页面发到论坛里)

  例子A

      <DIV style="LEFT: -200px; WIDTH: 1000px; POSITION: relative; TOP: 150px"><IFRAME marginWidth=0 marginHeight=0 src="网页连接地址" frameBorder=0 width=1000 scrolling=no height=850></IFRAME></DIV>

  例子B

    <DIV style="LEFT: -200px; WIDTH: 1000px; POSITION: relative; TOP: 150px"><OBJECT height=1400 width=980 data=网页连接地址></OBJECT></DIV>




注明:

frameborder=0 窗口边框的设置,yes表示有边框,no表示没有边框

marginwidth=0 marginheight=auto  设置窗口的上下左右边界宽度,如果不设置,由浏览器自动决定。

scrolling=0  滚动条设置,yes 表示有,no表示没有,auto表示由浏览器自动设置。

width=980 height=1400  窗口显示的大小宽和高。


注意:

套用上边的代码发您的制作时,

切记,在发表的时候,在HTML状态下发布。 (呵呵,在发您的制作前,最好先备份一个贴子为好!!) 





溜达闲人 2013-12-22 17:21
    开工前,偶们要准备几样东西,才能确保你的大作成功:
     1:制作素材:图文制作中搜集素材也是很重要的一个环节。

    文字素材:如果说套装素材是你图文制作的门面的话,那么你制作中的文字就是你的制作的灵魂,在图文制作中,偶们最应该突出的不是各类漂亮的特效或是精美的图片或是绝美的音乐,而是文字的内容,文字是偶们制作的灵魂更是偶们制作图文作品的核心所在。
     图片素材:文字是整个图文制作的核心,那么在图片的制作和选材上一定要与文字内容紧紧相扣,如何才能体现出自已的制作风格呢?这就要求我们要在图片上多下功夫了,尽量自已根据文字的内容去加工这些图片。
     音乐素材:图文制作在论坛上划分版块的时候起的时候,大多以音画时尚、图文音画等为版名,足见,音乐在整个图文制作中所占的比重了。
    2:上传空间:现在免费的空间很多,但也都很不稳定,空间小且几乎都不能上传MP3,大多在上传后的作品中会弹出令人讨厌的广告,不过,偶最初试学做的时候,是直接把代码发上论坛去的,没用到空间哦!
    3:发贴代码:大多数朋友想学图文制作的目地就是为了美化自已的主页或是专门发表在各大小论坛上,就发表在论坛上而言,偶们要根据论坛的版本不同而准备几类发贴代码:

     A、在动网6.0及6.1或是在PHP6.0版本的论坛上发表用<IFRAME></IFRAME>
     B、动网7.0版本和7.1.0的论坛用<OBJECT></OBJECT>

使图片可变换各种类型的原代码方法介绍

变换图片方法例图如下:








溜达闲人 2013-12-22 17:23
上面的例图原代码:

<P align=center>
<TABLE id=table1 style="LEFT: -100px; WIDTH: 721px; POSITION: relative; TOP: 80px" cellSpacing=28 align=center background=0 border=0>
<TBODY>
<TR>
<TD>
<DIV style="BORDER-RIGHT: red 9px double; BORDER-TOP: red 9px double; LEFT: 0px; BORDER-LEFT: red 9px double; WIDTH: 720px; BORDER-BOTTOM: red 9px double; POSITION: relative; TOP: 0px; HEIGHT: 489px; align: center"><?import namespace = t urn = "urn:schemas-microsoft-com:time" implementation = "#default#time2" declareNamespace /><t:SEQ repeatCount = "indefinite"><t:MEDIA style="FILTER: alpha; WIDTH: 700px; POSITION: absolute; HEIGHT: 467px" src = "图片地址" dur = "5" fill = "transition" timeContainer = "par"><t:TRANSITIONFILTER from = "0" to = "1" type = "progid:DXImageTransform.Microsoft.Iris(IrisStyle=cross)" dur = "2"></t:TRANSITIONFILTER></t:MEDIA><t:MEDIA style="FILTER: alpha; WIDTH: 700px; POSITION: absolute; HEIGHT: 467px" src = "图片地址" dur = "5" fill = "transition" timeContainer = "par"><t:TRANSITIONFILTER from = "0" to = "1" type = "progid:DXImageTransform.Microsoft.Barn(orientation=vertical motion=in)" dur = "2"></t:TRANSITIONFILTER></t:MEDIA><t:MEDIA style="FILTER: alpha; WIDTH: 700px; POSITION: absolute; HEIGHT: 467px" src = "图片地址" dur = "5" fill = "transition" timeContainer = "par"><t:TRANSITIONFILTER from = "0" to = "1" type = "progid:DXImageTransform.Microsoft.RadialWipe(wipeStyle=wedge)" dur = "2"></t:TRANSITIONFILTER></t:MEDIA><t:MEDIA style="FILTER: alpha; WIDTH: 700px; POSITION: absolute; HEIGHT: 467px" src = "图片地址" dur = "5" fill = "transition" timeContainer = "par"><t:TRANSITIONFILTER from = "0" to = "1" type = "progid:DXImageTransform.Microsoft.Wheel(spokes=8)" dur = "2"></t:TRANSITIONFILTER></t:MEDIA><t:MEDIA style="FILTER: alpha; WIDTH: 700px; POSITION: absolute; HEIGHT: 467px" src = "图片地址" dur = "5" fill = "transition" timeContainer = "par"><t:TRANSITIONFILTER from = "0" to = "1" type = "progid:DXImageTransform.Microsoft.RandomDissolve()" dur = "2"></t:TRANSITIONFILTER></t:MEDIA><t:MEDIA style="FILTER: alpha; WIDTH: 700px; POSITION: absolute; HEIGHT: 467px" src = "图片地址" dur = "5" fill = "transition" timeContainer = "par"><t:TRANSITIONFILTER from = "0" to = "1" type = "progid:DXImageTransform.Microsoft.Iris(IrisStyle=STAR)" dur = "2"></t:TRANSITIONFILTER></t:MEDIA><t:MEDIA style="FILTER: alpha; WIDTH: 700px; POSITION: absolute; HEIGHT: 467px" src = "图片地址" dur = "5" fill = "transition" timeContainer = "par"><t:TRANSITIONFILTER from = "0" to = "1" type = "progid:DXImageTransform.Microsoft.CheckerBoard(direction='left', squaresX='20', squaresY='20')" dur = "2"></t:TRANSITIONFILTER></t:MEDIA><t:MEDIA style="FILTER: alpha; WIDTH: 700px; POSITION: absolute; HEIGHT: 467px" src = "图片地址" dur = "5" fill = "transition" timeContainer = "par"><t:TRANSITIONFILTER from = "0" to = "1" type = "progid:DXImageTransform.Microsoft.RandomBars(sProperties)" dur = "2"></t:TRANSITIONFILTER></t:MEDIA></t:SEQ></DIV></TD></TR></TOBDY></TABLE></P>

溜达闲人 2013-12-22 17:23
以下是图片变换的种类:(把上面相应的代码换掉就行了)
图片变化:type ="progid:DXImageTransform.Microsoft.Iris(IrisStyle=cross)"
type="progid:DXImageTransform.Microsoft.Iris(IrisStyle=DIAMOND)" 26.菱形向处扩散效果
type="progid:DXImageTransform.Microsoft.Stretch(StretchStyle=SPIN)" 25.窗口旋转效果
type="progid:DXImageTransform.Microsoft.Iris(IrisStyle=PLUS)" 24.十字中心向外扩散效果
type="progid:DXImageTransform.Microsoft.Iris(IrisStyle=STAR)" 23.星形显示效果
type="progid:DXImageTransform.Microsoft.Wheel(spokes=8)" 22.风车式样显示效果
type="progid:DXImageTransform.Microsoft.Slide(bands='8')" 11.交错擦除效果
type="progid:DXImageTransform.Microsoft.CheckerBoard(direction='left', squaresX='20', squaresY='20')" 10.是棋格显示效果
type="progid:DXImageTransform.Microsoft.RandomDissolve()" 9.流沙渐显效果
type="progid:DXImageTransform.Microsoft.Spiral(SProperties)" 8.从四周向中间收缩效果
type="progid:DXImageTransform.Microsoft.RandomBars(sProperties)" 7.横向格线显示效果
type="progid:DXImageTransform.Microsoft.Pixelate(sProperties)" 6.马赛克渐显效果
type="progid:DXImageTransform.Microsoft.GradientWipe(sProperties)" 5.边缘模糊推进效
type="progid:DXImageTransform.Microsoft.Blinds(sProperties)" 4.百叶窗效果
type="progid:DXImageTransform.Microsoft.Zigzag(sProperties)" 3.从上至下逐行显示效果
type="progid:DXImageTransform.Microsoft.Strips(motion='rightdown')" 2.向右下角斜纹推
type="progid:DXImageTransform.Microsoft.Stretch(StretchStyle=PUSH)" 1.从左向右拉伸效
(1)<*type="barwipe" 是从左到右拉开的效果> (2)<*type="fade" 是渐显渐隐效果> (3)<*type="clockwipe" 是像钟表一样旋转出现的效果> (4)<*type="barndoorwipe" 是从中间向两边拉开的效果> (5)<*type="slideWipe" 是右往左边拉开的效果> (6)<*type="iriswipe" 是正中间矩形窗口逐渐扩大的效果> (7)<*type="snakewipe" 是蛇形效果> (8)<*type="ellipsewipe" 是正中小圆向外扩散的效果> (9)<*type="spiralwipe" 是螺旋显示效果> (10)<*type="pushWipe" 是右往左边拖动的效果>
(注:在例贴里的图片大小尺寸要根据你要上传图片的大小改一下数字;上面的图片多少也可根据PP的多少自己增减!!)


查看完整版本: [-- 如何用html代码美化贴子 --] [-- top --]
{

Powered by v8.0 Code ©2003-2010 phpwind
Time 0.016348 second(s),query:2 Gzip enabled