1楼 主题:[图]宝宝特效编辑区 - 新版本宝宝主页帮助(二)

阅读全部 最后发表 引用本帖 回复本帖 我要发帖 发表于 2006-04-25 20:15发送站内短信

新版本宝宝主页上线了,希望大家喜欢,也欢迎大家像以前一样多提意见。

新版本的宝宝主页提供免费的特效的借口,让所有人都能使用特效,而不是只有付费用户。(希望大家能多帮忙宣传一下哦happy

点击宝宝信息下面“编辑宝宝信息”或者是宝宝名字后面的“小笔”按钮,进入编辑宝宝信息页面。在这个页面里面有个表格可以插入特效。


特效可以扮靓一个宝宝主页,例如加入音乐,加入一些效果。宝宝主页的特效是显示在宝宝信息和日志中间的(如下图)所以大家再添加特效的时候要小心,要是发现添加特效以后宝宝主页变得丑了立即要改回来哦。

特别提示:一些特效可能会导致宝宝主页的布局被破坏,所以推荐大家使用不显示的特效,例如背景音乐,水滴效果等等!

推荐宝宝特效:

1、背景音乐:

插入特效的文本框里面输入:  

 <EMBED id=MediaPlayer329 src="音乐的地址,最好是.mp3或是wma的" width=0 height=0 type=audio/mpeg autostart="true" loop="true"></EMBED>

就可以插入背景音乐了,这里为了不影响页面布局,我特地把音乐的宽和高都设成了0(width=0 height=0),如果你觉得无所谓,可以把他改成你想要的大小。

如何寻找背景音乐可以参照:[图]如何使用百度mp3搜索找到想要的背景音乐 

2、页面淡入淡出的特效:

或许你看过,有的网页在进入和退出的时候都有一个特效,或是慢慢溶解,或是慢慢的消退。网页变换效果只要搭配得当,这些变换效果会给访客留下非常深刻的印象,即使是那些本来对你的站点没兴趣的访客。其实这一点也不难(还有什么能难倒万能的shujieCool

网页变换效果(Trans)共分四大类:"进入网页"(Page-Enter)、"离开网页"(Page-Exit)、"进入站点"(Site-Enter)、"离开站点"(Site-Exit)。每一大类又分为25个小类,先用进入网页效果来举例说明: 
进入网页时的效果  
1.混合效果 代码如下: <meta http-equiv="Page-Enter" content="blendTrans(Duration=1.0)"> 
2.盒状收缩效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=0)"> 
3.盒状放射效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=1)"> 
4.圆形收缩效果 代码如下:<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=2)"> 
5.圆形放射效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=3)"> 
6.向上擦除效果 代码如下:<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=4)"> 
7.向下擦除效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=4)"> 
8.向右擦除效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=6)"> 
9.向左擦除效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=7)"> 
10.垂直遮蔽效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=8)"> 
11.水平遮蔽效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=9)"> 
12.横向棋盘式效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=10)"> 
13.纵向棋盘式效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=11)"> 
14.随即分解效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=12)"> 
15.左右向中央缩进效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=13)"> 
16.中央向左右扩展效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=14)"> 
17.上下向中央缩进效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=16)"> 
18.中央向上下扩展效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=17)"> 
19.从左下抽出效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=18)"> 
20.从左上抽出效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=19)"> 
21.从右下抽出效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=20)"> 
22.从右上抽出效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=21)"> 
23.随机水平线条效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=22)"> 
24.随机垂直线条效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=22)"> 
25.随机效果 代码如下: <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=23)"> 
现在让我们来分析一下这些代码,首先大家一定能看出这些代码大多数地方很相似。事实上,虽然分类很多,但每个大类下的25个小类是分别对应相同的,并且用数字来标识,(除了混合效果 blendTrans(Duration=1.0)),所以不用对没个大类一一举例说明,只要把"Page-Enter"换为"Page-Exit"(离开网页)、"Site-Enter"(进入站点)、"Site-Exit"(离开站点),就可以达到需要的效果了,同时记忆起来也比较方便。其中"Duration=1.0"可以设定每个周期的时间为多久,单位是秒(现在设置的是每周期1秒)。 需要注意的是四个大类的效果可以在一个网页里同时设置,但每个大类只能设置一种效果。另外如果网页是帧页的话,也将无法显示出效果。 

3、网页滴水的效果:

这个效果挺不错的,我很喜欢Kiss 

<CENTER><EMBED style="LEFT: 83px; WIDTH: 832px; POSITION: absolute; TOP: -49px; HEIGHT: 698px" align=right src=http://www.china-holiday.com/images/flash/009.swf width=832 height=698 type=application/x-shockwave-flash wmode="transparent" quality="high" ;></CENTER>

4、鼠标上面冒出小图片:

