王者风——快乐的思想者
凤凰博报 由你开始
http://happynews.blog.ifeng.com
发表 管理 分类 简介 头像 功能 音乐 友情链接 模板 个性域名

2006-09-29 19:07:00 编辑 删除

归档在 抛砖引玉 | 浏览 2752 次 | 评论 16 条

如何给您的博客增加特殊效果?1(原创)

近来,通过网友callmemaci的耐心指导加上自己的摸索,终于知道如何给自己的博客页面增加特殊效果了,也许callmemaci高估了我的智商或者我本来就很笨,她教的方法不是很详细,所以虽然她指导了几次,但我仍然无法给网页增加特殊效果,因为我完全没有任何关于网页制作方面的知识。所以,在本文中,我将以一个完全无知者的角色,详细描述如何增加博客特殊效果的方法,希望不致贻笑大方。

现应朋友所请,将制作方法放在我的博客,供朋友们参考,欢迎各位方家不吝赐教。具体步骤如下:

一、插入FLASH特殊效果:

1、进入你的博客,在管理中心的状态下,点击打开模版设置,进入修改内容模版,也可以在修改主模版状态下插入各种特殊效果的代码。

2、在修改内容模版下,点击状态框下边的源码,这时你就会看见各种代码,一定要注意:不要删除任何字符,否则会影响你的博客页面的效果。

3、在源码显示状态下,你就可以插入各种flash效果的代码了,具体将flash效果的代码插入什么位置,要根据个人喜好及flash效果图的大小确定。有关代码请看本文后面部分。

4、如何确定插入什么位置呢?请详细查看修改内容模版状态框下面的模版标记说明,那样你想插入哪里,就将特效的代码插入到你指定的位置即可,比如想插入到博客的标题下面,就插入到:$show_topic$ 标记后面即可,如果想插入到正文部分,就插入到$show_logtext$标记的前面。

5、插入代码后,你可以点击设计预览,查看效果,这时可以通过拉伸FLASH的方框外延,扩大或者引人缩小效果图的大小。如果特效不满意,可以更换插入代码的位置试试,直到满意为止,切记不要删除任何字符。

6、因为插入的是flash,但又不想遮盖文章的正文,所以需要加入透明的flash,否则就会影响阅读正文。当然,只能在你的网页不拦截FLASH状态下,才能看见你的FLASH特殊效果。

    7、要同时加入各种特殊效果,只须复制将特殊代码,再把其中的FLASH地址替换一下就行。如:

<EMBED style="RIGHT: 5px; WIDTH: 800px; POSITION: absolute; TOP: -32px; HEIGHT: 1000px" align=right src=特殊效果的FLASH地址1 type=application/octet-stream wmode="transparent" quality="high">

 

<EMBED style="RIGHT: 5px; WIDTH: 800px; POSITION: absolute; TOP: -32px; HEIGHT: 1000px" align=right src=特殊效果的FLASH地址2  type=application/octet-stream wmode="transparent" quality="high">

 

 8、还没完呢,对特效满意后还需要点击管理中心的更新按扭,点击更新全站首页,一般不需要重新发布全站,这样就万事大吉了。

 

      二、 文字滚动效果

    假设需要加一个文字的滚动效果,可以是如下代码:

<MARQUEE>文字内容</MARQUEE>

    加代码的时候在编辑框下面点源码即可编辑代码模式。虽然 网上能搜索到许多网页特效代码,将这些代码复制到模版中即可显示出效果。当然,有的代码由于不够规范,将无法被显示出来。因此,请大家添加相应的特殊效果代码后,先在设计预览状态下,预临一下特殊效果是否能显示、是否理想,以决定保留或者放弃。

    三、添加博客背景音乐的方法

    方法与添加FLASH特殊效果方法类似,只是添加的代码不同而已。

