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

彩云归

 
 
 

日志

 
 

博客音画制作(3)-在边框内添加内容  

2009-05-10 12:51:00|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

博客音画制作(3)-在边框内添加内容

    一、作边框

    《博客音画制作(1)-边框(颜色)》、《博客音画制作(2)-边框(图片)》介绍了如何制作音画的边框。那些边框看起来都很小,但只要一把内容放进去,它就会扩大了。内容放得越多,边框就会自动撑得越大。

图1 空白边框(代码附后) 

   二、添加文字

    1、主背景框内添加文字

    一般的文字,可直接写在主背景框内。就像编辑文章一样。

    特效文字先将样板复制,粘帖到主背景框内,然后修改其中的文字。如在源代码中编辑,在主背景框的<TD>...</TD>的...位置加特效文字的代码。

博客音画制作(3)-在边框内添加内容

博客音画制作(1)-边框(颜色)》、《博客音画制作(2)-边框(图片》介绍了如何制作音画的边框。那些边框看起来都很小,但只要一把内容放进去,它就会扩大了。内容放得越多,边框就会自动撑得越大。

图2 主背景框内添加文字(代码附后)

    2、各层框也可以添加内容

在这里可以添加内容(外层此处添加不一一列举) 

博客音画制作(3)-在边框内添加内容

博客音画制作(1)-边框(颜色)》、《博客音画制作(2)-边框(图片》介绍了如何制作音画的边框。那些边框看起来都很小,但只要一把内容放进去,它就会扩大了。内容放得越多,边框就会自动撑得越大。
在这里可以添加内容(外层此处添加不一一列举)

图3 各层框也可以添加内容(代码附后) 

    三、添加图片

    可以添加jpg图片、gif动画图片和图片的特效。添加的方法,将博客上已有的图片,复制,粘帖到主背景框内。也可以用源代码编辑方法添加图片。

    源代码编辑图片代码添加的位置:

    <TABLE n最外层>...

     ...
    <TABLE 2层>...
    <TABLE 1最里层>
    <TBODY>
    <TR>
    <TD>在这里添加图片的代码</TD>
...

博客音画制作(3)-在边框内添加内容

博客音画制作(1)-边框(颜色)》、《博客音画制作(2)-边框(图片》介绍了如何制作>音画的边框。那些边框看起来都很小,但只要一把内容放进去,它就会扩大了。内容放得越多,边框就会自动撑得越大。

博客音画制作(3)-在边框内添加内容 - 彩云归 - 彩云归

博客音画制作(3)-在边框内添加内容 - 彩云归 - 彩云归

博客音画制作(3)-在边框内添加内容 - 彩云归 - 彩云归 博客音画制作(3)-在边框内添加内容 - 彩云归 - 彩云归

图4 添加图片(代码附后) 

    四、添加FLASH

    1、添加单个FLASH

    将博客上已有的FLASH,复制,粘帖到主背景框内。也可以用源代码编辑方法添加FLASH。FLASH代码添加的位置与添加图片一样。 

博客音画制作(3)-在边框内添加内容

博客音画制作(1)-边框(颜色)》、《博客音画制作(2)-边框(图片》介绍了如何制作音画的边框。那些边框看起来都很小,但只要一把内容放进去,它就会扩大了。内容放得越多,边框就会自动撑得越大。

博客音画制作(3)-在边框内添加内容 - 彩云归 - 彩云归

博客音画制作(3)-在边框内添加内容 - 彩云归 - 彩云归

博客音画制作(3)-在边框内添加内容 - 彩云归 - 彩云归 博客音画制作(3)-在边框内添加内容 - 彩云归 - 彩云归

图5 添加单个FLASH(代码附后)

    2、一张图片添加多个FLASH

    。在一张图片添加多个FLASH,要求是透明flash动画。

    。制作一个单层图片背景的表格框。

    。<TD>将多个动画代码依次排列于此</TD>

    。动画代码特殊说明: <EMBED align=right src=透明flash动画地址 width=动画宽度 height=动画高度 ...... WMODE="transparent"></EMBED>  注意:1、src的前面必须加上align=right ,否则多个动画就不是依次叠放了,而是按顺序从上往下排列了。2、动画的宽、高不要超过背景图片的宽、高。

    。将制作好的加多个透明flash动画的单层图片背景的表格框复制、粘帖到音画作品中。

图6 一张图片添加多个FLASH(代码附后)

    3、FLASH作背景 

    。必须是透明flash动画。可多个叠放。

    。在主背景框(最内层框)之内。添加一个无边框的表格框。其宽度等于主背景框(最内层)的宽度-边框的宽度×2。以下红字部分为添加的代码(配对部分系统会自动加入)。

    <TABLE n最外层>...

     ...
    <TABLE 2层>...

    <TABLE 1最内层(主背景框宽度570.边框3)style="WIDTH: 570px"... border=3>

    <TBODY>
    <TR>
   
<TD>在这里添加一个或多个透明flash动画的代码

    <TABLE style="WIDTH: 564px" cellSpacing=0 border=0>
    <TBODY>
    <TR>
    <TD>主背景框的文字、图片、动画等</TD> ...

博客音画制作(3)-在边框内添加内容

博客音画制作(1)-边框(颜色)》、《博客音画制作(2)-边框(图片》介绍了如何制作音画的边框。那些边框看起来都很小,但只要一把内容放进去,它就会扩大了。内容放得越多,边框就会自动撑得越大。

博客音画制作(3)-在边框内添加内容 - 彩云归 - 彩云归

博客音画制作(3)-在边框内添加内容 - 彩云归 - 彩云归

博客音画制作(3)-在边框内添加内容 - 彩云归 - 彩云归 博客音画制作(3)-在边框内添加内容 - 彩云归 - 彩云归

 

 

图7 FLASH作背景(代码附后)

    五、添加音乐

    1、带播放器的音乐

    将博客上已有的带播放器的音乐,复制,粘帖到主背景框内。也可以用源代码编辑方法添加带播放器的音乐。带播放器的音乐代码添加的位置与添加图片一样。

    2、仅背景音乐

    添加方法与“带播放器的音乐”一样,不同的是将播放器设置成自动播放,其宽度、高度设置为0(width=0 height=0 )。

    3、播放器的款式请参阅《博客装饰-几款音乐播放器》、《博客装饰-播放器素材(1)》、《博客装饰-播放器素材(2)》、《博客装饰-播放器素材(3)》、《博客装饰-播放器素材(4)》  

 

博客音画制作(3)-在边框内添加内容

博客音画制作(1)-边框(颜色)》、《博客音画制作(2)-边框(图片》介绍了如何制作音画的边框。那些边框看起来都很小,但只要一把内容放进去,它就会扩大了。内容放得越多,边框就会自动撑得越大。

 图8 添加音乐(代码附后)

    在博客上我看到许多漂亮的由边框、文字、图片、FLASH、音乐组成画面,很想知道是如何制作的。经过学习,现已若知一二。将自己的学习笔记,整理后,发表在此。方便自己使用的同时也与博友共享学习成果。

    博客音画以其简单、快捷、精彩等独特魅力,吸引了众多博友。她不神秘,只要多去了解她,多实践,一定可以制作出独特、漂亮、精彩的博客音画。

    各图代码由于博客字数限制,只好分二个另外发表,请参阅:

博客音画制作(3)的附件图1-4代码》、《博客音画制作(3)的附件图5-8代码

  评论这张
 
阅读(33)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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