<script>Image0=new Image();Image0.src="图片地址";Amount=20;Ymouse=-50;Xmouse=-50;Ypos=new Array();Xpos=new Array();Speed=new Array();rate=new Array();grow=new Array();Step  =  new  Array();Cstep=new Array();nsSize=new Array();ns=(document.layers)?1:0;(document.layers)?window.captureEvents(Event.MOUSEMOVE):0;function  Mouse(evnt){Ymouse=(document.layers)?evnt.pageY-20:event.y-20;Xmouse=(document.layers)?evnt.pageX:event.x;};(document.layers)?window.onMouseMove=Mouse:document.onmousemove=Mouse;for(i=0;i<Amount;i++){Ypos[i]=Ymouse;Xpos[i]=Xmouse;Speed[i]=Math.random()*4+1; Cstep[i]=0; Step[i]=Math.random()*0.1+0.05;grow[i]=8;nsSize[i]=Math.random()*15+5;rate[i]=Math.random()*0.5+0.1;};if (ns){for (i=0;i<Amount;i++){document.write("<LAYER  NAME=sn"+i+" LEFT=0  TOP=0><img src="+Image0.src+"  name='N'  width="+nsSize[i]+" height="+nsSize[i]+"></LAYER>");}}else{document.write("<div style=position:absolute;top:0px;left:0px><div style=position:relative>");for(i=0;i<Amount;i++){document.write("<img  id=si src="+Image0.src+" style=position:absolute;top:0px;left:0px;filter:alpha(opacity=90)>");};document.write("</div></div>");};function  MouseBubbles(){var hscrll=(document.layers)?window.pageYOffset:document.body.scrollTop;var  wscrll=(document.layers)?window.pageXOffset:document.body.scrollLeft;for(i=0;i<Amount;i++){sy=Speed[i]*Math.sin(270*Math.PI/180);sx=Speed[i]*Math.cos(Cstep[i]*4);Ypos[i]+=sy;Xpos[i]+=sx;if (Ypos[i]<-40){Ypos[i]=Ymouse;Xpos[i]=Xmouse;Speed[i]=Math.random()*6+4;grow[i]=8;nsSize[i]=Math.random()*15+5;};if(ns){document.layers['sn'+i].left=Xpos[i]+wscrll;document.layers['sn'+i].top=Ypos[i]+hscrll;};else{si[i].style.pixelLeft=Xpos[i]+wscrll;si[i].style.pixelTop=Ypos[i]+hscrll;si[i].style.width=grow[i];si[i].style.height=grow[i];}grow[i]+=rate[i];Cstep[i]+=Step[i];if(grow[i]>24)grow[i]=25;};setTimeout('MouseBubbles()',10);};MouseBubbles();</script>

还有一些特效可以参考博客帮助,只要把那些代码复制过来就可以了

不断变化的状态栏
彩色文字鼠标跟随
浏览器的状态栏里出现欢迎语
如何让搜索引擎找到你的blog?
落花,落叶,金鱼,蜻蜓, 全是漂亮的blog背景

本楼地址 ^返回顶部

2楼 回复:[图]宝宝特效编辑区 - 新版本宝宝主页帮助(二)

阅读全部 最后发表 引用本帖 回复本帖 我要发帖 发表于 2006-04-26 09:26发送站内短信

顶一下

很不错

[图]新版宝宝首页介绍 - 新版本宝宝主页帮助(一)

<a href="http://foot.ci123.com" target="_blank"><img src="http://foot.ci123.com/images/pic/0/a1c067b549261d553258df0cd01ad075.png" border="0" alt="小脚印 - 育儿网" width="480" height="80" /></a>

本楼地址 ^返回顶部

3楼 回复:[图]宝宝特效编辑区 - 新版本宝宝主页帮助(二)

阅读全部 最后发表 引用本帖 回复本帖 我要发帖 发表于 2006-04-26 12:25发送站内短信

非常地不错。




聪儿成长日记目录

贝儿成长日记目录

本楼地址 ^返回顶部

4楼 回复:[图]宝宝特效编辑区 - 新版本宝宝主页帮助(二)

阅读全部 最后发表 引用本帖 回复本帖 我要发帖 发表于 2006-04-26 13:14发送站内短信

顶一下,不过目前我还不打算采用,特效会使网页速度变慢

 盛源妈妈-开开的博客欢迎您http://blog.ci123.com/skl2005

 许愿树- 育儿网  许愿树- 育儿网

本楼地址 ^返回顶部

5楼 回复:[图]宝宝特效编辑区 - 新版本宝宝主页帮助(二)

阅读全部 最后发表 引用本帖 回复本帖 我要发帖 发表于 2006-04-26 16:18发送站内短信

dddddddd

    许愿树- 育儿网

辛苦发帖,只为逗逗; 您若体贴,逗家遛遛! 

本楼地址 ^返回顶部

6楼 回复:噢

阅读全部 最后发表 引用本帖 回复本帖 我要发帖 发表于 2006-04-26 20:49发送站内短信

来我家看一看吧:http://baobao.ci123.com/spaces/show/1133