大部分网站都是不可上传音乐的,本站也是如此,如果您想插入音乐文件,必须先在网上找到音乐文件的绝对地址,您可以去许多搜索网站搜索您需要的音乐,记得选择格式,这里我们假设搜索xxx,搜索到音乐以后,

    (一)显示音乐播放器功能按键的音乐添加方法

      1、插入MP3    输入MP3文件的绝对地址,如:http://wwww.myblog.com.cn/xxx.mp3

      2、插入RM音乐   输入RM格式文件地址,如:http://wwww.myblog.com.cn/xxxx.rm

    (二)隐藏音乐播放器功能按键的音乐添加方法

在在修改内容模版或者说主模版的状态下,点编辑框下面的“源码”,将下面的代码粘贴在你指定的位置就行。

隐藏MP3播放器代码为:
<bgsound src="
音乐文件地址" loop="-1">
    -1
表示无限循环
    只播放一次就填 1

 

由于我费了九牛二虎之力才弄懂怎么增加特殊效果,所以我自己的博客就狠着劲加了几种特殊效果,虽然知道不美观,也有朋友指出来,但为了过瘾,我还是固执地就这样过几天瘾再说,见笑了,多多包涵!

会了吗?朋友?相信你比我聪明哦!欢迎经常光临本博客,并请多多指教。

    四、flash时钟的源代码(在网页上面添加动态时钟)
<div align="center"><embed src="FLASH时钟地址" width="180" height="180" type="application/x-shockwave-flash" /></div>
    代码说明:
用flash时钟地址(都是 .swf 结尾的)替换掉代码中的“FLASH时钟地址就可以了”。
width="180"为宽度 height="180"为高度 可根据需要调解.
 
    具体操作步骤如下所示:
    进入 控制面板----个人首页维护----自定义空白面板----新增----填写面板标题----打勾 ,显示源代码----粘贴当前代码----去掉钩----保存
    如果是新增的面板可以再接着点击 控制面板----左边功能栏左上角的 定制我的首页----添加模块----勾选新添面板----选取----保存。

    五、FLASHG特殊效果代码:

    1、最简单的插入Flash的代码: 

<embed src=特殊效果的FLASH地址   wf width=500 height=360 type=application/x-shockwave-flash; quality="high" wmode="transparent"></embed>

    注意:width=500,为画面宽度;height=360,为画面高度,可以自己根据需要自动调整,一般情况下,高度是足够的,宽度需要适当调整。调整起来比较费事,需要你的耐心,经过多次反复调整后才会满意,不过经过辛苦劳动后,相信你会很有成就感的!顺祝开心。
     2
、绝对坐标的透明Flash,绝对坐标意味着不管你的窗口拉多大,那个Flash依然乖乖地在原地不动。

<EMBED style="LEFT: 250px; WIDTH: 550px; POSITION: absolute; TOP:200px; HEIGHT: 1000px"  align=right src=特殊效果的FLASH地址  width=500 height=2000 type=appl ication/octet-stream ; quality="high" wmode="transparent">

或者

<EMBED style="RIGHT: 5px; WIDTH: 800px; POSITION: absolute; TOP: -32px; HEIGHT: 1000px" align=right src=特殊效果的FLASH地址    type=application/octet-stream wmode="transparent" quality="high">

如果朋友们想查找更多的特殊效果FLASH,请查找关键字透明FLASH”,上次我因为没有经验,帮朋友查找下雨的特殊效果FLASH,就因为不熟悉,差不多花了整整两天时间才找到,现在告诉大家方法,希望能节省朋友们的时间。

六、下面介绍一些特殊效果的FLASH地址给朋友们,希望朋友们喜欢:

游动的小金鱼:http://imgfree.21cn.com/free/flash/17.swf

下落的小红心:http://user.hjenglish.com/yangbb/pics/hearts.swf

两只蓝色蝴蝶:http://imgfree.21cn.com/free/flash/9.swf

三只黑色蚂蚁:http://imgfree.21cn.com/free/flash/25.swf

