天涯部落

小圈子,大声音!呼朋引伴网聚部落!

创建新部落?

音画制作基础知识/附常用颜色代码表

楼主:店小two 时间:2010-02-19 00:21:42 点击:53218 回复:66
脱水模式给他打赏只看楼主 阅读设置
  音画制作基础知识
  在论坛看到的那些漂亮的帖多是漂亮的图片、音乐加上一些代码组成,这些代码就是HTML代码,我们在这里将图片+音乐+背景或再加上FLASH组成的帖简称为“代码帖”。这些帖以她的独特魅力,吸引了众多网友。但很多人没有去揭开她那美丽的面纱,总是在门外徘徊。只要多去了解,去实践,制作出自己的心情、精彩和美丽。
  一般来说你是不需要了解那些大多HTML代码的实际意义,但是,对一些HTML代码是需要理解的,对制作、调试效果有帮助。
  常用HTML代码汇编:
  一、文字
  1.标题文字 <h#>..........</h#> #=1~6;h1为最大字,h6为最小字
  2.字体变化 <font>..........</font>
  【1】字体大小 <font size=#>..........</font> #=1~7;数字愈大字也愈大
  【2】指定字型 <font face="字体名称">..........</font>
  【3】文字颜色 <font color=#rrggbb>..........</font>
  rr:表红色(red)色码
  gg:表绿色(green)色码
  bb:表蓝色(blue)色码
  rrggbb也可用6位颜色代码数字
  3.显示小字体 <small>..........</small>
  4.显示大字体 <big>..........</big>
  5.粗体字 <b>..........</b>
  6.斜体字 <i>..........</i>
  7.打字机字体 <tt>..........</tt>
  8.底线 <u>..........</u>
  9.删除线 <strike>..........</strike>
  10.下标字 <sub>..........</sub>
  11.上标字 <sup>..........</sup>
  12.文字闪烁效果 <blink>..........</blink>
  13.换行(也称回车) <br>
  14.分段 <p>
  15.文字的对齐方向 <p align="#"> #号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐 P.S.<p align="#">之后的文字都会以所设的对齐方式显示,直到出现另一个<p align="#">改变其对齐方向,遇到<hr>或<h#>标签时会自动设回预设的向左对齐。
  16.分隔线 <hr>
  【1】分隔线的粗细 <hr size=点数>
  【2】分隔线的宽度 <hr size=点数或百分比>
  【3】分隔线对齐方向 <hr align="#">
  #号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐
  【4】分隔线的颜色 <hr color=#rrggbb>
  【5】实心分隔线 <hr noshade>
  17.居中对齐 <center>..........</center>
  18.依原始样式显示 <pre>..........</pre>
  19.<body>指令的属性
  【1】背景颜色 -- bgcolor <body bgcolor=#rrggbb>
  【2】背景图案 -- background <body background="图形文件名">
  【3】设定背景图案不会卷动 -- bgproperties <body bgproperties=fixed>
  【4】文件内容文字的颜色 -- text <body text=#rrggbb>
  【5】超连结文字颜色 -- link <body link=#rrggbb>
  【6】正被选取的超连结文字颜色 -- vlink <body vlink=#rrggbb>
  【7】已连结过的超连结文字颜色 -- alink <body alink=#rrggbb>
  20.文字移动指令<MARQUEE>..........</MARQUEE>
  移动速度指令是:scrollAmount=# #最小为1,速度为最慢;数字越大移动的越快。
  移动方向指令是:direction=# up向上、down向下、left向左、right向右。
  指令举例:<MARQUEE scrollAmount=3 direction=up>..........</MARQUEE>
  
  二、图片
  1.插入图片 <img src="图形文件名">
  2.设定图框 -- border <img src="图形文件名" border=点数>
  3.设定图形大小 -- width、height <img src="图形文件名" width=宽度点数 height=高度点数>
  4.设定图形上下左右留空 -- vspace、hspace <img src="图形文件名" vspace=上下留空点数 hspace=左右留空点数>
  5.图形附注 <img src="图形文件名" alt="说明文字">
  6.预载图片
  <img src="高解析度图形文件名" lowsrc="低解析度图形文件名"> P.S.两个图的图形大小最好一致;
  7.影像地图(Image Map) <img src="图形文件名" usemap="#图的名称"> <map name="图的名称">
  <area shape=形状 coords=区域座标列表 href="连结点之URL">
  <area shape=形状 coords=区域座标列表 href="连结点之URL">
  <area shape=形状 coords=区域座标列表 href="连结点之URL">
  <area shape=形状 coords=区域座标列表 href="连结点之URL"> </map <
  【1】定义形状 -- shape
  shape=rect:矩形 shape=circle:圆形 shape=poly:多边形
  【2】定义区域 -- coords
  a.矩形:必须使用四个数字,前两个数字为左上角座标,后两个数字为右下角座标
  例:<area shape=rect coords=100,50,200,75 href="URL">
  b.圆形:必须使用三个数字,前两个数字为圆心的座标,最后一个数字为半径长度
  例:<area shape=circle coords=85,155,30 href="URL">
  c.任意图形(多边形):将图形之每一转折点座标依序填入
  例:<area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="URL"
  
  三、表格相关
  1.表格标题
  <caption>..........</caption>
  表格标题位置 -- align
  <caption align="#"> #号可为 top:表标题置于表格上方(预设值)
  bottom:表标题置于表格下方
  2.定义列 <tr>
  3.定义栏位 《1》<td>:靠左对齐
  《2》<th>:靠中对齐ⅱ粗体
  【1】水平位置 -- align <th align="#">
  #号可为 left:向左对齐 center:向中对齐 right:向右对齐
  【2】垂直位置 -- align <th align="#"> #号可为
  top:向上对齐 middle:向中对齐 bottom:向下对齐
  【3】栏位宽度 -- width <th width=点数或百分比>
  【4】栏位垂直合并 -- rowspan <th rowspan=欲合并栏位数>
  【5】栏位横向合并 -- colspan <th colspan=欲合并栏位数>
  
  四、表格的主要属性
  1.<table>标记的主要属性
  align定义表格的对齐方式,有三个属性值center,left,right
  background定义表格的背景图案,属性值为图片的地址
  bgcolor定义表格的背景颜色,属性值是各种颜色代码
  border定义表格的边框宽度,属性值是数字
  bordercolor定义表格边框的颜色,属性值是各种颜色代码
  cellpadding定义单元格内容与单元格边框之间的距离,属性值是数字
  cellspacing定义表格中单元格之间的距离
  height定义表格的高度,属性值是数字
  width定义表格的宽度,属性值是数字
  2.<tr>标记,表格是由多行与多列组成的,<tr>标记用来定义表格的一行,他的属性极其属性值定义的是表格中的该行,其主要属性与属性值如下:
  align定义对齐方式,属性值与上同
  background定义背景图案 bgcolor定义背景色
  3. <td>标记。用<td>标记概况起来的内容表示表格的单元。其主要属性与属性值和<table>标记的一样,补充两个合并列和行的代码:
  colspan定义合并表格的列数,属性值是数字
  rowspan定义合并表格的行数,属性值是数字
  
  五、FRAME
  1、分割视窗指令 <frameset>..........</frameset>
  【1】垂直(上下)分割 -- rows
  <frameset rows=#> #号可为点数:
  如欲分割为100,200,300三个视窗,则<frameset rows=100,200,300>;
  亦可以*号代表,如<frameset rows=*,500,*>
  百分比:如<frameset rows=30%,70%>,各项总和最好为100%;
  【2】水平(左右)分割 -- cols <frameset cols=点数或百分比>
  2、指定视窗内容 -- <frame>
  <frameset cols=30%,70%> <frame> <frame> </frameset>
  【1】指定视窗的文件名称 -- src <frame src=HTML档名>
  【2】定义视窗的名称 -- name
  <frame name=视窗名称>
  【3】设定文件与上下边框的距离 -- marginheight
  <frame marginheight=点数>
  【4】设定文件与左右边框的距离 -- marginwidth
  <frame marginwidth=点数>
  【5】设定分割视窗卷轴 -- scrolling
  <frame scrolling=#> #号可为 yes:固定出现卷轴
  no:不出现卷轴
  auto:自动判断文件大小需不需要卷轴(预设值)
  【6】锁住分割视窗的大小 -- noresize <frame noresize>
  
  六、歌曲代码:
  在这组代码中,不必管它是mms.http.rtsp,只要看尾缀是asf、wma、wmv、wmv、rm都可适用下面的代码:
  1.手动播放:
  <EMBED src=歌曲地址 volume="100" width=39 height=18 hidden="FALSE" autostart="fault" type="audio/x-pn-realaudio-plugin" c>
  2. 打开页面自动播放:
  <EMBED src="歌曲地址" width="39" height="18" autostart="true" hidden="false" loop="infinite" align="middle" volume="100" type="audio/x-pn-realaudio-plugin" c autostart="true">
楼主店小two 时间:2010-02-19 00:23:07
  
  
  
   

网页颜色代码对照表

 
楼主店小two 时间:2010-02-19 00:34:02
  
