分享

游子平台

 静谧图片之家 2010-04-17
欢迎您!启步学代码。
(游子学习笔记。 供初学HTML代码的朋友参考)

音画贴编辑小平台

  为了方便编辑音画贴,将常用的一些HTML标签代码资料和素材集中在此备用,这是最简单的代码编辑小平台.做音画贴要记住很多用英文写成的代码.像我一样不懂英文,根本就是没办法,只好采用复制修改套用代码的笨方法, 同时省去手动打字之劳.启步学代码,这个小平台,可以即学即用,立马见效.做法是:复制要用的标签或模式的代码,粘贴到下面HTML编辑浏览器,修改文字或图片地址等对象内容即可.

击点打开:HTML编辑浏览器

击点打开:HTML在线编辑器



常用字体代码:

   宋体 黑体 幼圆   隶书 新宋体 华文新魏 华文行楷  华文细黑 华文彩云
  方正姚体  楷体_GB2312  仿宋_GB2312 

   


◆常用颜色代码◆ 

红色
#FF0000
黄色
#FFFF00
暗青色
#008B8B
碧绿色
#7FFFD4
白色
#FFFFFF
蓝色
#0000FF
紫罗兰
#8A2BE2
褐色
#A52A2A
黑色
#000000
黄绿色
#7FFF00
巧可力
#D2691E
珊瑚色
#FF7F50
菊兰色
#6495ED
暗深红
#DC143C
青色
#00FFFF
暗金黄
#B8860B
暗灰色
#A9A9A9
暗绿色
#006400
桃色
#FFDAB9
暗红色
#8B008B
红紫色
#FF00FF
暗灰蓝
#483D8B
墨绿色
#2F4F4F
亮肉色
#FFA07A
米绸色
#FFF8DC
粟色
#800000
橙色
#FFA500
热粉红
#FF69B4
金色
#FFD700
茶色
#D2B48C


击点:更多的颜色代码.



编辑音画贴各种素材


◇黑马图片素材资源 ◇七色图片素材资源 ◇玫瑰图片素材资源  ◇中华图片素材资源

◇智慧漂亮相框素材 ◇忆石漂亮相框素材 ◇中国专业素材图库  ◇中华三合一边框素材






◆常用HTML标签代码◆

   ◆1.文字设置代码:
<font face=黑体 size=4 color=red>文字设置代码</font>

  ◆2.大号文字设置代码:
<font face=黑体 style=font:50pt color=red>文字设置代码</font>

  ◆3.文字的边外加光辉效果代码:
<div style="FILTER: Glow(color=#0000ff,strength=12); HEIGHT: 6pt"> <FONT style="FONT-SIZE: 60pt;FONT-FAMILY:隶书; COLOR: #ffff00"> 如画江山</FONT></div>

  ◆4.文字重叠效果代码:
<div style="FONT-SIZE:70pt;filter:dropshadow(color=#000000,offX=5,offY=3,Positive=1);WIDTH:100%; COLOR:#60A000;LINE-HEIGHT:150%"> <FONT style="FONT-FAMILY:隶书">社会主义好!</FONT> </div>

  ◆5.文字竖排代码:
<p align=RIGHT> <font style="WRITING-MODE: tb-rl"style=font:14pt color=0000ff> 更喜岷山千里雪,<br> 三军过后尽开颜。<br> .....<br> </FONT></P>

  ◆6.一条横线代码:
<CENTER> <HR SIZE=2 color=#ffff00 ALIGN=CENTER WIDTH="500"> </CENTER>

  ◆7.贴图代码1:
<img src="图片地址">

  ◆8.贴图代码2:
<INPUT src="图片地址" type=image width=500>

  ◆9.羽化图片代码:
<INPUT style="FILTER: alpha(opacity=100,style=2)" INPUT src="图片地址" type=image width=400>

  ◆10.超连接代码:
<A href="连接网页地址" target=_blank>说明文字</A>

  ◆11.从左向右移动的代码:
<MARQUEE scrollAmount=3 direction=right> 文字或图片从左向右移动 </marquee>

  ◆12.从右向左移动的代码:
