网海相遇缘相聚情系延陵缘我家

延缘小家

日志

关于我

延缘之梦

文章分类

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

2009-01-14 18:03:48| 分类：美化博客素材代码 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

应用HTML语句学做音画贴

的不传之秘

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

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

一、原始边框代码及说明

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

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

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

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

（此处插入主文）

</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在线编辑器，也将它收藏在你的电脑中（我的主页左边栏内有Ｅ域风情html编辑器）；三是将你刚复制与粘贴在记事本里的“原始的七层边框代码”，一层一层地复制与粘贴html编辑器；四是精选边框背景图片，并将“原始的七层边框代码”中“粘贴边框背景图片地址”换成你自己精选喜欢的图片；五是做一层看一下效果，直到最后一层就OK，祝你成功。

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

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

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

评论这张

转发至微博

阅读(976)| 评论(28)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_085068080084085068082081094095080083082075082086',
              blogTitle:'应用HTML语句学做音画贴的不传之秘 ',
              blogAbstract:'<DIV align=center\>\r\n<TABLE cellSpacing=50 cellPadding=0 width=700 background=http://img.blog.163.com/photo/E2CCJpicRE7_MwDXJKPGRw==/911134499613162297.jpg border=0\>\r\n<TBODY\>\r\n<TR\>\r\n<TD\>\r\n<DIV align=center\>\r\n<TABLE cellSpacing=1 cellPadding=10 width=\"100%\" background=http://img.blog.163.com/photo/IcRQ3kH-Ui68UJD5Ztdwtg==/5081186279581093738.jpg border=1\>\r\n<TBODY\>\r\n<TR\>\r\n<TD\>\r\n<DIV align=center\>\r\n<TABLE cellSpacing=10 width=\"100%\" background=http://img.blog.163.com/photo/O55ich6MRB-W9Ps31hXI6Q==/4507821752021263036.jpg border=0\>\r\n<TBODY\>\r\n<TR\>\r\n<TD bgColor=#008080\>\r\n<TABLE cellSpacing=1 cellPadding=10 width=545 background=http://img.blog.163.com/photo/O55ich6MRB-W9Ps31hXI6Q==/4507821752021263036.jpg border=0\>\r\n<TBODY\>\r\n<TR\></TR\>\r\n<TBODY\>\r\n<TR\>\r\n<TD width=519 bgColor=#008080\>\r\n<P\></P\></TD\></TR\></TABLE\></TD\></TR\></TABLE\></DIV\></TD\></TR\></TABLE\></DIV\></TD\></TR\></TABLE\></DIV\>',
              blogTag:'',
              blogUrl:'blog/static/45386020090146348614',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:1232435366761,
              publishTime:1231927428614,
              permalink:'blog/static/45386020090146348614',
              commentCount:28,
              mainCommentCount:28,
              recommendCount:1,
              bsrk:-100,
              publisherId:0,
              recomBlogHome:false,
              currentRecomBlog:false,
              attachmentsFileIds:[],
              vote:{},
              groupInfo:{},
              friendstatus:'none',
              followstatus:'unFollow',
              pubSucc:'',
              visitorProvince:'',
              visitorCity:'',
              visitorNewUser:false,
              postAddInfo:{},
              mset:'000',
              mcon:'',
              srk:-100,
              remindgoodnightblog:false,
              isBlackVisitor:false,
              isShowYodaoAd:false,
              hostIntro:'',
              hmcon:'1',
              selfRecomBlogCount:'0',
              lofter_single:'<iframe width="140" height="560" style="overflow:hidden;" src="http://www.lofter.com/mailEntry.do?blogad=1&blog" frameBorder="0"></iframe>'
            }

{list a as x}
    {if !!x}
    <div class="iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
      {if x.visitorName==visitor.userName}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        {if x.moveFrom=='wap'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"><span title="来自网易手机博客" class="iblock wapIcon"> </span></a>
        {elseif x.moveFrom=='iphone'}
          <a class="noul pnt" target="_blank"><span title="来自iPhone客户端" class="iblock iphoneIcon"> </span></a>
        {elseif x.moveFrom=='android'}
          <a class="noul pnt" target="_blank"><span title="来自Android客户端" class="iblock androidIcon"> </span></a>
        {elseif x.moveFrom=='mobile'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"><span title="来自网易短信写博" class="iblock wapIcon"> </span></a>
        {/if}
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
          ${fn(x.visitorNickname,8)|escape}
        </a>
      </div>
    </div>
    {/if}
    {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

<p class="fc06">推荐过这篇日志的人：</p>
    <div>
      {list a as x}
      {if !!x}
      <div class="iblock nbw-fce nbw-f40">
        <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
        <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
        </a>
        <div class="cwd thide">
          <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
            ${fn(x.recommenderNickname,6)|escape}
          </a>
        </div>
      </div>
      {/if}
      {/list}
    </div>
    {if !!b&&b.length>0}
    <p  class="fc06">他们还推荐了：</p>
    <ul>
    {list b as y}
      {if !!y}
        <li class="rrb"><span class="iblock">·</span><a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/45386020090146348614">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇，下一篇--> <#-- 热度 -->

{list a as x}
    {if !!x}
    <div class="hotItem iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
      {if x.publisherUsername==visitor.userName}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
          ${fn(x.publisherNickname,8)|escape}
        </a>
      </div>
      <a class="f-myLikeIcons hottype {if x.type==1} js-liketype{elseif x.type==2} js-reblogtype{elseif x.type==3} js-sharetype{else}{/if}" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/"> </a>
    </div>
    {/if}
    {/list}

<#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

我的照片书 - 手机博客 - 下载LOFTER APP - 订阅此博客

网海相遇缘相聚情系延陵缘我家

导航

日志

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

历史上的今天

最近读者

热度

评论

页脚

网海相遇缘相聚 情系延陵缘我家

导航

日志

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

历史上的今天

最近读者

热度

评论

页脚

网海相遇缘相聚情系延陵缘我家