#FFFFFF#FFFFF0#FFFFE0#FFFF00
#FFFAFA#FFFAF0#FFFACD#FFF8DC
#FFF68F#FFF5EE#FFF0F5#FFEFDB
#FFEFD5#FFEC8B#FFEBCD#FFE7BA
#FFE4E1#FFE4C4#FFE4B5#FFE1FF
#FFDEAD#FFDAB9#FFD700#FFD39B
#FFC1C1#FFC125#FFC0CB#FFBBFF
#FFB90F#FFB6C1#FFB5C5#FFAEB9
#FFA54F#FFA500#FFA07A#FF8C69
#FF8C00#FF83FA#FF82AB#FF8247
#FF7F50#FF7F24#FF7F00#FF7256
#FF6EB4#FF6A6A#FF69B4#FF6347
#FF4500#FF4040#FF3E96#FF34B3
#FF3030#FF1493#FF00FF#FF0000
#FDF5E6#FCFCFC#FAFAFA#FAFAD2
#FAF0E6#FAEBD7#FA8072#F8F8FF
#F7F7F7#F5FFFA#F5F5F5#F5F5DC
#F5DEB3#F4F4F4#F4A460#F2F2F2
#F0FFFF#F0FFF0#F0F8FF#F0F0F0
#F0E68C#F08080#EEEEE0#EEEED1
#EEEE00#EEE9E9#EEE9BF#EEE8CD
#EEE8AA#EEE685#EEE5DE#EEE0E5
#EEDFCC#EEDC82#EED8AE#EED5D2
#EED5B7#EED2EE#EECFA1#EECBAD
#EEC900#EEC591#EEB4B4#EEB422
#EEAEEE#EEAD0E#EEA9B8#EEA2AD
#EE9A49#EE9A00#EE9572#EE82EE
#EE8262#EE7AE9#EE799F#EE7942
#EE7621#EE7600#EE6AA7#EE6A50
#EE6363#EE5C42#EE4000#EE3B3B
#EE3A8C#EE30A7#EE2C2C#EE1289
#EE00EE#EE0000#EDEDED#EBEBEB
#EAEAEA#E9967A#E8E8E8#E6E6FA
#E5E5E5#E3E3E3#E0FFFF#E0EEEE
#E0EEE0#E0E0E0#E066FF#DEDEDE
#DEB887#DDA0DD#DCDCDC#DC143C
#DBDBDB#DB7093#DAA520#DA70D6
#D9D9D9#D8BFD8#D6D6D6#D4D4D4
#D3D3D3#D2B48C#D2691E#D1EEEE
#D1D1D1#D15FEE#D02090#CFCFCF
#CDCDC1#CDCDB4#CDCD00#CDC9C9
#CDC9A5#CDC8B1#CDC673#CDC5BF
#CDC1C5#CDC0B0#CDBE70#CDBA96
#CDB7B5#CDB79E#CDB5CD#CDB38B
#CDAF95#CDAD00#CDAA7D#CD9B9B
#CD9B1D#CD96CD#CD950C#CD919E
#CD8C95#CD853F#CD8500#CD8162
#CD7054#CD69C9#CD6889#CD6839
#CD661D#CD6600#CD6090#CD5C5C
#CD5B45#CD5555#CD4F39#CD3700
#CD3333#CD3278#CD2990#CD2626
#CD1076#CD00CD#CD0000#CCCCCC
#CAFF70#CAE1FF#C9C9C9#C7C7C7
#C71585#C6E2FF#C67171#C5C1AA
#C4C4C4#C2C2C2#C1FFC1#C1CDCD
#C1CDC1#C1C1C1#C0FF3E#BFEFFF
#BFBFBF#BF3EFF#BEBEBE#BDBDBD
#BDB76B#BCEE68#BCD2EE#BC8F8F
#BBFFFF#BABABA#BA55D3#B9D3EE
#B8B8B8#B8860B#B7B7B7#B5B5B5
#B4EEB4#B4CDCD#B452CD#B3EE3A
#B3B3B3#B2DFEE#B23AEE#B22222
楼主店小two 时间:2010-02-19 00:36:02
  
#B0E2FF#B0E0E6#B0C4DE#B0B0B0
#B03060#AEEEEE#ADFF2F#ADD8E6
#ADADAD#ABABAB#AB82FF#AAAAAA
#A9A9A9#A8A8A8#A6A6A6#A52A2A
#A4D3EE#A3A3A3#A2CD5A#A2B5CD
#A1A1A1#A0522D#A020F0#9FB6CD
#9F79EE#9E9E9E#9C9C9C#9BCD9B
#9B30FF#9AFF9A#9ACD32#9AC0CD
#9A32CD#999999#9932CC#98FB98
#98F5FF#97FFFF#96CDCD#969696
#949494#9400D3#9370DB#919191
#912CEE#90EE90#8FBC8F#8F8F8F
#8EE5EE#8E8E8E#8E8E38#8E388E
#8DEEEE#8DB6CD#8C8C8C#8B8B83
#8B8B7A#8B8B00#8B8989#8B8970
#8B8878#8B8682#8B864E#8B8386
#8B8378#8B814C#8B7E66#8B7D7B
#8B7D6B#8B7B8B#8B795E#8B7765
#8B7500#8B7355#8B6969#8B6914
#8B668B#8B6508#8B636C#8B5F65
#8B5A2B#8B5A00#8B5742#8B4C39
#8B4789#8B475D#8B4726#8B4513
#8B4500#8B3E2F#8B3A62#8B3A3A
#8B3626#8B2500#8B2323#8B2252
#8B1C62#8B1A1A#8B0A50#8B008B
#8B0000#8A8A8A#8A2BE2#8968CD
#87CEFF#87CEFA#87CEEB#878787
#858585#848484#8470FF#838B8B
#838B83#836FFF#828282#7FFFD4
#7FFF00#7F7F7F#7EC0EE#7D9EC0
#7D7D7D#7D26CD#7CFC00#7CCD7C
#7B68EE#7AC5CD#7A8B8B#7A7A7A
#7A67EE#7A378B#79CDCD#787878
#778899#76EEC6#76EE00#757575
#737373#71C671#7171C6#708090
#707070#6E8B3D#6E7B8B#6E6E6E
#6CA6CD#6C7B8B#6B8E23#6B6B6B
#6A5ACD#698B69#698B22#696969
#6959CD#68838B#68228B#66CDAA
#66CD00#668B8B#666666#6495ED
#63B8FF#636363#616161#607B8B
#5F9EA0#5E5E5E#5D478B#5CACEE
#5C5C5C#5B5B5B#595959#575757
#556B2F#555555#551A8B#54FF9F
#548B54#545454#53868B#528B8B
#525252#515151#4F94CD#4F4F4F
#4EEE94#4D4D4D#4B0082#4A708B
#4A4A4A#48D1CC#4876FF#483D8B
#474747#473C8B#4682B4#458B74
#458B00#454545#43CD80#436EEE
#424242#4169E1#40E0D0#404040
#3D3D3D#3CB371#3B3B3B#3A5FCD
#388E8E#383838#36648B#363636
#333333#32CD32#303030#2F4F4F
#2E8B57#2E2E2E#2B2B2B#292929
#282828#27408B#262626#242424
#228B22#218868#212121#20B2AA
#1F1F1F#1E90FF#1E1E1E#1C86EE
#1C1C1C#1A1A1A#191970#1874CD
#171717#141414#121212#104E8B
#0F0F0F#0D0D0D#0A0A0A#080808
#050505#030303#00FFFF#00FF7F
#00FF00#00FA9A#00F5FF#00EEEE
#00EE76#00EE00#00E5EE#00CED1
#00CDCD#00CD66#00CD00#00C5CD
#00BFFF#00B2EE#009ACD#008B8B
#008B45#008B00#00868B#00688B
#006400#0000FF#0000EE#0000CD
#0000AA#00008B#000080#000000
楼主店小two 时间:2010-02-19 10:26:48
  

