注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

美好宁静之光

美好的回忆从这里开始......

 
 
 

日志

 
 

应用HTML语句学做音画贴的不传之秘   

2010-02-05 12:55:43|  分类: 博客制作技巧 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

 

应用HTML语句学做音画贴

的不传之秘 

 

      朋友们,当你打开他人主页日记时所看到那些漂亮的贴子,或每当佳节来临前你的Q友发给你的那页漂亮的音画贴子时,一定会想这是怎么做的。是得我曾也与你有一样的同感,且好好羡慕与好好想学啊,但不知怎样去做?最近我整理了这个《应用HTML语句学做音画贴的不传之秘 》的贴子,请大家参考.

     应用HTML语句来做音画贴,其最基本的构成就是四个部分:边框、图文(内容)、音乐、FLASH 动画。

一、原始边框代码及说明 

这边框可以设置任意N层,你想要几层就几层,网上很协调美观的边框大部分都是专业人士制做的(有些网站可以专门下载),你不要一看见一个漂亮边框就认为楼主高不可攀,实际上大部分朋友用的精美边框都是共享的,当然也有很大一部分是高手原创作品。在五年前我应用HTML语句(以下简称“代码”)学做音画贴以来,先后给许多好友传发了自己的原创代码,且供网上朋友一起学习交流与共享,所以说应用HTML语句学做音画贴,就不最是个不传之秘。朋友如用代码来做自己的贴子,请来我小家复制和借用,让你我在网游中相互学习、相互帮助和相互提高、相互开心快乐。
以下我收集整理了一个七层边框的实例介绍,图片可以任意换,只要你觉着好看就行。

 
1、应用代码学做边框最基本的代码说明 

其中:border =边框粗细 width= 边框宽度 height =边框高度 cellspacing=单元格间距 cellpadding=边框间距 borderColor=边框颜色 background =插入的背景 (这几个格式你也不要硬记硬背下来,可复制在你的Wab记事本文件夹里,以后做贴子时知道这些代码是什么就行了) 

2、最简单与原始的七层边框代码的实例介绍 

<TABLE cellSpacing=0 borderColorDark=#001a1a cellPadding=10 width=500 borderColorLight=#055b56 background=图片地址 border=0> 
<TBODY> 
<TR> 
<TD width="100%"> 
<TABLE cellSpacing=0 borderColorDark=#001a1a cellPadding=15 width=500 borderColorLight=#055b56 background=粘贴边框背景图片地址 border=> 
<TBODY> 
<TR> 
<TD width="100%"> 
<TABLE cellSpacing=0 cellPadding=3 width="100%" background=粘贴边框背景图片地址 border=0> 
<TBODY> 
<TR> 
<TD width="100%"> 
<TABLE cellSpacing=0 cellPadding=15 width="100%" background= 粘贴边框背景图片地址 border=0> 
<TBODY> 
<TR> 
<TD width="100%"> 
<TABLE cellSpacing=0 cellPadding=3 width="100%" background=粘贴边框背景图片地址 border=0> 
<TBODY> 
<TR> 
<TD width="100%"> 
<TABLE cellSpacing=0 cellPadding=15 width="100%" background=粘贴边框背景图片地址 border=0> 
<TBODY> 
<TR> 
<TD width="100%"> 
<TABLE cellSpacing=10 borderColorDark=#001a1a cellPadding=0 width="100%" borderColorLight=#055b56 background=粘贴边框背景图片地址 border=0> 
<TBODY> 
<TR> 
<TD> 

<P align=center> </P>


(此处插入主文)

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

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

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

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

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

</TBODY></TABLE>

3、这蓝色代码是全贴结尾

在这里我说一个小窍门:当你做完边框和贴子的全部内容、即图文音画后,结尾部分不用自己写,在Design格式[也就是第一个格式Design]与HTML格式[HTML]之间来回打几次,系统就自动给你写好了。别泄密哦,哈哈说笑了。

二、加图片及内容 


1、贴图片格式(支持jpg、gif等格式),红色代码是图片居中命令:<P align=center> <IMG src="内容图片地址"></P> 


2、文字内容由你自己定,这里也不说了。 

