中财网可口可乐品牌营销策略:HTML音画介绍之五-闪框闪字走动字制作（附闪图素材） - Qzone日志
来源：百度文库 编辑：中财网 时间：2024/04/24 08:37:06
[转] HTML音画介绍之五-闪框闪字走动字制作（附闪图素材） [图片]
HTML代码音画之五：
闪框闪字走动字
制作（紫雨文、编制）
本篇介绍闪框闪字和闪框内闪字走动方法。
这是在网易博客见到的效果，但是腾讯空间限制好多，不识别这个代码。所以效果出不来。琢磨好久，想到了两步制作法。
第一步：先在：
HTML在线编辑器制作音画边框。
只须两层，具体参数如图：
1、把拟用作闪字彩图地址作为第一层，注意：
因为是闪图，所以边框粗细为0；
而因为是闪框，所以单元边距、间距不要太大。试验下来，填4，足够了。也可以根据个人喜好任意修改参数；
在表格宽度这里，把%改为像素，然后填上你希望的宽度。一般日志有音画边框的，比如紫雨这篇日志，我就把它设置为600，或者500也可。如果没有边框的，可以设置到700甚至到870。
'
2、再做第二层，用作底色，要和你准备做闪字底图颜色一致。一般建议黑色为佳。
提示：因为是黑色，所以就用颜色代码制作第二层，参数如图，注意都设置黑色代码。单元间距和边距都为0，这样就看不出人为痕迹。
如果你的底图也是有花案的，那么就必须填写图片地址，颜色代码可以忽略不设，但是边框粗细、单元间距和边距也设为0。
3、最后一步提示一下：
是所有音画边框制作完以后都需要做的一步：就是在每一层的前面和后面，定好光标，用删除键“<—”和“Delete”,一层层分别朝上推和向后拉，一般每层分别推（拉）一下即可。
然后点“预览”，见上下左右边框匀称了，就OK，点“源代码”，全选--复制。
再把做好的闪框代码拿到空间，点日志编辑--点“高级”-点
"HTML",黏贴代码，出现闪图边框：
这里准备放闪字
闪框代码：
borderColor=#cccccc cellSpacing=3 cellPadding=3 width=550 align=center bgColor=#000000
第二步：再用代码和黑底图、同样闪图做成闪字：
1、黑底图：
http://image48.360doc.com/DownloadImg/2011/12/2521/20290722_7.jpg
2、同样闪图：
http://image48.360doc.com/DownloadImg/2011/12/2521/20290722_6.gif
3、运用闪字通用代码制作闪字：
闪字通用代码
cellSpacing=0 cellPadding=0 align=center
闪字实例：
先在编辑器上做边框
然后把同闪图字搬进框
闪字实例代码：
4、然后合成，点蓝闪字全部，复制--把闪字搬进闪框，黏贴：
先在编辑器上做边框
然后把同闪图字搬进框
闪字框 这里准备放闪字 闪字：换上你要写的文字 闪框闪字： 把闪字复制、黏贴进框换上你要写的文字 6、还可以制作闪框内走动闪字，也是先做好闪框闪字，然后把闪字搬进闪框内： 海底珊祝朋友快乐！ 幸福安康永远！ 海底珊祝朋友快乐！ 幸福安康永远！ 走动闪字通用代码：走动闪字实例代码：
--附闪图素材
被腾
HTML代码音画之五：
闪框闪字走动字
制作（紫雨文、编制）
本篇介绍闪框闪字和闪框内闪字走动方法。
这是在网易博客见到的效果，但是腾讯空间限制好多，不识别这个代码。所以效果出不来。琢磨好久，想到了两步制作法。
第一步：先在：
HTML在线编辑器制作音画边框。
只须两层，具体参数如图：
1、把拟用作闪字彩图地址作为第一层，注意：
因为是闪图，所以边框粗细为0；
而因为是闪框，所以单元边距、间距不要太大。试验下来，填4，足够了。也可以根据个人喜好任意修改参数；
在表格宽度这里，把%改为像素，然后填上你希望的宽度。一般日志有音画边框的，比如紫雨这篇日志，我就把它设置为600，或者500也可。如果没有边框的，可以设置到700甚至到870。
'2、再做第二层，用作底色，要和你准备做闪字底图颜色一致。一般建议黑色为佳。
提示：因为是黑色，所以就用颜色代码制作第二层，参数如图，注意都设置黑色代码。单元间距和边距都为0，这样就看不出人为痕迹。
如果你的底图也是有花案的，那么就必须填写图片地址，颜色代码可以忽略不设，但是边框粗细、单元间距和边距也设为0。
3、最后一步提示一下：
是所有音画边框制作完以后都需要做的一步：就是在每一层的前面和后面，定好光标，用删除键“<—”和“Delete”,一层层分别朝上推和向后拉，一般每层分别推（拉）一下即可。
然后点“预览”，见上下左右边框匀称了，就OK，点“源代码”，全选--复制。
再把做好的闪框代码拿到空间，点日志编辑--点“高级”-点
"HTML",黏贴代码，出现闪图边框：
这里准备放闪字
闪框代码：
第二步：再用代码和黑底图、同样闪图做成闪字：
1、黑底图：
http://image48.360doc.com/DownloadImg/2011/12/2521/20290722_7.jpg
2、同样闪图：
http://image48.360doc.com/DownloadImg/2011/12/2521/20290722_6.gif
3、运用闪字通用代码制作闪字：
闪字通用代码
|
闪字实例：
先在编辑器上做边框
然后把同闪图字搬进框
闪字实例代码：
|
4、然后合成，点蓝闪字全部，复制--把闪字搬进闪框，黏贴：
先在编辑器上做边框
然后把同闪图字搬进框
闪字框 这里准备放闪字 闪字：换上你要写的文字 闪框闪字： 把闪字复制、黏贴进框换上你要写的文字 6、还可以制作闪框内走动闪字，也是先做好闪框闪字，然后把闪字搬进闪框内： 海底珊祝朋友快乐！ 幸福安康永远！ 海底珊祝朋友快乐！ 幸福安康永远！ 走动闪字通用代码：走动闪字实例代码：
8、怎么样？相信你一定做得比我好！赠送一组可以用作闪字闪框的闪图素材(图片收集于网络). 获取图片地址方法：对准图-鼠标点右键-点属性-复制地址（URL）：
--附闪图素材 被腾
怎么制作在网页中跟随鼠标走动的字或图,
怎样制作跟随鼠标走动的图形?
如何制作HTML相册？
html如何制作表格？
怎样用HTML制作网叶?
html网页制作的问题
怎么用html制作网页背景
怎么制作HTML Document？？急急
如何把音画作品制作成网页形式然后发表出去
音画时尚春节特别节目--震撼之夜中《故乡的云》是谁唱的
HTML是什么意思 有人说通过HTML制作网站 如何理解
如何用c程序，制作一个可以在格子中走动的“围棋”棋子
flash制作时怎么让人走动到另一个地方呀
【经典题型】之五
灯谜之五
求助：翻译之五
Html制作反馈单的方法
有关HTML制作表格的问题
如何制作《已编译的HTML帮助文件》
怎样用frontpage或html制作论坛
如何用html制作网页跳转？
怎么样用PS切图？制作Html?
网页制作 html java perl c++
请问用html怎么制作超链接,谢谢