<marquee scrollamount=2 direction=left> 文字或图片从右向左移动 </marquee>

  ◆13.从下向上移动的代码:
<marquee scrollamount=1 direction=up > 文字或图片从下向上移动 </marquee>

  ◆14.从上向下移动的代码:
<marquee scrollamount=5 direction=down >文字或图片从下向上移动 </marquee>

  ◆15.左右来回走移动的代码:
<marquee scrollamount=8 behavior=alternate > 文字或图片左右来回走移动 </marquee>

  ◆16.相对定位代码:
<DIV style="LEFT: 0px; WIDTH: 500px; POSITION: relative; TOP: 20px; HEIGHT: 200px; ridge:">
</DIV>

  ◆17.绝对定位代码:
<DIV style="LEFT: 300px; WIDTH: 220px; POSITION: absolute; TOP: 20px; HEIGHT: 220px" >
</DIV>

  ◆18.相对定位与绝对定位加叠图片代码:
<DIV style="LEFT: 0px; WIDTH: 500px; POSITION: relative; TOP: 20px; HEIGHT: 200px; ridge:">
<DIV style="LEFT: 300px; WIDTH: 220px; POSITION: absolute; TOP: 20px; HEIGHT: 220px" >
<INPUT type=image width=160 src="http://bbs./UploadFile/2008-6/20086111653319630.jpg" >
</INPUT> </DIV> </DIV>

  ◆19.各种常用标签语句:

<BR> 过行单标签.  <p></p> 过段标签. <pre>文字依原始样式显示标签</pre> 

 一个空格.  <li>文字行首加一个圆点.</li>圆点标签.

  ◆20.定位标签代码:

<CENTER>内容居中</CENTER>
<DIV align=center> 内容居中</DIV>
<p align=CENTE>内容居中</P>
<p align=LEFT>内容居左</P>
<p align=RIGHT>内容居右</P>

  水平加竖直定位指令语句(放在表格的列标签内):
<td align=LEFT valign=top>居左靠顶</td>
<td align=center valign=top>居中靠顶</td>
<td align=right valign=top>居右靠顶</td>
<td align=LEFT valign=bottom>居左靠底</td>
<td align=center valign=bottom>居中靠底</td>
<td align=right valign=bottom>居右靠底</td>


  ◆21.银色播放器代码:
<EMBED src="音乐文件地址" width=500 height=50 type=audio/x-ms-wma autostart="true" loop="true">






编辑音画贴的各种代码:

1-颜色背景图框
 

2-图片背景的图框
 
3-红色背景淡化的图框
 

4-三合一图框
 

103
5-10层图框代码
 

6--带滚动条文本框代码
 


104
7-图片加Flash和文字
 

8-网页上绝对定位贴Flash
 

105
9-单元格定位内容居中
 

10-图片加立体边框代码
 

106
11-立体阴影框代码
 

12-图片左右颠倒实例代码
 

107
13-粒状阴影边框代码
 

14-HTML代码编辑浏览框
 

108
15-文字边外加光辉效果代码
 

16-文字阴影果代码2
 

108
17-文字阴影效果代码4
 

18-文字阴影果代码
 

108
19-靠右插入竖排文字
 

20-绝对定位挂贴竖排文字1
 

108
21-绝对定位挂贴竖排文字2
 

22-绝对定位挂贴竖排文字代码模块

108
23-文字从下向上移动的代码

24-整张页面来回移动的代码
 

25-图片文字走四方的代码
 

26-斜着移动合并的代码
 

27-绝对定位挂贴Flash
 

28-绝对定位相片加叠相框
 

29-羽化图片绝对定位加叠文字、图片和Flash
 

30-绝对定位加叠文字、图片和Flash
 





  原创编辑:游子
2005年10月试编 2006年06月改编
2007年04月改编 2008年11月改编

(为了让更多网友学用html代码制作音画贴,本贴 欢迎转载.但是.我用了很多时间和精力编写这些资料的,转载时请注意网络上的荣辱公德不要把原创编辑游子的名字改掉。谢谢!)

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约