飘落的浅粉色花瓣:http://imgfree.21cn.com/free/flash/49.swf

一只手的图形:http://imgfree.21cn.com/free/flash/66.swf

飘落的黄色四瓣花:http://imgfree.21cn.com/free/flash/63.swf

跟随鼠标四处游动的七彩光圈:http://imgfree.21cn.com/free/flash/75.swf

绿色黄色树叶飘舞:http://www.forshine.net/flash/71.swf

向下飘落的红叶:http://rycs2004.51.net/images/yeluo.swf

不断飘落的大雨滴:http://www.9941.cn/moban/zrsc/10.swf

两只大大的绿色跳动的青蛙:http://www.toto369.net/sucai/flash/55.swf

跟随鼠标移动的一条浅蓝色的鱼:http://www.toto369.net/sucai/flash/115.swf

飘落的红花:http://www.9941.cn/moban/hcsc/2.swf

飘落的各种颜色的花:http://www.9941.cn/moban/hcsc/1.swf

飘落的颜蓝色的花:http://www.9941.cn/moban/hcsc/3.swf

随鼠标滑落的白色花瓣:http://www.9941.cn/moban/hcsc/11.swf

随风摆动的花:http://www.9941.cn/moban/hcsc/13.swf

牵牛花:http://www.9941.cn/moban/hcsc/14.swf

柳条:http://www.9941.cn/moban/hcsc/24.swf

摆动的浅蓝色树叶:http://www.9941.cn/moban/hcsc/25.swf

随着鼠标移动会出现波汶的紫花:http://www.9941.cn/moban/hcsc/27.swf

变幻的透明花:http://www.9941.cn/moban/hcsc/40.swf

有荧火虫的透明花:http://www.9941.cn/moban/hcsc/39.swf

绿草丛中的荧火虫:http://www.9941.cn/moban/hcsc/57.swf

变幻的黄争花:http://www.9941.cn/moban/hcsc/38.swf

太阳花与蒲公英:http://www.9941.cn/moban/hcsc/37.swf

喜鹊跳跃在梅花丛中:http://www.9941.cn/moban/hcsc/42.swf

透明的花与时隐时现的彩虹:http://www.9941.cn/moban/hcsc/41.swf

透明福寿草:http://www.9941.cn/moban/hcsc/43.swf

椰岛美景欢迎你:http://www.9941.cn/moban/hcsc/45.swf

变幻的大朵玫瑰花:http://www.9941.cn/moban/hcsc/50.swf

透明荷花:http://www.9941.cn/moban/hcsc/52.swf

幻影中的小白花:http://www.9941.cn/moban/hcsc/54.swf

草长蝶飞花开:http://www.9941.cn/moban/hcsc/59.swf

枫树:http://www.9941.cn/moban/hcsc/60.swf

在飘动的柳条下弹琴的美人:http://www.9941.cn/moban/hcsc/62.swf

千言万语说不尽的是爱(红花):http://www.9941.cn/moban/hcsc/64.swf

(未完待续,请看2)

 

2  3  4

