一起来美化我们BLGO （动态FLASH背景）

上一篇 / 下一篇 2007-05-03 21:28:18 / 个人分类：生活

最近自己在更新博客时了解了不少新的博客代码,其中有好些是动态FLASH背景代码,现将他们发在下面供大家分享.(全部能在新浪博客上使用)

1.小金鱼代码

2.蝴蝶代码
<center><EMBED style="LEFT: 10px; POSITION: absolute; TOP: -70px"
align=right src=http://www.yideng.com/jcwy/hudie/hudie.swf width=900

height=800 type=application/x-shockwave-flash wmode="transparent"

quality="high" ;>

3 自定义博客背景代码

body
{background:url("页面大背景图片地址") repeat scroll!important;}

.logo
{background:url("题图上背景图片地址") no repeat no scroll!mportant;}

.banner
{background:url("题图下背景图片地址") no repeat no scroll!mportant;}

.menu
{background:url("题图下的菜单背景图片地址") no-repeat center;}

.feeds .up
{background:url("正文标题栏上翻时的图片地址") no-repeat center;}

.feeds .down
{background:url("正文标题栏下翻时的图片地址") no-repeat center;}

.feeds .function
{background:url("正文摘要结尾处菜单的图片地址") no-repeat right;}

.links .up
{background:url("面板标题栏上翻时的图片地址");}

.links .down
{background:url("面板标题栏下翻时的图片地址");}

.links .mid
{background:url("面板的背景图片地址");}

.photo .mid
{background:url(个人形象照片处的背景图片地址);}

.label .mid
{background:url("自定义面板的背景图片地址");}

.calendar .mid
{background:url("日历面板背景图片地址");}

.callboard .up
{background:url("公告栏标题栏上翻时的图片地址");}

.callboard .down
{background:url("公告栏标题栏下翻时的图片地址");}

.callboard .mid
{background:url("公告栏背景图片地址");}

.bodyBg
{background:url("正文背景图片地址");}

.bodyBottom
{background:url("正文背景图片地址");}

.gbook .up
{background:url("留言板标题栏上翻时的图片地址") no-repeat;}

.gbook .down
{background:url("留言板标题栏下翻时的图片地址") no-repeat;}

.feeds .page
{background:url("正文文章页数图片地址") no-repeat center;}

</STYLE>

“页面大背景(body)”指的是整个博客的最大背景，由于中间部分被覆盖，所以显示的效果只是两边的部分。

“题图上背景(logo)”是指

所在的横长条的背景。

“题图下背景(banner)”是指博客名字和博客地址所在的那部分的背景。

其中logo和banner宽各为770，logo高40，banner高134，单位均为像素。

“题图下的菜单背景”是指“HOME...搜索┆帮助┆退出”等字所在的那个横长条的背景。

“正文标题栏上翻时的图片”指的是文章发表了之后文章标题的图片。

“面板标题栏下翻时的图片”指的是点击标题后出现标题后的后面的图片。

“面板的背景图片”指的是左边比如我的文章列表什么的背景图片。

“页面内背景”是指整个文章文字所在的大背景！

其他的有些就不需要再说明了，大家自己看了就会明白。修改模板的时候可以灵活运用上面的代码，有些可以不要改，不想改哪项就把哪项的代码删掉就可以了。

假如不知道这些背景图片的大小，就具体在哪张图片上就点击鼠标右键，点背景另存为，把图片存到电脑上，然后看大小就可以了。

注意：以上所用到的图片地址都是图片的URL地址，也就是网络地址，而不是本地地址，本地地址不能用。还有以上这些都是CSS代码，代码不能添加在什么都没有的空白面板里，要不然会没有效果。在添加空白面板的时候，先按个空格键，接着在显示源代码前打勾，再把代码放进去；或者可以把代码放在已建的面板里的其他东西的代码后面，比如放在你的时钟代码后面或者天气预报代码后面什么的都可以，建议最好用此方法。