★★★HTML代码大全★★★


  

  

  


  
  
  1.结构性定义
  文件类型 〈HTML〉〈/HTML〉 (放在档案的开头与结尾)
  文件主题 〈TITLE〉〈/TITLE〉 (必须放在「文头」区块内)
  文头 〈HEAD〉〈/HEAD〉 (描述性资料,像是「主题」)
  文体 〈BODY〉〈/BODY〉 (文件本体)
  (由浏览器控制的显示风格)
  标题 〈H?〉〈/H?〉 (从1到6,有六层选择)
  标题的对齐 〈H? ALIGN=LEFT|CENTER|RIGHT〉〈/H?〉
  区分 〈DIV〉〈/DIV〉
  区分的对齐 〈DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY〉〈/DIV〉
  引文区块 〈BLOCKQUOTE〉〈/BLOCKQUOTE〉 (通常会内缩)
  强调 〈EM〉〈/EM〉 (通常会以斜体显示)
  特别强调 〈STRONG〉〈/STRONG〉 (通常会以加粗显示)
  引文 〈CITE〉〈/CITE〉 (通常会以斜体显示)
  码 〈CODE〉〈/CODE〉 (显示原始码之用)
  样本 〈SAMP〉〈/SAMP〉
  键盘输入 〈KBD〉〈/KBD〉
  变数 〈VAR〉〈/VAR〉
  定义 〈DFN〉〈/DFN〉 (有些浏览器不提供)
  地址 〈ADDRESS〉〈/ADDRESS〉
  大字 〈BIG〉〈/BIG〉
  小字 〈SMALL〉〈/SMALL〉
  与外观相关的标签(作者自订的表现方式)
  加粗 〈B〉〈/B〉
  斜体 〈I〉〈/I〉
  底线 〈U〉〈/U〉 (尚有些浏览器不提供)
  删除线 〈S〉〈/S〉 (尚有些浏览器不提供)
  下标 〈SUB〉〈/SUB〉
  上标 〈SUP〉〈/SUP〉
  打字机体 〈TT〉〈/TT〉 (用单空格字型显示)
  预定格式 〈PRE〉〈/PRE〉 (保留文件中空格的大小)
  预定格式的宽度 〈PRE WIDTH=?〉〈/PRE〉(以字元计算)
  向中看齐 〈CENTER〉〈/CENTER〉 (文字与图片都可以)
  闪耀 〈BLINK〉〈/BLINK〉 (有史以来最被嘲弄的标签)
  字体大小 〈FONT SIZE=?〉〈/FONT〉(从1到7)
  改变字体大小 〈FONT SIZE=+|-?〉〈/FONT〉
  基本字体大小 〈BASEFONT SIZE=?〉 (从1到7; 内定为3)
  字体颜色 〈FONT COLOR="#$$$$$$"〉〈/FONT〉
  2.连结与图形
  连结 〈A HREF="URL"〉〈/A〉
  连结到锚点 〈A HREF="URL#***"〉〈/A〉(如果锚点在另一个档案)
  〈A HREF="#***"〉〈/A〉 (如果锚点目前的档案)
  连结到目的视框 〈A HREF="URL" TARGET="***"〉〈/A〉
  设定锚点 〈A NAME="***"〉〈/A〉
  图形 〈IMG SRC="URL"〉
  图形看齐方式 〈IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE〉
  图形看齐方式 〈IMG SRC="URL"
  ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM〉
  取代文字 〈IMG SRC="URL" ALT="***"〉 (如果没有办法显示图形则显示此文字)
  点选图 〈IMG SRC="URL" ISMAP〉 (需要CGI程式)
  N2.0 点选图 〈IMG SRC="URL" USEMAP="URL"〉
  N2.0 地图 〈MAP NAME="***"〉〈/MAP〉(描述地图)
  N2.0 段落 〈AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF〉
  3.0 大小 〈IMG SRC="URL" WIDTH="?" HEIGHT="?"〉(以pixels为单位)
  N1.0 图形边缘 〈IMG SRC="URL" BORDER=?〉 (以pixels为单位)
  N1.0 图形边缘空间 〈IMG SRC="URL" HSPACE=? VSPACE=?〉 (以pixels为单位)
  N1.0 低解析度图形 〈IMG SRC="URL" LOWSRC="URL"〉
  N1.1 用户端拉 〈META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL"〉(使用端自动更新 )
  N2.0 内嵌物件 〈EMBED SRC="URL"〉 (将物件插入页面)
  N2.0 内嵌物件大小 〈EMBED SRC="URL" WIDTH="?" HEIGHT="?"〉
  3.分隔
  段落 〈P〉 (通常是两个return)
  3.0 段落 〈P〉〈/P〉 (新定义成容器型标签)
  3.0 文字看齐方式 〈P ALIGN=LEFT|CENTER|RIGHT〉〈/P〉
  换行 〈BR〉 (一个return)
  N1.0 文字部份看齐方式〈BR CLEAR=LEFT|RIGHT|ALL〉(与图形合用时)
  横线 〈HR〉
  N1.0 横线对齐 〈HR ALIGN=LEFT|RIGHT|CENTER〉
  N1.0 横线厚度 〈HR SIZE=?〉 (以pixels为单位)
  N1.0 横线宽度 〈HR WIDTH=?〉 (以pixels为单位)
  N1.0 横线比率宽度 〈HR WIDTH=%〉 (以页宽为100%)
  N1.0 实线 〈HR NOSHADE〉 (没有立体效果)
  N1.0 不可换行 〈NOBR〉〈/NOBR〉 (不换行)
  N1.0 可换行处 〈WBR〉 (如果需要,可在此断行)
  列举 (可以巢状列举)
  无次序式列举 〈UL〉〈LI〉〈/UL〉 (〈LI〉 放在每一项前)
  N1.0 公布式列举 〈UL TYPE=DISC|CIRCLE|SQUARE〉(定义全部的列举项)
  〈LI TYPE=DISC|CIRCLE|SQUARE〉(定义这个及其後的列举项)
  有次序式列举 〈OL〉〈LI〉〈/OL〉 (〈LI〉 放在每一项前)
  N1.0 数标型态 〈OL TYPE=A|a|I|i|1〉 (定义全部的列举项)
  〈LI TYPE=A|a|I|i|1〉 (定义这个及其後的列举项)
  N1.0 起始数字 〈OL value=?〉 (定义全部的列举项)
  〈LI value=?〉 (定义这个及其後的列举项)
  定义式列举 〈DL〉〈DT〉〈DD〉〈/DL〉(〈DT〉项目, 〈DD〉定义)
  表单式列举 〈MENU〉〈LI〉〈/MENU〉(〈LI〉 放在每一项前)
  目录式列举 〈DIR〉〈LI〉〈/DIR〉 (〈LI〉 放在每一项前)
  背景与颜色
  3.0 重复排列的背景 〈BODY BACKGROUND="URL"〉
  N1.1+ 背景颜色 〈BODY BGCOLOR="#$$$$$$"〉 (依序为红、绿、蓝)
  N1.1+ 文字颜色 〈BODY TEXT="#$$$$$$"〉
  N1.1+ 连结颜色 〈BODY LINK="#$$$$$$"〉
  N1.1+ 看过的连结 〈BODY VLINK="#$$$$$$"〉
  N1.1 使用中的连结 〈BODY ALINK="#$$$$$$"〉
  4.特殊字元(以下标签需用小写)
  特别符号 &#?; (其中 ? 代表 ISO 8859-1 的编码)
  〈 〈 〉 〉 & & " "
  注册商标TM ?
  N1.0+ 注册商标TM ?
  著作权符号 ?
  N1.0+ 著作权符号 ?
  5.表单 (通常需要与CGI程式配合)
  定义表单 〈FORM ACTION="URL" METHOD=GET|POST〉〈/FORM〉
  N2.0 上传档案 〈FORM ENCTYPE="multipart/form-data〉〈/FORM〉
  输入栏位 〈INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|HIDDEN|SUBMIT|RESET"〉
  栏位名称 〈INPUT NAME="***"〉
  栏位内定值 〈INPUT value="***"〉
  已选定 〈INPUT CHECKED〉 (适用於checkboxes与 radio boxes)
  栏位宽度 〈INPUT SIZE=?〉 (以字元数为单位)
  最长字数 〈INPUT MAXLENGTH=?〉 (以字元数为单位)
  下拉式选单 〈SELECT〉〈/SELECT〉
  下拉式选单名称 〈SELECT NAME="***"〉〈/SELECT〉
  选单项目数量 〈SELECT SIZE=?〉〈/SELECT〉
  多选式选单 〈SELECT MULTIPLE〉 (多选)
  选项 〈OPTION〉
  内定选项 〈OPTION SELECTED〉
  文字输入区 〈TEXTAREA ROWS=? COLS=?〉〈/TEXTAREA〉
  输入区名称 〈TEXTAREA NAME="***"〉〈/TEXTAREA〉
  N2.0 输入区换行方式 〈TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL〉〈/TEXTAREA〉
  6.表格
  3.0 定义表格 〈TABLE〉〈/TABLE〉
  3.0 表格框线 〈TABLE BORDER〉〈/TABLE〉 (有或没有)
  N1.1 表格框线 〈TABLE BORDER=?〉〈/TABLE〉(可以设定数值)
  N1.1 储存格左右留白 〈TABLE CELLSPACING=?〉
  N1.1 储存格上下留白 〈TABLE CELLPADDING=?〉
  N1.1 表格宽度 〈TABLE WIDTH=?〉 (以pixels为单位)
  N1.1 宽度比率 〈TABLE WIDTH=%〉 (页宽为100%)
  3.0 表格列 〈TR〉〈/TR〉
  3.0 表格列内容看齐 〈TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM〉
  3.0 储存格 〈TD〉〈/TD〉 (须与列并用)
  3.0 储存格内容看齐 〈TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM〉
  3.0 不换行 〈TD NOWRAP〉
  N3.0 储存格背景颜色 〈TD BGCOLOR=#$$$$$$〉
  3.0 储存格横向连接 〈TD COLSPAN=?〉
  3.0 储存格纵向连接 〈TD ROWSPAN=?〉
  N1.1 储存格宽度 〈TD WIDTH=?〉 (以pixels为单位)
  N1.1 储存格宽度比率 〈TD WIDTH=%〉 (页宽为100%)
  3.0 表格标题 〈TH〉〈/TH〉 (跟〈TD〉一样,不过会对中并加粗)
  3.0 表格标题对齐 〈TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM〉
  3.0 表格标题不换行 〈TH NOWRAP〉
  3.0 表格标题占几栏 〈TH COLSPAN=?〉
  3.0 表格标题占几列 〈TH ROWSPAN=?〉
  N1.1 表格标题宽度 〈TH WIDTH=?〉 (以pixels为单位)
  N1.1 表格标题比率宽度〈TH WIDTH=%〉 (页宽为100%)
  3.0 表格抬头 〈CAPTION〉〈/CAPTION〉
  3.0 表格抬头看齐 〈CAPTION ALIGN=TOP|BOTTOM〉(在表格之上/之下)
  视框 (定义与控制萤幕上的特定区域)
  N2.0 视框格式总定义 〈FRAMESET〉〈/FRAMESET〉 (取代〈BODY〉)
  N2.0 视框行长度分配 〈FRAMESET ROWS=,,,〉〈/FRAMESET〉(pixels 或 %)
  N2.0 视框行长度分配 〈FRAMESET ROWS=*〉〈/FRAMESET〉 (* = 相对大小)
  N2.0 视框栏宽度分配 〈FRAMESET COLS=,,,〉〈/FRAMESET〉(pixels 或 %)
  N2.0 视框栏宽度分配 〈FRAMESET COLS=*〉〈/FRAMESET〉 (* =相对大小)
  N2.0 定义个别视框 〈FRAME〉 (定义个别视框)
  N2.0 个别视框内容 〈FRAME SRC="URL"〉
  N2.0 个别视框名称 〈FRAME NAME="***"|_blank|_self|_parent|_top〉
  N2.0 边缘宽度 〈FRAME MARGINWIDTH=?〉 (「左」与「右」边界)
  N2.0 边缘高度 〈FRAME MARGINHEIGHT=?〉 (「天顶」与「地底」边界)
  N2.0 卷动条 〈FRAME SCROLLING="YES|NO|AUTO"〉
  N2.0 不可改变大小 〈FRAME NORESIZE〉
  N2.0 无视框时的内容 〈NOFRAMES〉〈/NOFRAMES〉(如果浏览器不提供视框功能的话)
  7.杂项
  说明 〈!-- *** --〉 (浏览器不会显示)
  
  


  
  
  
楼主店小two 时间:2010-02-19 10:29:52
  

图解HTML代码


  

基础代码


  

<*P align=center><*IMG src="图片链接地址" width=500>


  


  