还有*两个豆豆*的博客:http://blog.ci123.com/sxlym

 

本楼地址 ^返回顶部

7楼 回复:[图]宝宝特效编辑区 - 新版本宝宝主页帮助(二)

阅读全部 最后发表 引用本帖 回复本帖 我要发帖 发表于 2006-04-27 08:28发送站内短信

我想给宝宝的主页做特效

小脚印 - 育儿网 

欢迎到杨杨宝宝家做客!http://baobao.ci123.com/spaces/show/1092

本楼地址 ^返回顶部

8楼 回复:[图]宝宝特效编辑区 - 新版本宝宝主页帮助(二)

阅读全部 最后发表 引用本帖 回复本帖 我要发帖 发表于 2006-04-27 09:07发送站内短信

不错


幸福快乐成长的王子的博客     http://blog.ci123.com/niuniu

 许愿树- 育儿网请朋友们点图片给偶送月饼吧!

本楼地址 ^返回顶部

9楼 回复:[图]宝宝特效编辑区 - 新版本宝宝主页帮助(二)

阅读全部 最后发表 引用本帖 回复本帖 我要发帖 发表于 2006-04-27 09:29发送站内短信

帮助很大,谢谢啦

来我家玩哦:http://baobao.ci123.com/spaces/show/800

本楼地址 ^返回顶部

10楼 回复:[图]宝宝特效编辑区 - 新版本宝宝主页帮助(二)

阅读全部 最后发表 引用本帖 回复本帖 我要发帖 发表于 2006-04-27 10:58发送站内短信

受益匪浅,又有收获!呵呵,我就是喜欢这些花里胡哨的东东,喜欢就是喜欢!Tongue out

欢迎来我家做客

同同的无忧阁http://blog.ci123.com/yitong

宝贝同同的主页http://baobao.ci123.com/spaces/show/1017

期待您的光临!!

本楼地址 ^返回顶部

11楼 回复:[图]宝宝特效编辑区 - 新版本宝宝主页帮助(二)

阅读全部 最后发表 引用本帖 回复本帖 我要发帖 发表于 2006-04-27 11:24发送站内短信

为了偶家的宝宝,支持一下

本楼地址 ^返回顶部

12楼 回复:[图]宝宝特效编辑区 - 新版本宝宝主页帮助(二)

阅读全部 最后发表 引用本帖 回复本帖 我要发帖 发表于 2006-04-28 18:11发送站内短信

Foot in mouth好贴,,顶!!!!!!!!!!!Foot in mouth

 

嘿嘿,这是偶的身份证,帅吧~~~~~~~~

欢迎大家来我的城堡做客:   http://baobao.ci123.com/spaces/show/1087Tongue out

本楼地址 ^返回顶部

13楼 回复:[图]宝宝特效编辑区 - 新版本宝宝主页帮助(二)

阅读全部 最后发表 引用本帖 回复本帖 我要发帖 发表于 2006-05-02 13:24发送站内短信

请问,设置好音乐后,点击搜索栏怎么不会动啊?

有空来坐坐 http://baobao.ci123.com/albums/show/11689

 

小脚印 - 育儿网

本楼地址 ^返回顶部

14楼 回复:[图]宝宝特效编辑区 - 新版本宝宝主页帮助(二)

阅读全部 最后发表 引用本帖 回复本帖 我要发帖 发表于 2006-05-14 00:02发送站内短信

呵呵,,学到不少知道,,有空来我家坐坐~~~~~~~~~

 

嘿嘿,这是偶的身份证,帅吧~~~~~~~~

欢迎大家来我的城堡做客:   http://baobao.ci123.com/spaces/show/1087Tongue out

本楼地址 ^返回顶部

15楼 回复:[图]宝宝特效编辑区 - 新版本宝宝主页帮助(二)

阅读全部 最后发表 引用本帖 回复本帖 我要发帖 发表于 2006-05-14 08:59发送站内短信

来学习了,真是大有帮助呀。

 轩轩照片

byebyeFoot in mouth

本楼地址 ^返回顶部

共 389 篇,显示: 1 - 15篇 1 2 3 4 5 6 7 8 9 10 下一页 »

您的位置:育儿论坛 » 主页交流
标题:
内容:
登陆 | 注册 | 用户协议
      (Ctrl+Enter快速提交)
· 育儿论坛提供育儿知识:一、母婴妇幼、孕期保健及婴儿接种常见病等护理常识;二、胎儿胎教早教宝典;三、有声读物,歌亲子游戏下载;四、月经避孕,怀孕分娩,婆媳关系指导;五、幼儿辅食喂养,奶粉母乳使用方法。论坛的目标是为妈妈宝宝提供一个温馨完善的亲子家庭社区。
· 育儿论坛用户请确认您发表的言论符合《互联网电子公告服务管理规定》《育儿网用户条款》规定,并符合本论坛的主旨。
· CopyRight ©2008 ci123.com 育儿论坛 版权所有 苏ICP备05075776号