3、贴普通字体格式,蓝色代码为字的颜色、红色代码为字的大小(最大为了7,最小为1),其他运动字体的格式,这里就不说: 
<CENTER><FONT face=宋体
color=#e4dc9b size=4></FONT></CENTER> 

三、贴音乐(视频)的格式 


1.背景音乐(适合 mid wma等格式) 
<bgsound src=音乐网址 Loop=-1> 


2.音频(适合MP3 WMA RM等很多格式) 
<embed src=网址 AutoStart=true

 Loop=true width=400 height=400 

3.视频 
<embed src=视频网址 type=audio/x-pn-realaudio-plugin controls=imagewindow,ControlPanel,

StatusBar AutoStart=true Loop=true 

width=400 height=400> 


说明:AutoStart=true 表示是否要音乐文件传送完就自动播放,TRUE是要,FALSE是不要,默认为true 

Loop=true 表示设定播放重复次数,LOOP=3表示重复3次,true表示无限次播放,FALSE播放一次即停止。 
(红色部分为播放器的大小,设置为0就隐藏了播放器):

 
四、贴FLASH格式

(红色代码分别是宽度与高度): 
<EMBED pluginspage=http://www.macromedia.com/go/

getflashplayer src=FLASH地址 

width=380(宽度) height=270(高度) type=application/x-shockwave-flash quality="high" wmode="transparent">

</EMBED> 

外为大家介绍几种flash 的代码 
代码1(普通的flash的插入代码) 
<EMBED height=170 pluginspage=http://www.macromedia.com/go/getflashplayer src=地址 type=application/x-shockwave-flash width=330 wmode="transparent" quality="high"></EMBED> 
代码2(无限制的flash的代码) 
<EMBED style="LEFT: 250px; WIDTH: 400px; POSITION: absolute; TOP: 900px; HEIGHT: 300px" align=right src=地址 width=400 height=300 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED> 
代码3(大型flash ) 
<TR><TD><EMBED style="LEFT: 50px; WIDTH: 850px; POSITION: absolute; TOP: 10px; HEIGHT: 1500px" align=right src=地址 width=500 height=1500 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED></TD> 
代码4(双层flash的代码) 
<EMBED align=right src=地址 width=420 height=350 type=application/octet-stream wmode="transparent" quality="high"><EMBED align=right src=地址 width=420 height=350 type=application/octet-stream wmode="transparent" quality="high"> 
代码5透明特效 
style="FILTER: Alpha(opacity=100,style=2)" 
代码6图片加透明FLASH格式: 
<center><TABLE cellSpacing=2 cellPadding=2 border=10 bordercolor=#84B98D background=图片><TBODY><TD><EMBED src=透明网址 width=500 height=375 type=application/x-shockwave-flash quality="high" menu="false" wmode="transparent"></embed></table></center> 

五、如何编写边框代码及预览其效果


应用HTML语句学做边框时,会给那些代码搞混了,其实你也不要去管它是什么,这里我说最实用的方法:一是先在你电脑(我的文档)中新建一个记事本,并将以上“原始的七层边框代码”复制与粘贴在记事本里;二是直接从网上收集一个HTML在线编辑器,也将它收藏在你的电脑中(我的主页左边栏内有E域风情html编辑器);三是将你刚复制与粘贴在记事本里的“原始的七层边框代码”,一层一层地复制与粘贴html编辑器;四是精选边框背景图片,并将“原始的七层边框代码”中“粘贴边框背景图片地址”换成你自己精选喜欢的图片;五是做一层看一下效果,直到最后一层就OK,祝你成功。

六、如何在自己博客日记中发帖子


一是上线登录自己博客后点开“写日记”,先将日记的标题写上;二是将标题栏上方有这标记的“<>”点一下,把你做好贴子代码全部粘贴上;三是再将标题栏上方有这标记的“<>”点一下,看一看刚贴上的代码效果;;四是点右上方的“预览 ”全页查看一下效果,如行就点发表日记。没有不行,你准行。



最后说一声不好意思,抛砖引玉,以上是我学做HTML语言音画贴的一点体会,供大家参考,请你多多指导,谢谢!

 

  评论这张
 
阅读(74)| 评论(1)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017