加边框图


  

普通黑色边框


  

<*P align=center><*IMG src="图片链接地址" width=500 border=10>


  


  

立体像框


  

<*P align=center><*IMG width=500 src="图片链接地址" style="border:10px #000000 double">


  


  

双层像框


  

<*table bordercolor=#000000 border=10> <*tbody> <*tr> <*td>
  <*center> <*table bordercolor=#000000 border=10>
  <*tbody>
  <*tr>
  <*td>
  <*IMG src="图片链接地址">
  <*/td><*/tr><*/tbody><*/table><*/center>
  <*/td><*/tr><*/tbody><*/table>
  


  

  
  
  

  
  

  

  

简单的装饰框


  

<*P align=center><*IMG src="图片链接地址" width=500 style="border:10px #007979 solid">
  


  

<*P align=center><*IMG src="图片链接地址" width=500 style="border:10px #007979 dashed">
  


  

<*P align=center><*IMG src="图片链接地址" width=500 style="border:10px #007979 dotted">
  


  

<*P align=center><*IMG src="图片链接地址" width=500 style="border:10px #007979 double">
  


  

<*P align=center><*IMG src="图片链接地址" width=500 style="border:10px #007979 groove">
  


  

<*P align=center><*IMG src="图片链接地址" width=500 style="border:10px #007979 ridge">
  


  

<*P align=center><*IMG src="图片链接地址" width=500 style="border:10px #007979 inset">
  


  

<*P align=center><*IMG src="图片链接地址" width=500 style="border:10px #007979 outset">
  


  

透明的效果


  

<*P align=center><*IMG style="FILTER: Alpha(opacity=100,style=1)" src="图片链接地址" width=500>
  


  

<*P align=center><*IMG style="FILTER: Alpha(opacity=100,style=2)" src="图片链接地址" width=500>
  


  

<*P align=center><*IMG style="FILTER: Alpha(opacity=100,style=3)" src="图片链接地址" width=500>
  


  

<*P align=center><*IMG style="FILTER: Alpha(opacity=0,finishopacity=100,style=1)" src="图片链接地址" width=500>
  


  

<*P align=center><*IMG style="FILTER:progid:DXImageTransform.Microsoft.Emboss()" src="图片链接地址" width=500>
  


  

<*P align=center><*IMG style="FILTER:progid:DXImageTransform.Microsoft.Glow()" src="图片链接地址" width=500>
  


  

<*P align=center><*IMG style="FILTER:progid:DXImageTransform.Microsoft.Glow(Color=#004B97,Strength=10)" src="图片链接地址" width=500>
  


  

<*P align=center><*IMG style="FILTER:progid:DXImageTransform.Microsoft.Shadow(Color=#007979,Direction=135,Strength=10)" src="图片链接地址" width=500>
  


  

注:使用请取消*号


  
楼主店小two 时间:2010-02-19 10:33:35
  请有权限的朋友们不要再打开上面这一组查看,索求代码直接复制即可,使用请取消*号就可以了:)
-----------------------------------------------------------------------------------------------
查找属性 索取背景网址。(请勿点开编辑)
楼主店小two 时间:2010-03-31 23:24:30
  大家常在论坛看到的那些漂亮的帖子都是漂亮的图片、音乐加上一些代码组成,这些代码就是HTML代码,觉得一个精美的代码帖子不外乎就是将文字+图片+音乐或再加上FLASH通过HTML标签编排组成的。这些帖以她的独特魅力,吸引了众多网友。这里发帖旨在和大家一起学习交流,也希望喜爱她的朋友们都去了解她,去接近她,多实践,用你手中的画笔绘出精彩和美丽,编制出自己的美丽心情。虽然在梦影有一定的限制,但多了解一些还是有一点好处的。
  HTML即超文本标记语言(HypertextMarkupLanguage),也叫WEB网页语言,做网页了解它是必要的,虽然现在有很多制作网页的工具如:Dreamwvear,FrontPage等,其实不懂这些代码也能做出很漂亮的网页。因为HTML内容繁多,很少有人愿意用写代码做网页的(效率低),大都使用软件,所见即所得,不过,了解这些代码对细微部分的修改相对会方便一些。我们做帖子只是HTML语言的一小部分(很容易掌握的),我们也不需要了解那些太多HTML代码的实际意义,我们只了解常用的几个标签就可以了,这样,对制作、调试效果都有帮助。在这里我收集整理一下代码的编写规则解释。我也没有很深入的学习,有不足或不当之处,还请大家补充完善。
  感觉这些代码主要是起编排的作用,也有一些不错的特效(主要是网页特效,就是一些脚本语言编写的,有点专业)在论坛里支持的只是一小部分,所以一些漂亮的图片大都是经过软件处理的 如:PS,FW,UGA等图像处理软件。不过,如果朋友们会做图,加上只要稍微了解这些代码,很快就有精美的作品问世。心动不如行动,相信一定行!
  
  公式:精美的代码帖子=文字+图片+音乐+FLASH 所以我们只了解相关标签就行了。
  常用HTML代码:
  
  一、文字标记
  基本代码如下:
  <P align=center><FONT color=#0066ff face=隶书 size=5>插入文字</FONT></P>
  align=center 表示字体居中,可选值为居右(right)居左(left)
  *color=颜色代码
  *face=字体 常用字体为:宋体.黑体.楷体.新宋体.隶书等
  *size=字体大小,这里的最大值为7 取值越大文字就越大
  
  1.字体变化 <font>..........</font>
  a.字体大小 <font size=#>..........</font> #=1~7;数字愈大字也愈大
  b.指定字型 <font face="字体名称">..........</font>
  c.文字颜色 <font color=#rrggbb>..........</font>
  rr:表红色(red)色码
  gg:表绿色(green)色码
  bb:表蓝色(blue)色码
  rrggbb也可用6位颜色代码数字
  
  2.粗体字 <b>..........</b>
  
  3 字体加粗<STRONG>..........</STRONG>和<b>标签差不多的效果
  
  4.换行(也称回车)
  
  5.分段标记 <p>
  文字的对齐方向 <p align="#"> #号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐 <p align="#">之后的文字都会以所设的对齐方式显示,直到出现另一个<p align="#">改变其对齐方向,遇到<hr>或<h#>标签时会自动设回预设的向左对齐。
  
  6.区隔标记 <DIV>
  <DIV>称为区隔标记。作用:设定字、画、表格等的摆放位置。
  <DIV>应用于 Style Sheet(式样表)方面会更显威力,它最终目的是给设计者另一种组织 能力,有 Class ; Style ; title ; ID 等属性。
  
  以 <DIV align="center"> 为例:
  align="center" 可选值:center ; left ; right 。决定字、画、表格等居中、靠左或靠右。
  <DIV align="center"> 的作用和居中标记 <CENTER>一样。
  注:其实常用跟<p>标签的效果差不多,但是功能比<p>相对强一些。
  
  
  7.分隔线 <hr>
  a.分隔线的粗细 <hr size=点数>
  b.分隔线的宽度 <hr size=点数或百分比>
  c.分隔线对齐方向 <hr align="#">
  #号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐
  d.分隔线的颜色 <hr color=#rrggbb>
  e.实心分隔线 <hr noshade>
  
  8.居中对齐
  <center>..........</center> 跟<p align="center">........</p>,<DIV align="center">........<DIV>效果基本是一样的。
  
  9.文字移动标记<MARQUEE>..........</MARQUEE>
  <marquee 属性=属性值> 文字内容 </marquee>
  移动速度指令是:scrollAmount=#   #最小为1,速度为最慢;数字越大移动的越快。
  字符移动每步的延时:scrolldelay=#   属性值为数字, #最小为1, 数值越大速度越大,反之亦然。
  移动方向指令是:direction=#   up向上、down向下、left向左、right向右。
  移动方式:behavior 属性值为scroll:文字单向移动,side:移动到边界停止,alternate:到边界后反向移动;
  *align,对齐方式,其属性值为center,left,right,top, middle, bottom,分别表示居中,左对齐,右对齐,对齐上沿、中间、下沿;
  bgcolor,移动字符的背景色,属性值为颜色代码,可以是rrggbb 16 进制数码,r=red,g=green,b=blue,也就是色彩中的三原色,也可是预定义色彩;
  *loop,移动字符的循环次数,属性值为数字,若未指定则循环不止(infinite);
  *width及height,文字高度和宽度,以象素为单位,属性值为数字;
  *hspace字符左右留白长度,属性值为数字;
  *vspace字符上下留白长度,属性值为数字;
  *scrollamount字符的移动速度,属性值为数字,数值越大速度越大,反之亦然;
  
  常用指令举例:
  <MARQUEE scrollAmount=3 direction=up>..........</MARQUEE>
  
  a.<marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle>我会移动耶!</marquee>
  b.<marquee direction=left>我从右向左移!</marquee>
  c.<marquee behavior=scroll>我一圈一圈绕着走!</marquee>
  d.<marquee behavior=alternate>我来回走耶!</marquee>
  e.<marquee scrolldelay=500 scrollamount=100>我走一步,停一停!</marquee>
  
  二、图片标记
  
  1.插入图片 --<img src="图形文件名">
  
  2.设定图框 -- border <img src="图形文件名" border=点数>
  
  3.设定图形大小 -- width、height <img src="图形文件名" width=宽度点数 height=高度点数>
  
  4.设定图形上下左右留空 -- vspace、hspace <img src="图片地址" vspace=上下留空点数 hspace=左右留空点数>
  
  5.图形附注 <img src="图片地址" alt="说明文字">
  
  例1:<img src="图片地址" width=180 height=152 border=0>
  
  例2:<P align=center><img src="图片地址" width=180 height=152 border=0></p>
  
  三、表格相关(我们做帖子背景主要就是表格)
  
  例1:
  
  源代码如下:
  
  <TABLE align=center background="帖子背景图" border=0 cellPadding=0 cellSpacing=0 borderColor=#ffff00 width="100%"><TBODY><TR><TD>
  
  帖子内容,文字或图片..... </TD></TR></TBODY></TABLE>
  
  1.定义表格--<TABLE> 即我们做帖子时的背景。
  
  2.定义列--<tr> <tr>标志对用来创建表格中的每一行。
  
  3.定义栏位 i.--<td>:<td>标志对用来创建表格中一行中的每一个格子,
  此标志对也只有放在<tr></tr>标志对之间才是有效的,
  ii.--<th>:<th>标志对用来设置表格头,通常是黑体居中文字。
  a.水平位置 -- align <th align="#">
  #号可为 left:向左对齐 center:向中对齐 right:向右对齐
  b.垂直位置 -- align <th align="#"> #号可为
  top:向上对齐 middle:向中对齐 bottom:向下对齐
  c.栏位宽度 -- width <th width=点数或百分比>
  d.栏位垂直合并 -- rowspan <th rowspan=欲合并栏位数>
  e.栏位横向合并 -- colspan   <th colspan=欲合并栏位数>
  
  四、表格的主要属性
  
  例:
  <TABLE> 的参数设定(常用):
  <table width="400" border="1" cellspacing="2" cellpadding="2" align="CENTER" valign="TOP" background="myweb.gif" bgcolor="#0000FF" bordercolor="#CF0000" bordercolorlight="#00FF00" bordercolordark="#00FFFF" cols="2">
  
  1. <table>标记的主要属性
  *align定义表格的对齐方式,有三个属性值center,left,right
  *background定义表格的背景图案,属性值为图片的地址
  *bgcolor定义表格的背景颜色,属性值是各种颜色代码
  *border定义表格的边框宽度,属性值是数字
  *bordercolor定义表格边框的颜色,属性值是各种颜色代码
  *cellpadding定义单元格内容与单元格边框之间的距离,属性值是数字
  *cellspacing定义表格中单元格之间的距离
  *height定义表格的高度,属性值是数字-----接受绝对值(如500)及相对值(如100%)。
  *width定义表格的宽度,属性值是数字-----接受绝对值(如400)及相对值(如80%)。
  *bordercolorlight 表格边框向光部分的颜色
  *bordercolordark 表格边框背光部分的颜色,
  使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效,即不能同时使用。
  
  
  2. <tr>标记,表格是由多行与多列组成的,<tr>标记用来定义表格的一行,他的属性极其属性值定义的是表格中的该行,其主要属性与属性值如下:
  *align定义对齐方式,属性值与上同
  *background定义背景图案 bgcolor定义背景色
  
  3. <td>标记。用<td>标记概况起来的内容表示表格的单元。其主要属性与属性值和<table>标记的一样,补充两个合并列和行的代码:
  colspan定义合并表格的列数,属性值是数字
  rowspan定义合并表格的行数,属性值是数字
  
  
  五、歌曲标记
  <EMBED SRC="音乐文件地址">
  
  在论坛做帖常用格式如下:
  <EMBED height=200 src=音乐文件地址 type=audio/x-pn-realaudio-plugin width=200 autostart="true" controls="IMAGEWINDOW,ControlPanel,StatusBar" console="Clip1"></EMBED>
  在这组代码中,不必管它是mms.http.rtsp,只要看尾缀是asf、wma、wmv、wmv、rm都可适用下面的代码:
  说明:一般用来插入mp3 rm ra ram asf mid 等音乐文件,如果要隐藏播放器,把width和height的数值改成0或者1就可以了。
  
  
  1. 手动播放:
  <EMBED src=歌曲地址 volume="100" width=39 height=18 hidden="FALSE" autostart="fault" type="audio/x-pn-realaudio-plugin" controls="PlayButton">
  
  2. 打开页面自动播放:
  <EMBED src="歌曲地址" width="39" height="18" autostart="true" hidden="false" loop="infinite" align="middle" volume="100" type="audio/x-pn-realaudio-plugin" controls="PlayButton" autostart="true">
  
  常用属性如下:
  *src="your.mid"
  设定 midi 档案及路径,可以是相对或绝对。
  
  *autostart=true
  是否在音乐档下载完之后就自动播放。true 是,false 否 (内定值)。
  
  *loop="true"
  是否自动反复播放。LOOP=2 表示重复两次,true 是, false 否。
  
  *HIDDEN="true"
  是否完全隐藏控制画面,true 为是,false为否 (内定)。
  
  *STARTTIME="分:秒"
  设定歌曲开始播放的时间。如 STARTTIME="00:30" 表示从第30秒处开始播放。
  
  *VOLUME="0-100"
  设定音量的大小,数值是0到100之间。内定则为使用系统本身的设定
  
  *WIDTH="整数" 和 HIGH="整数"
  设定控制面板的高度和宽度。(若 HIDDEN="false")
  
  *ALIGN="center"
  设定控制面板和旁边文字的对齐方式,其值可以是 top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom >
  
  *CONTROLS="smallconsole"
  设定控制面板的外观。预设值是 console。
  console 一般正常面板   
  smallconsole 较小的面板   
  playbutton 只显示播放按钮   
  pausecutton 只显示暂停按钮   
  stopbutton 只显示停止按钮   
  volumelever 只显示音量调节按钮
  
  例一:
  <EMBED SRC="midi.mid" autostart=true hidden=true loop=true>
  作为背景音乐来播放,隐藏了播放器。
  
  例二:
  <EMBED SRC="midi.mid" loop=true width=145 height=60>
  出现控制面板了,你可以控制它的开与关,还可以调节音量的大小。
  注明:可用来插入各种多媒体,格式可以是 Midi、Wav、AIFF、AU 等等,Netscape 及 新版的 IE 都支持。
  
  IE中的背景音乐
  
  代码如下:
  <bgsound src="音乐文件地址" loop=#>
  *#=循环数
  注明:这种背景音乐格式,只有在IE浏览器中才可以听到。一般用来插入wav wma mid mp3等格试的音乐。
  
  晕,发个音乐要了解那么多?其实把下面代码复制过去换一下歌曲地址就ok了。
  <EMBED src="歌曲地址" width="39" height="18" autostart="true" hidden="false" loop="infinite" align="middle" volume="100" type="audio/x-pn-realaudio-plugin" controls="PlayButton" autostart="true">
  
  
  六.透明FLASH的使用
  
  例:
  1层:
  <TABLE align=center background="图片地址" border=0 cellPadding=0 cellSpacing=0 height=# width=# table=#>
  <TBODY>
  <TR>
  <TD>
  <EMBED height=# pluginspage=http://www.macromedia.com/go/getflashplayer src="Flash地址" type=application/x-shockwave-flash width=# wmode="transparent" quality="high">
  </TD></TR></TBODY></TABLE>
  
  
  2层
  <TABLE align=center background="图片地址" border=0 cellPadding=0 cellSpacing=0 height=# width=# table=#>
  <TBODY>
  <TR>
  <TD>
  <EMBED align=right src="Flash地址" width=# height=# type=application/octet-stream ;; quality="high" wmode="transparent" dth="#">
  <EMBED align=right src="Flash地址" width=# height=# type=application/octet-stream ;; quality="high" wmode="transparent" dth="#">
  </TD></TR></TBODY></TABLE>
  
  
  常用代码如下:
  <P align=center><TABLE background="图片地址" border=0 cellPadding=0 cellSpacing=0 height=300 width=400 table=0>
  <TBODY>
  <TR>
  <TD>
  <EMBED style="LEFT: 50px; WIDTH: 400px; POSITION: absolute; TOP: 900px; HEIGHT: 300px" align=right src="FLASH地址" width=400 height=300 type=application/octet-stream wmode="transparent" quality="high" ;;>
  </TD></TR></TBODY></TABLE>
  说明:
  *TOP: 900px 是指FLASH与帖子上边之间的距离(也就是FLASH与IE的距离)。
     *LEFT: 50px 是指FLASH与帖子左边的距离
     *WIDTH: 400px HEIGHT: 300px 是指FLASH定位的范围宽度和高度
     *后面的width=400 height=300 就是指FLASH的宽和高了。
  在使用这种格式时要反复的调整定位距离大小才能达到满意的效果
  *align=right 相对背景图片右对齐。
  
  注意事项:
  
  大家一定发现这个style标签了吧。这个是做一些特效,如,滤镜效果,文字特效,所用到的标记即CSS(Cascading Stylesheets,层叠样式表)是一种制作网页的新技术,现在已经为大多数的浏览器所支持,成为网页设计必不可少的工具之一。
  Style属性可以应用在<meta>标签中,更可广泛应用在<div><table><tr><td><body><center><img><input><font><form><frame><label><EMBED><map>等标签中,发贴时注意要将自动修正的勾号去掉,否则效果也出不来。
  
  一. table,tr,td 称为HTML的标签,以双标签的形式出现,所谓双标签,也就是有一个<table>就有一个对应的</table>与之对应,同样适用于其他的双标签。
  
  如:
  <TABLE><TBODY><TR><TD><TABLE><TBODY><TR><TD>内容</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
  有多少<TABLE><TBODY><TR><TD>打头就得有多少</TD></TR></TBODY></TABLE>收尾,否则就会出错,其他标签适用。
  
  
  二.论坛全屏效果。
  
  
  把下列代码加到第一层表格的代码中:style="LEFT: -180px; WIDTH: 800px; POSITION: relative; TOP: 90px"
  
  效果如下:
  <TABLE id=table1 style="LEFT: -180px; WIDTH: 800px; POSITION: relative; TOP: 990px" cellSpacing=10 align=center background="图片地址" border=0></TBODY><TR><TD>这里插入帖子内容</TD></TR></TBODY></TABLE>
  
  注:LEFT: -180px 左距,数值越大与左边距离越大。WIDTH: 800px 帖子宽度,TOP:90px" 上距(在梦影中数值不要取太小,不然会遮住上面编辑钮),数值越大与IE上面的距离越大。其中数值都可以自行修改。
  
  三.我们在HTML模式下编好了帖子,先换到Design先察看,然后点击预览,如无异常即可发帖子,切记将HTML模式旁边的自动修正前面的那个勾勾掉,否则一些特效就出不来,甚至会出现乱码。
  
  四.有一点特别提出,大家不要过分迷信成品代码,其实简单的代码经过成功编辑也能做出非常好的帖子。
