个性化主页帮助

1. 背景音乐

通过使用个人主页的背景音乐播放器,可以设置主页背景音乐,进入自己的个人主页后,点击背景音乐播放器上的“add”按钮,如下图所示:

进入飞视网“音乐地带”页面,选择自己喜欢的歌曲,点击“加载”按钮即可将该歌曲设置为个人主页的背景音乐,如图所示:

如果音乐地带没有自己喜欢的歌曲,您还可以自己上传音乐,并设置为主页的背景音乐。

首先上传自己的歌曲,和上传视频的方法一样,通过首页右上角的“上传视频”处上传音乐,如图所示:

上传成功后,进入该作品的播放页面,点击"设置为背景音乐",如图所示:

同样方法,也可以将其他会员上传的音乐设为自己主页的背景音乐.

2. 背景图片

1、参数说明:

背景图片地址:指以.jpg、.gif、.bmp后缀结尾的图片网址(通过gif图片可实现背景动画效果)。

图片填充方式:

允许重复:将背景图片一直重复排列,直到填满整个主页背景;

不允许重复:只显示一次背景图片

横向重复:横向重复排列背景图片,直到横向填满

纵向重复:纵向重复排列背景图片,直到纵向填满

2、如何设置背景图片?

来看一下加了背景图片之后的个性化主页的效果:

第一步,从网上查找自己喜欢的图片(图片搜索);

第二步,找出该图片的网址,在图片上点击右键,通过查看图片的“属性”得到图片网址:

"地址(URL)"后显示的地址即为图片网址,直接将这个地址复制到“背景图片地址”处即可。

第三步,根据图片在背景中显示的实际大小情况,选择合适的图片填充方式。

最后点击“保存修改”即可。

如想恢复原始个性化主页风格,点击“重置”功能。

如想恢复飞视默认主页风格,点击“把主页设为飞视默认样式”。

3. 主页配色

1、参数说明

主页配色:

背景颜色:个人主页的背景色

链接颜色:个人主页中文字链接的字体颜色

调色板:

通过选定外面的圆环主色,对色彩进行选择,选取一个基本的色调;正方形内则是对色彩进行微调,以便调配出更加绚丽夺目的色彩搭配。

模块配色:

背景颜色:模块的背景色

文字颜色:模块中的文字颜色

边框颜色:模块边框的颜色

2、如何调配出色彩绚丽的个性化主页?

先看下调色后的个人主页,如图例

要设置个人主页背景色,先在“主页配色”->“背景颜色”中点击鼠标,出现光标闪动后,在“调色板”中选择相应的主色进行调配,右图可预览调配的效果。

其它参数的颜色调配方法同上。

确定了色调方案之后,点击“保存修改”之后,一个绚丽多彩的个人主页就此问世了!

4. 高级进阶

个人主页的特效制作:

咱们先来看看几个精彩的个人主页吧。

楠孩子

瞬神夜一

三宝

如何制作有精彩特效的个人主页呢?

飞视网的个人主页支持HTML代码、及CSS样式,但不支持JavaScript代码,所以我们可以通过运用HTML代码和CSS样式制作出自己喜欢的精彩特效。

HTML代码和CSS样式的使用方法:

首先,找一些自己喜欢的html特效或是CSS特效代码(自己不会写的话,可以去网上找一下,网上有很多相关的代码供大家选择,当然自己懂一些相关的知识是最好的。)

HTML代码相关搜索

CSS代码相关搜索

然后,将相关的源代码复制到个人主页的“修改个人信息”中的“个人简介”中,点击“确定”后即可观看代码所产生的特效。

只要那么一丁点的耐心,您就可以打造出精彩绝伦的DIY主页!

下面给大家举个例子:

给个人主页添加颜色上下渐变的效果 部分特效代码

上下渐变的代码:

<body style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ff0000,endColorStr=#00ff00)">

<center>

<font size="+1"><strong>网页背景色渐变<br> (从红色到绿色) </strong></font> <br> <br>

</center>

</body>

然后将这段代码拷贝到“个人简介”中,确定即可看到效果

首先,登陆飞视网,进入“我的主页”

复制代码到“个人简介”中

最后点击“确定”,返回“我的主页”查看效果

4.部分特效代码

1、加入时钟代码:

代码格式:

<embed src="flash时钟地址" width="宽度值或百分比" height="高度值" />

代码范例:

<embed src=http://upimages.feesee.com/flash/Clock.swf width="180" height="180" type="application/x-shockwave-flash" />

点击查看时钟特效实例

2、如何加入透明Flash背景:

代码格式:

<embed src="背景flash网址"; width="画面宽度" height="画面高度" quality="high" wmode="transparent" align="center" style="position: absolute; left:0; top:0">

此代码为插入透明flash代码,其中 width="" 为flash的宽,height="" 为 flas的高,left: 为从左向右移的位置,top: 为从上向下移的位置

代码范例:

<embed src="http://upimages.feesee.com/flash/176.swf
"; width="800" height="600" quality="high" wmode="transparent" align="center" style="position: absolute; left:0; top:0">

点击查看背景水泡效果

3、鼠标样式代码(加入到样式表中的body中)

粉红玫瑰: CURSOR: url(http://http://upimages.feesee.com/flash/03.cur);

其他: CURSOR: url(http://http://upimages.feesee.com/flash/mouse.ani);

4、文字移动代码

代码格式:

<marquee onmouseover=this.stop() onmouseout=this.start() scrollamount="滚动次数" scrolldelay="滚动时间(秒)" direction="文字移动方向" width="文本宽度" height="文本高度"><div><font color="标题颜色"><b>本站公告</b></font></div><div><font color="字体颜色">这里是移动文字内容</font></div></marquee>

代码范例:

<marquee onmouseover=this.stop() onmouseout=this.start() scrollamount="1" scrolldelay="60" direction="up" width="180" height="210"><div><font color="#ff0000"><b>本站公告</b></font></div><div><font color="#003366">这里是移动文字内容</font></div></marquee>

点击查看文字移动代码效果

5、图片链接移动代码

代码格式:

<marquee onmouseover=this.stop() onmouseout=this.start() scrollamount="滚动次数" scrolldelay="滚动时间(秒)" direction="文字移动方向" width="文本宽度" height="文本高度"><div align="center"><a href="连接地址" target="_blank"><img src="图片地址" width="图片宽度" border="0" /></a></div><div align="对齐方式"><a href="连接地址" target="_blank"><img src="图片地址" width="图片宽度" border="0" /></a></div></marquee>

代码范例:

<marquee onmouseover=this.stop() onmouseout=this.start() scrollamount="1" scrolldelay="60" direction="up" width="200" height="230"><div align="center"><a href="http://www.blogcn.com/u2/73/19/honglang55/index.html" target="_blank"><img src="http://www.guilintour.net/pic/upload/200471269665.jpg" width="200" border="0" /></a></div><div align="center"><a href="http://www.feesee.com/darkrain" target="_blank"><img src="http://www.feesee.com/images/comm/logo.gif" width="205" border="0" /></a></div></marquee>

点击查看图片移动效果