0
上一篇 << {趣闻}吃月饼吃出奇怪的纸条???(转贴,…      下一篇 >> 如何给您的博客增加特殊效果?2(原…
  • cuinansan [2006-09-29 08:22:00 PM]

    Re:如何给您的博客增加特殊效果?1(原创)

    太美了,我也想加入些效果,希望与您多多交流,共同提高,祝您有空去指导指导鄙人的博客,也希望我们建立密切的联系,向您致敬!

    回复 删除
  • happynews [2006-09-29 09:53:00 PM]

    Re:如何给您的博客增加特殊效果?1(原创)

    惭愧!惭愧!

    多谢夸奖!我一定继续努力哦!我的水平有限呢!欢迎经常光临,并请多多指教!我们可以共同学习哦!

    回复 删除
  • lanmomo [2006-10-19 01:47:00 PM]

    Re:如何给您的博客增加特殊效果?1(原创)

    昨天刚刚来,还没有弄清自己,今天还找不到自己了,谢谢你的教程,慢慢学习中,是否可以链接您啊?

    以下为blog主人的回复:

     当然可以哦!为什么不呢?!欢迎经常光临、多多指教哦!我已经发消息告诉你怎么找到自己了。

    回复 删除
  • 日禾 [2006-10-23 03:36:00 PM]

    请教如何更改时钟图象?

    我的BLOG模板基样是第4页里的Micromedia,请教如何将其中的时钟改换成http://blog.xdnice.com/skin/022/tick.swf (类似于模板基样里第2页里的“麦兜的故事”,谢谢!另外,我在公告栏内试过插入此时钟,输入后,预览效果很好,但在确认后就变成了白板。  Yangchan1958@163.com


    以下为blog主人的回复:

     你只能按本文中的方法插入时钟,但你得选一个小一点的时钟,你选的太大了,不能缩小,不过可以作整个的背景,其他的我也不是很懂哦,请原谅。

    回复 删除
  • [2006-10-29 07:55:00 PM]

    Re:如何给您的博客增加特殊效果?1(原创)

    我想请教一下,我不知道插那个萤火的背景,我不知道该插在源码的那个位置,我想让它覆盖整个面页,它的宽和高要输入多大数字呢?


    以下为blog主人的回复:

    我已经在拙作《我决定不再偷鸡,请朋友们监督》一文中回答了,但愿能让你满意。谢谢你的光临!欢迎持续关注!

    回复 删除
  • sanmeill [2006-11-09 03:53:00 PM]

    Re:如何给您的博客增加特殊效果?1(原创)

    呵呵...你博客这么丑!可内容好像不错啊...

    回复 删除
  • sanmeill [2006-11-09 03:57:00 PM]

    Re:如何给您的博客增加特殊效果?1(原创)

    呵呵....你的博客这么丑!可内容好像很不错...


    以下为blog主人的回复:

     是吗?不过你究竟是褒是贬呢?多谢你的鼓励!欢迎经常光临。谢谢!

    回复 删除
  • zimeilanxin [2006-11-11 04:12:00 PM]

    Re:如何给您的博客增加特殊效果?1(原创)

    恩,不错,不错,会努力学习!

    以下为blog主人的回复:

     谢谢鼓励!顺祝开心!

    回复 删除
  • yuantian [2006-11-11 08:00:00 PM]

    Re:如何给您的博客增加特殊效果?1(原创)

    你好! 谢谢你的文章!

    但是还有几点不懂的地方:

    在隐藏音乐播放器添加音乐后,如何调节声音的大小??    还有,如果希望音乐不受具体点击哪个栏目的限制,能一首歌一直播放下去(也就是说,即使点击某一篇具体的文章看,也不影响歌曲的播放) 该怎么办??  请指教~~


    以下为blog主人的回复:

     我文章说的方法,就是如你所说“能一首歌一直播放下去”可以无限循环播放的,只要你的网页打开了,直到电脑坏了不能上网,歌曲才停止。调节声音嘛,我是先把声音调节到最大时,再按文章方法做的,设置好后,只能自己通过调节电脑或者音响喇叭音量。因为你没有说清楚,我感觉你好象是在某一篇文章里加音乐的,我文章里说的是在模版设置里修改内容模版状态下操作的。再试试,相信会成功。

    回复 删除
  • yuantian [2006-11-12 12:35:00 AM]

    Re:如何给您的博客增加特殊效果?1(原创)

    谢谢你的支持. 我的博客初见成效了! 心理真的很高兴. 谢谢你~~ 欢迎去我的博客,多提提意见~~

    回复 删除
您还没有登录,请登录以后再发表评论。

关于博主

happynews

欢迎您来到我的凤凰博客

博文相关