:博客音画制作（3）－在边框内添加内容

来源：百度文库编辑：九乡新闻网时间：2024/05/06 10:18:00

一、作边框
《博客音画制作（1）－边框（颜色）》、《博客音画制作（2）－边框（图片）》介绍了如何制作音画的边框。那些边框看起来都很小，但只要一把内容放进去，它就会扩大了。内容放得越多，边框就会自动撑得越大。
图1 空白边框（代码附后）
二、添加文字
1、主背景框内添加文字
一般的文字，可直接写在主背景框内。就像编辑文章一样。
特效文字先将样板复制，粘帖到主背景框内，然后修改其中的文字。如在源代码中编辑，在主背景框的...的...位置加特效文字的代码。
博客音画制作（3）－在边框内添加内容
《博客音画制作（1）－边框（颜色）》、《博客音画制作（2）－边框（图片）》介绍了如何制作音画的边框。那些边框看起来都很小，但只要一把内容放进去，它就会扩大了。内容放得越多，边框就会自动撑得越大。
图2 主背景框内添加文字（代码附后）
2、各层框也可以添加内容
在这里可以添加内容（外层此处添加不一一列举）博客音画制作（3）－在边框内添加内容
《博客音画制作（1）－边框（颜色）》、《博客音画制作（2）－边框（图片）》介绍了如何制作音画的边框。那些边框看起来都很小，但只要一把内容放进去，它就会扩大了。内容放得越多，边框就会自动撑得越大。
在这里可以添加内容（外层此处添加不一一列举）
图3 各层框也可以添加内容（代码附后）
三、添加图片
可以添加jpg图片、gif动画图片和图片的特效。添加的方法，将博客上已有的图片，复制，粘帖到主背景框内。也可以用源代码编辑方法添加图片。
源代码编辑图片代码添加的位置：
...
...

...

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

图4 添加图片（代码附后）
四、添加FLASH
1、添加单个FLASH
将博客上已有的FLASH，复制，粘帖到主背景框内。也可以用源代码编辑方法添加FLASH。FLASH代码添加的位置与添加图片一样。
博客音画制作（3）－在边框内添加内容
《博客音画制作（1）－边框（颜色）》、《博客音画制作（2）－边框（图片）》介绍了如何制作音画的边框。那些边框看起来都很小，但只要一把内容放进去，它就会扩大了。内容放得越多，边框就会自动撑得越大。

',1)">

图5 添加单个FLASH（代码附后）
2、一张图片添加多个FLASH
。在一张图片添加多个FLASH，要求是透明flash动画。
。制作一个单层图片背景的表格框。
。
。动画代码特殊说明：注意：1、src的前面必须加上align=right ，否则多个动画就不是依次叠放了，而是按顺序从上往下排列了。2、动画的宽、高不要超过背景图片的宽、高。
。将制作好的加多个透明flash动画的单层图片背景的表格框复制、粘帖到音画作品中。
',2)">

',3)">

图6 一张图片添加多个FLASH（代码附后）
3、FLASH作背景
。必须是透明flash动画。可多个叠放。
。在主背景框（最内层框）之内。添加一个无边框的表格框。其宽度等于主背景框（最内层）的宽度－边框的宽度×2。以下红字部分为添加的代码（配对部分系统会自动加入）。

在这里添加图片的代码

将多个动画代码依次排列于此

...
...

...

在这里添加一个或多个透明flash动画的代码

...
',4)">

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

',5)">

',6)">

',7)">

图7 FLASH作背景（代码附后）
五、添加音乐
1、带播放器的音乐
将博客上已有的带播放器的音乐，复制，粘帖到主背景框内。也可以用源代码编辑方法添加带播放器的音乐。带播放器的音乐代码添加的位置与添加图片一样。
2、仅背景音乐
添加方法与“带播放器的音乐”一样，不同的是将播放器设置成自动播放，其宽度、高度设置为0（width=0 height=0 ）。
3、播放器的款式请参阅《博客装饰－几款音乐播放器》、《博客装饰－播放器素材（1）》、《博客装饰－播放器素材（2）》、《博客装饰－播放器素材（3）》、《博客装饰－播放器素材（4）》
博客音画制作（3）－在边框内添加内容
《博客音画制作（1）－边框（颜色）》、《博客音画制作（2）－边框（图片）》介绍了如何制作音画的边框。那些边框看起来都很小，但只要一把内容放进去，它就会扩大了。内容放得越多，边框就会自动撑得越大。',8)">

图8 添加音乐（代码附后）
在博客上我看到许多漂亮的由边框、文字、图片、FLASH、音乐组成画面，很想知道是如何制作的。经过学习，现已若知一二。将自己的学习笔记，整理后，发表在此。方便自己使用的同时也与博友共享学习成果。
博客音画以其简单、快捷、精彩等独特魅力，吸引了众多博友。她不神秘，只要多去了解她，多实践，一定可以制作出独特、漂亮、精彩的博客音画。
各图代码由于博客字数限制，只好分二个另外发表，请参阅：
《博客音画制作（3）的附件图1－4代码》、《博客音画制作（3）的附件图5-8代码》

博客音画制作（3）－在边框内添加内容音画制作---怎样在边框内添加内容 - 音画制作---怎样在边框内添加内容 - 老排长的日志 - 网易博客在音画边框内添加更多的内容怎样在边框内添加内容音画制作-边框音画制作---做边框 HTML音画介绍之一--基本原理和边框的制作（原创） - 紫寒燕雨的日志 - 网易博客音画教程:ps大图音画制作( 边框）音画制作---怎样做边框音画制作入门---怎样做边框 - 海珠儿的日志 - 网易博客不用图片制作音画边框 - 魅影沉香的日志 - 网易博客音画制作---怎样做边框 - 老排长的日志 - 网易博客在博客中添加QQ 在博客中添加背景音乐 Photoshop制作音画设计中的边框效果 Photoshop制作古典音画边框教程如何用代码制作音画边框音画制作入门---怎样做边框 - 边框制作（一）请教：怎样在网易博客添加播放器？（已添加，谢谢）怎样在音画中添加F 【边框】不断收集添加中。。。）音画边框代码3

主背景框的文字、图片、动画等