楼主店小two 时间:2010-03-31 23:30:00
  用代码将两个图片重叠:
  <DIV>
  <TABLE id=table1 style="LEFT: 10px; POSITION: relative; TOP: 80px" align=center>
  <TBODY>
  <TR>
  <TD>
  <TABLE borderColor=darksalmon height=# width=# background="图片地址" border=2>
  <TBODY>
  <TR>
  <TD>
  </TD></TR></TBODY></TABLE>
  <DIV style="LEFT: 100px; OVERFLOW: hidden; POSITION: relative; TOP: -200px;">
  <TABLE borderColor=darksalmon height=# width=# background="图片地址" border=2>
  <TBODY>
  <TR>
  <TD>
  </TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV>
  
楼主店小two 时间:2010-03-31 23:33:45
  LEFT: 10px;代表图片与左边的距离,TOP: 80px代表帖子整体与顶部的距离,TOP: -200px代表第二个图片(也就是重叠上去的)与顶部的距离,可以根据自己喜欢做相应调整,数值"#"这里我就不再罗嗦了
楼主店小two 时间:2010-03-31 23:35:44
  重叠图片中加入向上移动文字:
  <DIV>
  <TABLE id=table1 style="LEFT: 10px; POSITION: relative; TOP: 80px" align=center>
  <TBODY>
  <TR>
  <TD>
  <TABLE borderColor=darksalmon height=# width=# background="图片地址" border=2>
  <TBODY>
  <TR>
  <TD>
  <CENTER>
  <MARQUEE scrollAmount=1 direction=up width=# height=#><FONT style="FONT-SIZE: 18pt; FILTER: shadow(color=red); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>文字内容</B></FONT></MARQUEE></CENTER>
  </TD></TR></TBODY></TABLE>
  <DIV style="LEFT: 100px; OVERFLOW: hidden; POSITION: relative; TOP: -200px;">
  <TABLE borderColor=darksalmon height=# width=# background="图片地址" border=2>
  <TBODY>
  <TR>
  <TD>
  <CENTER>
  <MARQUEE scrollAmount=1 direction=up width=# height=#><FONT style="FONT-SIZE: 18pt; FILTER: shadow(color=red); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>文字内容</B></FONT></MARQUEE></CENTER>
  </TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV>
  文字的各项属性也可以根据自己喜欢的加于修改。
楼主店小two 时间:2010-03-31 23:37:16
  图片加往下无限循环拉幕效果:
  <DIV>
  <TABLE cellSpacing=0 cellPadding=0 width=# align=center background="背景图片地址" border=1>
  <TBODY>
  <TR>
  <TD align=center>
  <MARQUEE scrollAmount=3 direction=down height=#>
  <MARQUEE scrollAmount=3 direction=up height=#>
  <DIV align=center><IMG src="静止图片地址"></DIV>
  </MARQUEE>
  </MARQUEE>
  </TD></TR></TBODY></TABLE></DIV>
  
  width=#:背景图片宽度(作拉幕用)
  height=#:静止图片的高度
  *这里的宽、高度设定应与要加入的静止图片相一致,不然会影响帖子整体美观,具体数据可在要加入图片的属性找到。
楼主店小two 时间:2010-03-31 23:38:52
  图片加往上无限循环拉幕效果:
  <DIV>
  <TABLE cellSpacing=0 cellPadding=0 width=# align=center background="背景图片地址" border=1>
  <TBODY>
  <TR>
  <TD align=center>
  <MARQUEE scrollAmount=3 direction=up height=#>
  <MARQUEE scrollAmount=3 direction=down height=#>
  <DIV align=center><IMG src="静止图片地址"></DIV>
  </MARQUEE>
  </MARQUEE>
  </TD></TR></TBODY></TABLE></DIV>
楼主店小two 时间:2010-03-31 23:41:00
  图片加往右无限循环拉幕效果:
  <DIV>
  <TABLE cellSpacing=0 cellPadding=0 width=# align=center background="背景图片地址" border=1>
  <TBODY>
  <TR>
  <TD align=center>
  <MARQUEE scrollAmount=3 direction=right height=#>
  <MARQUEE scrollAmount=3 height=#>
  <DIV align=center><IMG src="静止图片地址"></DIV>
  </MARQUEE>
  </MARQUEE>
  </TD></TR></TBODY></TABLE></DIV>
楼主店小two 时间:2010-03-31 23:41:43
  图片加往左无限循环拉幕效果:
  <DIV>
  <TABLE cellSpacing=0 cellPadding=0 width=# align=center background="背景图片地址" border=1>
  <TBODY>
  <TR>
  <TD align=center>
  <MARQUEE scrollAmount=3 height=#>
  <MARQUEE scrollAmount=3 direction=right height=#>
  <DIV align=center><IMG src="静止图片地址"></DIV>
  </MARQUEE>
  </MARQUEE>
  </TD></TR></TBODY></TABLE></DIV>
楼主店小two 时间:2010-03-31 23:42:31
  邮票式的边框代码:
  <TABLE style="BORDER-RIGHT: red 3px dashed; BORDER-TOP: red 3px dashed; BORDER-LEFT: red 3px dashed; BORDER-BOTTOM: red 3px dashed; BACKGROUND-COLOR: red" height=# WIDTH=# cellSpacing=0 cellPadding=0 align=center>
  <TBODY>
  <TR>
  <TD></TD></TR></TBODY></TABLE>
  
  BORDER-LEFT: red 3px----左边齿的颜色、大小
  BORDER-RIGHT: red 3px----右边齿的颜色、大小
  BORDER-TOP: red 3px----顶部边齿的颜色、大小
  BORDER-BOTTOM: red 3px----底部边齿的颜色、大小
  BACKGROUND-COLOR: red----框内背景颜色
楼主店小two 时间:2010-03-31 23:43:53
  将图片作透明处理并在背景图上作拉幕效果:
  <DIV align=center>
  <TABLE cellSpacing=0 cellPadding=0 width=560 border=3>
  <TBODY>
  <TR>
  <TD>
  <TABLE height=687 cellSpacing=0 cellPadding=0 width=560 align=center background=http://club.vgogo.com/uploadfile/2004551243883304.jpg border=0>
  <TBODY>
  <TR>
  <TD>
  <MARQUEE scrollAmount=3 scrollDelay=100 direction=up behavior=slide loop=3 height=420>
  <TABLE style="FILTER: Alpha(Opacity=50)" height=420 cellSpacing=0 cellPadding=0 width=500 align=center background=http://club.vgogo.com/uploadfile/2004551243778465.jpg border=0>
  <TBODY>
  <TR>
  <TD>
  </TD></TR></TBODY></TABLE></MARQUEE>
  </TD></TR></TBODY></TABLE>
  </TD></TR></TBODY></TABLE></DIV>
  
  
  <TABLE style="FILTER: Alpha(Opacity=50)"
  这个特效的主要的就是上面Opacity=50数字,这是透明度的大小控制,数字越小透明效果越高.....
楼主店小two 时间:2010-04-01 10:14:58
 一款有外连接网址的播放器提示:此播放器默认mp3格式的歌曲,将里面的“歌曲地址”更换成以mp3格式为后缀的音乐就可以播放了。 1、代码地址:
楼主店小two 时间:2010-04-01 10:32:52
播放器




CENTER=为帖子居中标志
EMBED src=mp3或wma等媒体音乐地址
autostart=开关(true为自动播放,false为手动播放)
loop=循环播放次数,以数字为准,-1为无限循环
width=播放界面的宽度
height=播放界面的高度
type=插件类型

效果:

楼主店小two 时间:2010-04-02 08:22:19
边框播放器

TO:1



TO:2



TO:3

楼主店小two 时间:2010-04-02 08:37:07
彩色邮票效果播放器

TO:1





TO:2





TO:3