4 怎么添加背景音乐和视频？

进入控制面版----首页内容维护----公告栏设置----勾选显示代码（这个是关键）在公告栏编辑区输入以下代码 <embed src=音乐链接地址 width=0 height=0 type=audio/mpeg loop="true" autostart="false"> 支持的音乐格式: wma　mp3　rm　ra　ram　asf　mid. width和height为播放器宽度和高度,可以灵活设置,如果播放视频,可以设置到适合的数字.我设的是200和50 autostart="true"为自动播放,autostart="false"为不自动播放. loop="true"为连续循环播放,loop="false"为不循环播放. loop可以等于一个整数,比如loop="3",就是音乐循环播放3次. 如果你想别人一打开网页就能听到你的背景音乐，并且是循环播放的，那么就可以这样。添加视频的代码： <DIV align=left> </DIV><EMBED src=视频链接地址 width=200 height=186 type=audio/mpeg autostart="false" loop="true"> <DIV></DIV>

5.怎样在博客里插上Flash？

如果你想在自己的页面添加这样的效果，可以建立一个新的＂自定义空白面板＂，将＂显示源代码＂画勾后，在版面上复制粘贴此代码：<CENTER><EMBED style="LEFT: 10px; POSITION: absolute; TOP: -70px" align=right src=FLASH的网址 width=700 height=400 type=application/x-shockwave-flash wmode="transparent" quality="high" ;></CENTER>
然后取消勾＂显示源代码＂恢复编辑状态，给新面板起个新名字后完成．最后在＂控制面板＂中＂定制首页＂项添加新的＂自定义面板＂即可。
如果想在新文章使用此效果，可以在文章编辑时将＂显示源代码＂勾后将代码复制粘贴后恢复即可。
如果想使用多个或多次效果，将不同代码粘贴或粘贴几次就可以了。
你可以试着调整这两个参数：width=700 height=400
透明Flash 地址
透明水珠 http://lain1978.com/collection/flash/008.swf
黄色花瓣 http://lain1978.com/collection/flash/007.swf
红心 http://lain1978.com/collection/flash/006.swf
蓝色雪花 http://lain1978.com/collection/flash/005.swf
冰淇淋http://lain1978.com/collection/flash/e-icecream.swf
海底世界http://lain1978.com/collection/flash/e-summertube.swf

6如何在博客中插入天气预报和FLASH时钟？

新建空白面版，进入“原代码编辑”，插入以下代码即可。
<IFRAME. src="http://weather.qq.com/inc/ss125.htm" frameBorder=0 width=200 scrolling=no height=240></IFRAME>

FLASH时钟跟插入FLASH一样。代码格式
<div align="center"><embed src="FLASH地址" width="180" height="180" type="application/x-shockwave-flash" /></div>

FLASH时钟可以到http://www.fengzhuju.com/page-00s/wzgg/clocks.htm里挑。
挑好了复制地址（都是.swf结尾的）替代上面的“FLASH地址就行”。
注意，存放FLASH的服务器的快慢影响你的博客浏览速度。

代码示范：
<div align="center"><embed src=http://www.souxp.com/fzjzykj/previews/clocks/clock2.swf width="180" height="180" type="application/x-shockwave-flash" /></div>

7.博客文中添加动画：

8.博客背景添加动画：

</EMBED></SPAN><TD valign="top" align="left" width="90%"><EMBED style="LEFT: 150px; POSITION: absolute; TOP: 20px; absolute: " align=right src=http://imgfree.21cn.com/free/flash/9.swf width=800 height=600 type=application/x-shockwave-flash wmode="transparent" quality="high" ;;></TD>

下面给出两个比较好的动态FLASH网址:

http://www.qqjia.com/learn/q-zone10.htm
http://www.8h6.net/data/2006/0203/article_6940_3.htm http://msnmagic.unet.cc/

导入论坛引用链接收藏分享给好友推荐到圈子管理举报

TAG: