高雅博客

坦荡的做人—认真的做事—真诚的交友

日志

关于我

高雅

性格开朗大方,能接受新生事物。

文章分类

LOFTER精选

八招诀窍，教你实力撩妹 >

网易考拉推荐

【引用】一周学会用代码做音画贴（转载）

2011-08-12 16:23:01| 分类：博客教程 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

本文转载自心灵之约《一周学会用代码做音画贴（转载）》

里面有很多适用的代码，方便自己使用，就转了过来，呵呵，希望大家也喜欢。

首页设置自定义模块

音画贴编辑小平台	学习表格标签做图框	学习文字标签贴文字	学习各种贴图代码
学习趣味的移动标签	学习贴Flash 和歌曲	学做一张完整音画贴	学做空间贴和超链接

代码：

<CENTER>

<TABLE>

<TBODY>

<TR>

<TD width="100%">

<TABLE height=200 cellSpacing=0 width=

"100%" bgColor=#000000 border=0>

<TBODY>

<TR>

<TD width="100%">

<TABLE borderColor=#ff0000 height=99 cellSpacing=10 width="100%" background=http://img.blog.163.com/photo/KvgFbrTwT7QDGtgcPTan5A==

/5349431932386246416.jpg border=1>

<TBODY>

<TR>

<TD vAlign=top width="25%">

<P align=center><FONT face=迷你简剪纸 color=#008000 size=5>

<IMG height=100 src="http://img.blog.163.com/photo/nLcVoKM6RVibTxreQ

_-OrQ==/1141943980516299340.jpg" width=100 border=0><BR></FONT><B><A href="http://www.53199.com/bbs/UploadFile/2008-11/2008112719325754494.txt" target=

_blank><FONT face=楷体_GB2312 color=#00ff00 size=3><BR>音画贴编辑

<BR>小平台</FONT></A></B></P></TD>

<TD vAlign=top width="25%" height=99>

<P align=center><FONT face=迷你简剪纸 color=#008000 size=5><IMG height=100 src="http://img.blog.163.com/photo/PxkujAjpFLWfANnG-N-_hQ==/3366440721466208

81.jpg" width=100 border=0><BR></FONT><A href="http://www.53199.com/bbs/U

ploadFile/2008-12/200812713534666167.txt" target=_blank><B><FONT face=楷体

_GB2312 color=#00ff00 size=3><BR>学习表格<BR>标签做图框</FONT></B></A>

</P></TD>

<TD vAlign=top width="25%" height=99>

<P align=center><FONT face=迷你简剪纸 color=#008000 size=5><IMG height=100 src="http://img.blog.163.com/photo/e6XICkDHe_6dK3HxW4sBkw==/336644072146620

894.jpg" width=100 border=0><BR></FONT><A href="http://www.53199.com/bbs/U

ploadFile/2008-12/200812713541534251.txt" target=_blank><B><FONT face=楷体

_GB2312 color=#00ff00 size=3><BR>学习文字<BR>标签贴文字</FONT></B></A>

</P></TD>

<TD vAlign=top width="25%" height=99>

<P align=center><FONT face=迷你简剪纸 color=#008000 size=5><IMG height=100 src="http://img.blog.163.com/photo/bqAt-Svc91FvFchJ6iXwBw==/33664407214662091

4.jpg" width=100 border=0><BR></FONT><A href="http://www.53199.com/bbs/Upl

oadFile/2008-12/200812713544387074.txt" target=_blank><B><FONT face=楷体_GB

2312 color=#00ff00 size=3><BR>学习各种<BR>贴图代码</FONT></B></A> </P></TD>

</TR>

<TR>

<TD vAlign=top width="25%" height=99>

<P align=center><FONT face=迷你简剪纸 color=#008000 size=5><IMG height=100 src="http://img.blog.163.com/photo/CeogmrGddt89QwM3LMiwxg==/33664407214662091

7.jpg" width=100 border=0><BR></FONT><A href="http://www.53199.com/bbs/Uploa

dFile/2008-12/200812713551064662.txt" target=_blank><B><FONT face=楷体_GB2312

color=#00ff00 size=3><BR>学习趣味的<BR>移动标签</FONT></B></A> </P></TD>

<TD vAlign=top width="25%" height=99>

<P align=center><FONT face=迷你简剪纸 color=#008000 size=5><IMG height=100 src="http://img.blog.163.com/photo/1XNfovHsJfr82RrDam_41Q==/33664407214662091

9.jpg" width=100 align=top border=0><BR></FONT><A href="http://www.53199.co

m/bbs/UploadFile/2008-12/200812713554735740.txt" target=_blank><B><FONT

face=楷体_GB2312 color=#00ff00 size=3><BR>学习贴Flash<BR>和歌曲</FONT>

</B></A> </P></TD>

<TD vAlign=top width="25%" height=99><P align=center><FONT face=迷你简剪纸

color=#008000 size=5><IMG height=100 src=http://img.blog.163.com/photo/N5nNnnP7wuiPIV5UFJ_s6A==/8835499518957301

36.jpg width=100 border=0><BR></FONT><A href=http://www.53199.com/bbs/Upl

oadFile/2008-12/200812713562493469.txt target=_blank><B><FONT face=楷体_GB

2312 color=#00ff00 size=3><BR>学做一张<BR>完整音画贴</FONT></B> </P></TD>

<TD vAlign=top width="25%" height=99><P align=center><FONT face=迷你简剪纸

color=#008000 size=5><IMG height=100 src="http://img.blog.163.com/photo/1pHw0Ye5vNRA46whlHxhgw==/883549951895730

138.jp g" width=100 border=0><BR></FONT><A href="http://www.53199.com/bbs/U

ploadFile/2 008-12/20081271357423239.txt" target=_blank><B><FONT face=楷体_G

B2312 color=#00ff00 size=3><BR>学做空间贴<BR>和超链接</FONT></B></A></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

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

欢迎您！启步学代码。
（原创制作:游子。供初学HTML代码的朋友参考）

一周学会用代码做音画贴

　　现在大部份论坛、个人主页和博客等媒体都允许发表音画贴．做音画贴的方法有：用HTML代码编辑，网页软件制作，图像处理软件做大图后用代码发表．我在此抛砖引玉，试编一个简便的方法，让没有学过HTML代码的初学者，一周学会做简单代码音画贴．
　　学习方法是：在代码编辑浏览框中依样画葫芦，修改代码标签属性内容的属值参数，做成你的作品．比如要编辑文字作品，就把代码框中的字体、字号和颜色等和文字内容，用鼠标将要修改的内容刷黑删除（按键盘方向键左上方的【Dalete】），粘贴或输入别的字体、字号和颜色等和文字内容．要做图框就修改＂图片地址＂即可．
　　代码中如果要输入数字，一定要注意用英文输入法．

几项准备:学习工具和各种资料．
　①在电脑D区新建一个文件夹，命名为＂学习代码＂．
　②在文件夹中新建若干本空白记事本，存放HTML代码模式（HTML标签），备用．
　③网页制作软件：Microsoft frontpage 2003．
　　◆ 【软件下载地址】

存放在学习代码文件夹中，用来编辑代码音画贴．
　　◆如果无时间下载安装，也可先击点打开：【html代码浏览器】　

存放在学习代码文件夹中，用作编辑和浏览代码效果．
　　◆还可以直接在下面各种代码框中编辑做代码贴．
　　◆更多的代码编辑内容可参考：

【音画贴编辑小平台】

【第一天】　进入→学习表格标签做图框．
【第二天】　进入→学习文字标签贴文字．
【第三天】　进入→学习各种贴图代码．
【第四天】　进入→学习趣味的移动标签．
【第五天】　进入→学习贴Flash.和歌曲．
【第六天】　进入→学做一张完整的音画贴．
【第七天】　进入→学做空间贴和超链接．

　　原创编辑：游子
2008年12月试编

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

模块分享

制作技巧

启步学代码

电脑知识

心情故事

音画欣赏

颜色代码

FLASH素材

Flash动画

开心一笑

艺术画廊

明星名人

边框分割

精美时钟

图画素材

流行时尚

竹簡字畫

免费电影

电子书架

图片加字

视频教程

做图软件

综合图库

典籍珍藏

游戏素材

报刊大全

在线服务

图片集锦

摩登时尚

明星博客

公文写作

搜索引擎

动物世界

动漫绘画

动画收藏

在线字典

趣味图库

背景边框

美眉佳丽

漂亮妹妹

阳光女孩

美眉帅哥

心的祝福，灵的祈祷，之前曾有，约好再会！

情感天地谈情说爱心情故事电脑知识博客制作技巧启步学代码颜色代码表透明FLASH素材精美Flash动画欣赏写作文书范文常用网站搜索引擎娱乐休闲健康生活流行时尚竹簡字畫艺术画廊音画图文中国四大文学名著动画收藏动漫绘画日志背景边框美眉帅哥阳光女孩漂亮妹妹美眉佳丽

评论这张

转发至微博

阅读(35)| 评论(0)

推荐转载

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_095075082087082066083081087095085083080066080082085064084',
              blogTitle:'【引用】一周学会用代码做音画贴（转载）',
              blogAbstract:'  <TABLE style=\"WIDTH: 700px; HEIGHT: 43px;\" borderColor=\"white\" cellSpacing=\"5\" cellPadding=\"0\" width=\"338\" align=\"center\" bgColor=\"#000000\" border=\"1\"\>  <TBODY\>  <TR\>  <TD\>  <TABLE style=\"BORDER-RIGHT: 5px solid; BORDER-TOP: 5px solid; BORDER-LEFT: 5px solid; BORDER-BOTTOM: 5px solid;\" cellSpacing=\"2\" cellPadding=\"1\" width=\"100%\" border=\"3\"\>  <TBODY\>  <TR\>  <TD\>  <TABLE borderColor=\"#cccccc\" height=\"280\" cellSpacing=\"0\" cellPadding=\"0\" width=\"690\" background=\"http://image215.poco.cn/mypoco/myphoto/20100130/15/54553349201001301534343247856156305_000.jpg\" border=\"0\"\>  <TBODY\>  <TR\>  <TD\></TD\></TR\></TABLE\></TD\></TR\></TABLE\></TD\></TR\></TABLE\>',
              blogTag:'',
              blogUrl:'blog/static/15114433020117124231169',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:0,
              publishTime:1313137381169,
              permalink:'blog/static/15114433020117124231169',
              commentCount:0,
              mainCommentCount:0,
              recommendCount:0,
              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/15114433020117124231169">${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 - 订阅此博客

高雅博客

导航

日志

【引用】一周学会用代码做音画贴（转载）

历史上的今天

最近读者

热度

评论

页脚

高 雅 博 客

导航

日志

【引用】一周学会用代码做音画贴（转载）

历史上的今天

最近读者

热度

评论

页脚

高雅博客