楼主店小two 时间:2010-04-12 18:42:46
  介绍一下帖子背景的代码,这个代码目前天涯可以使用,代码如下;
    <STYLE>body{background:fixed url(http://img13.tianya.cn/photo/2010/3/29/19516117_16248069.jpg)}.content {BACKGROUND-COLOR:TRANSPARENT ;LINE-HEIGHT:35px;text-align:center;}TABLE {BACKGROUND-COLOR:TRANSPARENT;}</STYLE><style><!--.content { BACKGROUND-COLOR: TRANSPARENT;color:#FFFFFF; FONT-FAMILY:宋体;LINE-HEIGHT:27px;FONT-SIZE:20px} a:hover { color: purple; text-decoration: underline} a:link { color:maroon; text-decoration: none} a:visited { color: purple; text-decoration: none}--></style>
    ---------------------------------------------------------------------------
    如果涉及到背景居中,请在这个冒号(background:)后面替换上居中(center)的代码就ok了,复制代码;
    <STYLE>body{background:center url(http://laiba.tianya.cn/laiba/images/15714891/12487469510520721460/A/1/l.jpg);background-attachment:fixed}</STYLE><STYLE>.content{BACKGROUND-COLOR: transparent ;COLOR: #a02040 ; FONT-FAMILY: 黑体; LINE-HEIGHT:24px; FONT-SIZE: 20px}</STYLE>

借用微斯雨制作的图解做一下说明;
楼主店小two 时间:2010-04-12 18:45:42
  介绍一下帖子背景的代码,这个代码目前天涯可以使用,代码如下;
    <STYLE>body{background:fixed url(http://img13.tianya.cn/photo/2010/3/29/19516117_16248069.jpg)}.content {BACKGROUND-COLOR:TRANSPARENT ;LINE-HEIGHT:35px;text-align:center;}TABLE {BACKGROUND-COLOR:TRANSPARENT;}</STYLE><style><!--.content { BACKGROUND-COLOR: TRANSPARENT;color:#FFFFFF; FONT-FAMILY:宋体;LINE-HEIGHT:27px;FONT-SIZE:20px} a:hover { color: purple; text-decoration: underline} a:link { color:maroon; text-decoration: none} a:visited { color: purple; text-decoration: none}--></style>
    ---------------------------------------------------------------------------
    如果涉及到背景居中,请在这个冒号(background:)后面替换上居中(center)的代码就ok了,复制代码;
    <STYLE>body{background:center url(http://laiba.tianya.cn/laiba/images/15714891/12487469510520721460/A/1/l.jpg);background-attachment:fixed}</STYLE><STYLE>.content{BACKGROUND-COLOR: transparent ;COLOR: #a02040 ; FONT-FAMILY: 黑体; LINE-HEIGHT:24px; FONT-SIZE: 20px}</STYLE>

借用微斯雨制作的图解做一下说明;
作者 :明白不如糊涂好 时间:2010-04-16 22:36:44
  学习~
作者 :青山小路 时间:2010-05-02 11:56:51
 网络制作工具连接;
http://ghlp.igogo8.com/ghlp_more.html闪字

  http://pic.sdodo.com/ 图片生成

  http://mm.tpp8.com/ascii/ 字副画

  http://www.iephotoshop.com/ 图片编辑

  http://vip2.6to23.com/may5th/zh.html繁体字

  http://www.eoool.com/Default.aspx?TypeID=0 动画制作

  http://id.igogo8.com/ 身份证制作

  http://www.eoool.com/ImageDIY/DIYChooseImg.aspx?ImgSize=96x96x1 头像生成

  http://www.eoool.com/Sevice.aspx?TypeID=2聊天图标

  http://tools.fodey.com/generators/animated/ninjatext.asp 日本武士刀劈出你需要的字

  http://www.nhacks.com/email/ 支持多种域名的Email图标的生成

  http://pentacom.jp/soft/ex/font/edit.html itfontMaker——字体制作

  http://www.onlinewahn.de/generator/m-maker.htm 钱币生成器

  http://pic.sdodo.com/ 图片仓库

  http://pic.sdodo.com/tool/picadjust/ 图片缩放裁切工具

  http://pic.sdodo.com/tool/hphoto/大头贴DIY工具

  http://pic.sdodo.com/tool/addword/ 给图片加字工具

  http://pic.sdodo.com/tool/mailpic/邮箱地址小图标工具

  http://pic.sdodo.com/tool/piclabel/ 给图片加小标签

  http://www.dfilm.com/index_movie_start.html 在线FLASH动画制作

  http://www.chami.com/html-kit/services/favicon/ 图片生成网页图标

  http://cnc.kedooo.net/gmail/ 由蝌蚪网络提供的Gmail注册入口

  http://www.eoool.com/][color=red 最全的邮件/QQ/MSN/BLOG图片生成器

  http://www.html-kit.com/e/favicon.cgi 收藏夹图标生成器

  http://phorum.com.tw/Generator.aspx 在线域名LOGO生成

  http://www.3dtextmaker.com/cgi-bin/3dtext.pl 免费3D banner在线制做网站

  http://www.myfonts.com/WhatTheFont 输入图片就能查看字体

  http://www.seo.net.cn/sitemap/sitemap 网站地图制作工具

  http://uptime.netcraft.com/up/ 检测空间商好坏的方法

  http://whois.webhosting.info/ 查看该域名IP主机下的其他域名

  http://www.nhacks.com/email/ index.php生成email图片

  http://www.linkwan.com/gb/broadmeter 世界网络里面有很多不错的测试

  http://map.zhongsou.com/ 几个大城市的地图搜索

  http://www.eoool.com/ 图片标签快速生成工具

  http://www.iwebtool.com/pagerank_checker?domain=www.chinayoob.com查询在google所有服务器中的PR值

  http://freehosting.hostrave.com/p/ledbetter/submitware/index.php免费加入140个搜索引擎

  http://sherlocco.com/create.asp 在线生成多种样式的LOGO

  http://www.streetsigngenerator.com/ 街道路牌签名生成器

  http://button.blogflux.com/blog 标签图片80?5/80?1制作

  http://www.abi-station.com/tchinese/ 在线生成漫画小图像的站

  http://www.makepic.com/ 生成邮址图片条形码生成印章

  http://is.qq.com/webpresence/code.shtml QQ在线状态代码生成器

  http://i972.net/~gen/ 身份证号码在线生成器-韩国/台湾

  http://www.gzbonny.com/asp/barcode.asp 条形码在线生成器

  http://www.onlinestatus.org/usage.php 聊天工具在线状态生成器

  http://www.youmade.com/font/ 在线字体生成工具

  http://www.logomaker.cn/ LOGO在线制作

  http://cartoon.msn.com.cn/ 在线制作卡通头像

  http://www.webmasterhome.cn/ 网站综合信息查询

  http://www.buttonator.com/ 在线制作按钮(多种款式)

  http://web2.0stylr.com/ 在线建立您的Web2.0网站LOGO

  http://www.igogo8.com/ 在线生成彩字(爱狗狗吧)

  http://linux-fans.com/email/live/live.phplive个性图标在线制作

  http://www1.iephotoshop.com/ 在线(IE版)图像处理工具

  http://ajaxload.info/ ajax载入效果

  http://www.onlinewahn.de/generator/z-maker.htm 报纸头条图片生成器

  http://www.funonit.com/funny_jokes/fake_magazine 杂志封面生成器

  http://www.glassgiant.com/wanted/ 通缉令海报

  http://www.md5.org.cn/ MD5加密破解查询

  http://www.archive.org/web/web.php 网站历史页面查询

  http://www.moniker.com/domains/batch_reg.jsp 批量查询未注册域名

  http://www.jz123.cn/js.html Java与html互转工具
作者 :lily_2000 时间:2010-05-04 19:23:38
  才发现每次来,都当音画的仓库一样随便用,从来没客气,今儿还是留个印儿吧,感谢费心收集的各类素材~~~
作者 :海的漫 时间:2010-05-11 22:27:18

文章中合理运用分割线,可使主题清晰、段落明了。样式如下:

1.   基本样式代码:

<hr width=300 size=1 color=#5151A2 align=center noshade>


    2. 两端渐变透明代码:

<hr width=80% size=3 color=#5151A2 style="FILTER: alpha(opacity=100,finishopacity=0,style=3)">


    3.右边渐变透明代码:

<hr width=80% size=3 color=#5151A2 style="FILTER: alpha(opacity=100,finishopacity=0,style=1)">


    4. 虚线代码:

<hr width=80% size=1 color=#5151A2 style="border:1 dashed #5151A2">


    5. 双线代码:

<hr width=80% size=3 color=#5151A2 style="border:3 double green">


    6. 立体效果代码:

<hr width=80% size=3 color=#5151A2 style="filter:progid:DXImageTransform.Microsoft.Shadow(color#5151A2,direction:145,strength:15)">


    7.纺棰形代码:

<hr width=80% size=30 color=#5151A2 style="filter:alpha(opacity=100,finishopacity=0,style=2)">


    8. 钢针效果代码:

<hr width=80% size=3 color=#5151A2 style="filter:progid:DXImageTransform.Microsoft.Glow(color=#5151A2,strength=10)">

 


     注:其中 width 为线条的长度;color为颜色,size为厚度; align为线条位置,有left、right、center值;noshade 为有否立体效果。
作者 :海的漫 时间:2010-05-12 09:27:36
  浮雕效果代码
  一、浮雕效果代码:
  
  <IMG src="图片地址" style="filter : progid:DXImageTransform.Microsoft.Emboss(Bias=0.7) ;" border=0>
  
作者 :海的漫 时间:2010-05-12 09:29:03
看效果;

原图;
作者 :海的漫 时间:2010-05-12 09:31:03
  虚线边框并黑白效果代码:
  
  <IMG src="图片地址" style="FILTER: Gray;border-width:2;BORDER-STYLE: dotted;" border=0>
  
  说明:1、width:2  宽度后面的2是可以改变的,数字越大虚线边框就越宽;
  
  2、“图片地址”处粘贴你自己的图片地址。
  
  
作者 :海的漫 时间:2010-05-12 09:31:59
  看效果;

  

原图;
作者 :海的漫 时间:2010-05-12 09:34:29
  图片CSS滤镜---波形加上半透明合成效果代码
  
  一、代码:
  
  <DIV style="FILTER: Wave(freq=7,strength=12,lightstrength=5,phase=0); WIDTH: 384px; HEIGHT: 304px" align=center><img src="图片网址" style="filter:Alpha(opacity=100,finishOpacity=0,style=2)"></DIV>
  
  
作者 :海的漫 时间:2010-05-12 09:35:18
  波形加上半透明合成效果展示:
原图;
  
  
作者 :海的漫 时间:2010-05-12 23:53:35
几种彩色闪动字代码及效果

第一种:

说明:1、红色处的值均可改动,border=5是边宽 color=#是颜色(背景) SIZE:50ptJ是字的大小

2、字体可以变化;

3、如果字要换行,就在换行处加
;

4、以下同上,不作重述。

几种彩色闪动字代码及效果

第一种:

说明:1、红色处的值均可改动,border=5是边宽 color=#是颜色(背景) SIZE:50ptJ是字的大小

2、字体可以变化;

3、如果字要换行,就在换行处加
;

4、以下同上,不作重述。

  雨 后
  
  音 画
  
  长 廊
  
  欢 迎
  
  您!


  
  
  
  第二种:
  

  雨 后 音 画 长 廊 欢 迎 您!

  
  
  第三种:
  

  
  雨
  
  后
  
  音
  
  画
  
  长
  
  廊
  
  欢
  
  迎
  
  您
  

  
  
【请勿打开此编辑(代码如下)】
作者 :海的漫 时间:2010-05-13 00:13:41
  <TABLE align=center background=http://blog.lanyue.com/model/luntan/upload_pic/1326880.gif border=2><TBODY><TR><TD style="FILTER: mask(color=#0000FF)" align=middle><FONT style="FONT-SIZE: 20pt" face=隶书 color=#336699><B>
  雨 后
  
  音 画
  
  长 廊
  
  欢 迎
  
  您!</B></FONT></TD></TR></TBODY></TABLE></P>
  
  
  
  第二种:
  <TABLE align=center background=http://blog.lanyue.com/model/luntan/upload_pic/1326867.gif border=2><TBODY><TR><TD style="FILTER: mask(color=#00FF00)" align=middle><FONT style="FONT-SIZE: 20pt" face=隶书 color=#336699><B>
  雨 后 音 画 长 廊 欢 迎 您!</B></FONT></TD></TR></TBODY></TABLE>
  
  
  第三种:
  <TABLE align=center background=http://blog.lanyue.com/model/luntan/upload_pic/1326875.gif border=2><TBODY><TR><TD style="FILTER: mask(color=#FF0000)" align=middle><FONT style="FONT-SIZE: 20pt" face=隶书 color=#336699><B>
  
  雨
  
  后
  
  音
  
  画
  
  长
  
  廊
  
  欢
  
  迎
  
  您
  
  
  </B></FONT></TD></TR></TBODY></TABLE>
作者 :海的漫 时间:2010-05-13 22:45:43


这里是文字的输入地方,随着文字的增多,边框就逐渐放大。可以放加入背景图片的代码 ,在这里还可以放一个或多个动画代码(做多层透明flash动画)。
【请不要点击编辑按钮!复制代码如下;】
作者 :海的漫 时间:2010-05-13 22:47:14
  <TABLE style="BORDER-RIGHT: #00ff00 10px ridge; BORDER-TOP: #00ff00 10px ridge; BORDER-LEFT: #00ff00 10px ridge; BORDER-BOTTOM: #00ff00 10px ridge; BACKGROUND-COLOR: #ff0000" cellSpacing=0><TBODY><TR><TD><TABLE border=1><TBODY><TR><TD>
  
  这里是文字的输入地方,随着文字的增多,边框就逐渐放大。可以放加入背景图片的代码 ,在这里还可以放一个或多个动画代码(做多层透明flash动画)。
作者 :安健ty 时间:2010-06-13 18:22:31
  楼主辛苦,好好学习!
作者 :仙乐飘然 时间:2010-06-13 23:05:49
  学习!
作者 :深秋逸韵 时间:2010-06-23 00:22:02
  学习~
作者 :清水流1 时间:2010-07-12 08:50:22
  学习了!
作者 :安健ty 时间:2010-07-13 10:53:23
  谢谢楼主指导!
作者 :青山小路 时间:2010-08-11 02:32:26

颜色代码表2:


[请不要点击编辑按钮]
红色和粉红色,以及它们的16进制代码。
#990033 #CC6699 #FF6699 #FF3366 #993366 #CC0066 #CC0033 #FF0066 #FF0033 ..#CC3399..
#FF3399 #FF9999 #FF99CC #FF0099 #CC3366 #FF66CC #FF33CC #FFCCFF #FF99FF #FF00CC
  紫红色,以及它们的16进制代码。
#FF66FF #CC33CC #CC00FF #FF33FF #CC99FF #9900CC #FF00FF #CC66FF #990099 #CC0099
#CC33FF #CC99CC #990066 #993399 #CC66CC #CC00CC #663366    
作者 :海的漫 时间:2010-08-19 09:51:59
以下代码均可直接复制应用于博客的正文中,把里面的汉字替换成你想使用效果的汉字就可以。

  删除线:
  

  效果:
  删除线

  加上背景色:
  
  效果:加上背景色

  加上背景色:
  
  效果:加上背景色

  加上背景色:
  
  效果:加上背景色

  加上背景色:
  
  效果:加上背景色

  发光文字效果:
  
  效果:发光文字效果

  发光文字效果:
  
  效果:发光文字效果

  发光文字效果:
  
  效果:发光文字效果

  发光文字效果:
  
  效果:发光文字效果

  参数说明:
  
  FONT-SIZE:12pt 指的是字号的大小,数值越大字号越大;
  (color=#FF0000,strength=2);前面的#FF0000是光晕的颜色,可以是任意的HTML颜色代码,可以自己摸索。strength=2是光晕的大小,可以自己调整数值试验一下。
  COLOR:#ffffff是文字中心的颜色,同样适用所有的html颜色代码。


  投射阴影文字效果:
  
  效果:投射阴影文字效果

  投射阴影文字效果:
  
  效果:投射阴影文字效果

  投射阴影文字效果:
  
  效果:投射阴影文字效果

  投射阴影文字效果:
  
  效果:投射阴影文字效果

  阴影文字效果:
  
  效果:阴影文字效果
作者 :海的漫 时间:2010-09-11 00:36:03
简单的表格直接复制代码,请勿打开
表格实例:


效果:
表格标题
占三格的表头
表格背景色项目2项目3
天涯社区2233

作者 :海的漫 时间:2010-09-19 00:41:22
  颜色采集器。。》》》http://blog.tianya.cn/blogger/view_blog.asp?BlogName=yansecaiji
作者 :轻吻妮的唇 时间:2010-11-08 01:36:09
  有时间研究一下。。。
作者 :我安分哦从不捣蛋 时间:2010-11-14 23:05:44
  真全面!去年刚学的时候要是看到就少走许多弯路。这贴对想学的朋友帮助绝对是刚刚滴!赞一个
作者 :爱相随1999 时间:2010-12-07 09:14:48
  哈哈.....精彩,学习中......O(∩_∩)O谢谢
作者 :轻吻妮的唇 时间:2010-12-07 20:10:04
  很全面,二哥辛苦了!
作者 :海南阿川 时间:2011-01-06 14:07:31
  kak
作者 :超级笨笨2011 时间:2011-01-14 21:32:27
  楼主辛苦了,讲了这么多。可是对我这个电脑盲听不懂,能否带我学习?
作者 :七彩泡泡20 时间:2011-02-25 23:54:57
  好好瞧瞧,都是些什么呀
作者 :海的漫 时间:2011-04-09 01:20:09
  一、多张图片串联式向左放映代码:
  
  <MARQUEE><IMG src="图片地址"><IMG src="图片地址"><IMG src="图片地址"><IMG src="图片地址"><IMG src="图片地址"></MARQUEE>
  
  二、多张图片串联式向右放映代码:
  
  <MARQUEE direction=right><IMG src="图片地址"><IMG src="图片地址"><IMG src="图片地址"><IMG src="图片地址"><IMG src="图片地址"></MARQUEE>
  
  三、多张图片串联式向上放映代码:
  
  <MARQUEE direction=up><IMG src="图片地址"><IMG src="图片地址"><IMG src="图片地址"><IMG src="图片地址"><IMG src="图片地址"></MARQUEE>
  
  四、多张图片串联式向下放映代码
  
  <MARQUEE direction=down><IMG src="图片地址"><IMG src="图片地址"><IMG src="图片地址"><IMG src="图片地址"><IMG src="图片地址"></MARQUEE>
  
  五、多张图片串联式来回放映代码:
  
  <MARQUEE behavior=alternate><IMG src="图片地址"> <IMG src="图片地址"><IMG src="图片地址"><IMG src="图片地址"><IMG src="图片地址"></MARQUEE>
  
作者 :米老鼠和猫 时间:2011-04-18 09:16:34
  学习
作者 :看红你的脸 时间:2011-05-14 15:51:16
  学习
作者 :zgzjzll007 时间:2011-06-23 14:52:13
  有点难啊,首先我第一步应该怎么做,比如我在什么地方可以做这个音画制作.QQ空间可以吗
作者 :全世遗 时间:2011-12-01 20:46:12
  就是不知道顺序是怎样的。
楼主店小two 时间:2012-03-14 11:15:46
  @全世遗 什么顺序?说具体点
作者 :全世遗 时间:2012-03-14 22:41:04
  问题一:边框顺序、插入图片顺序、背景代码顺序、音乐播放器顺序?
  问题二:帖子全背景、边框背景谁先排?
  问题三:多层边框大小顺序?是否内外边框可以不同颜色?@店小two【请二哥指教】
楼主店小two 时间:2012-03-15 08:50:54
  收到@全世遗
作者 :海的漫 时间:2012-09-04 03:58:31
  这是2款调用百度自动寻找歌曲的音乐播放器及其代码,非常方便使用,您可以随心所欲地选择歌曲或音乐,只要填入歌名和歌手名,即大功告成了!
  
  注意:歌名和歌手名一定要填写正确!否则播放器找不到歌曲!
  你可以放心,链接永远不会失效,因为该播放器能自动在互联网上寻找歌曲!
  当然,如果你想隐藏播放器,把长、宽数值设为0,把播放方式设为“自动播放”即可。
  第一款播放器
  
  
  第二款播放器
  
  
  【请勿打开编辑 复制代码如下:】
  
  
作者 :海的漫 时间:2012-09-04 04:00:53
  第一款播放器
    <EMBED height=74 type=application/x-shockwave-flash  width=500 src=http://box.baidu.com/widget/flash/song.swf?name=我愿意&amp;artist=王菲&amp;autoPlay=false opaque?? wmode="">
    
    第二款播放器
    <EMBED src=" http://box.baidu.com/widget/flash/mbsong.swf?name=山楂花&amp;artist=陈楚生" width=400 height=95 type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED>
  
作者 :心灵莲儿 时间:2012-12-14 23:11:58
  明天来学习  辛苦了
楼主店小two 时间:2013-05-17 09:16:35
  
  
作者 :河砂 时间:2013-07-03 18:53:41
  学习了
作者 :火舞C 时间:2014-03-13 21:01:21
  一个头两个大

相关推荐

    发表回复

    请遵守天涯社区公约言论规则,不得违反国家法律法规