分享

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

 炫舞e时空 2011-01-09

    一、作边框

   博客音画制作(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)-在边框内添加内容1

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

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

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

    四、添加FLASH

    1、添加单个FLASH

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

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

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

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

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

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

图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)-在边框内添加内容1

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

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

 

 

图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代码

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

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多