分享

QQ空间教程-自定义装扮全攻略,DIY你的个性空间

 蓝色的昕 2010-07-23

QQ空间教程-自定义装扮全攻略,DIY你的个性空间

QQ 2009-07-07 10:11:28 阅读196 评论0 字号:

自由,随心,是谁开启了这一季的“自由之夏”……
夏末初秋,QQ空间迎来了全新的华丽版本,5.0自由之夏。
自由——全新自定义,模块想怎么放就怎么放……
随心——一键排版,一目了然,模块能大能小……

到底5.0空间给我们带来了什么样的全新感觉呢?
这新版本的空间能有什么特别之处呢?
今天我们只说一部分,为什么呢?
想知道麽?仔细看下去吧。

 

 

 

什么是自定义装扮?

自定义装扮就是用户可以上传自己所喜爱的图片设置为自己的空间背景皮肤或标题栏同时用户还可以对该图片进行各种效果处理。
步骤:1. 进入空间选择“自定义” 2. 选择“自定义装扮”3.完成编辑后保存

QQ空间教程-自定义装扮全攻略,DIY你的个性空间-www.x7qq.cn 

 

如何进行自定义装扮呢?

首先来看下自定义装扮示意图吧,你也可以先随便找张图片试试。
QQ空间教程-自定义装扮全攻略,DIY你的个性空间-www.x7qq.cn 

QQ空间教程-自定义装扮全攻略,DIY你的个性空间-www.x7qq.cn 

 

很简单吧,就那么几个步骤。但是为什么我的图片被压缩了呢,或者质量严重失真了,而且位置不是我想要的。
那该怎么办呢?继续看下来吧。


举例:L-style (淚之印象 5.0qzone/V3)

空间风格:简约风格
图片尺寸(宽*高):皮肤:1260px*370px,标题栏:895px*330px 。(px=像素)
图片格式:.PNG格式
图片颜色:黑(#000000)
图片位置:正上方
QQ空间教程-自定义装扮全攻略,DIY你的个性空间-www.x7qq.cn 

QQ空间教程-自定义装扮全攻略,DIY你的个性空间-www.x7qq.cn 

关于图片尺寸:

空间标准尺寸:皮肤的宽是1260px,标题栏的宽是895px。(显示分辨率标准:1024*768)
说明:自定义下,宽度可以标准,高度就随意吧,不过,宽度也可以由自己设定,不一定遵照这个标准。
(因为你的网页浏览器,显示器分辨率不同,所以看到的也会有差异,比如你是1024*768的显示器,你就无法看到1260超出范围的图片内容。)


关于图片格式:

空间图片格式:.jpg .gif  这2种是空间默认支持的图片格式。但是为什么我这里用到PNG格式呢?因为PNG格式不会失真也不会被压缩。(在使用电脑上传的时候空间是允许上传这个PNG格式的图片的)

PS:话说写这段之前,自定义装扮上传图片是限制800*800像素的图片自动压缩,而且也试过上传jpg的格式会给自动压缩了,所以也是为什么我一定用PNG格式的原因。不过,当我写到这段的时候再去看的时候,发现相册系统突然升级了,而且没有了这个限制,并且上传jpg格式不会被压缩了。那么只好改变我的初衷,改了原来的话。所以如果你不是做动态图片的话,而且当空间相册要压缩JPG格式的图片时,那么可以选择用PNG格式。(对于我来说更大的原因是不会被打上腾讯博客的水印,-.-||博客系统自动加水印。)


关于图片颜色:
QQ空间教程-自定义装扮全攻略,DIY你的个性空间-www.x7qq.cn 

首先看一下系统给的这几种bg部分的可选颜色,就这么几种,而且自己没法定义颜色。照理说皮肤因为由top部分和bg部分组成,也就是说top部分的图片不平铺,而bg的背景颜色或者是图案可以平铺,这也是空间皮肤的标准,可是自定义装扮还不能这样,所以这也是这个功能欠缺之处。所以,对于现在的背景,如果是要平铺,那么背景颜色都是单色的,而且就这么几种可选颜色。所以我们在制作图片的时候,保证图片底色与所给的颜色颜色一致,那么才会整体融合,不会有突兀的感觉。所以就像我这个空间,选用了系统给的黑色,皮肤背景也就用了黑色。

有人说系统给的颜色里面没有白色,那怎么办呢,我们定义一张随便多少大的图片,哪怕是1个像素也可以,填充白色,然后再在空间上上传皮肤,平铺。那么这个空间的背景皮肤就是纯白色了。


关于图片位置:
QQ空间教程-自定义装扮全攻略,DIY你的个性空间-www.x7qq.cn 

关于图片的位置显示,只要按照空间标准的尺寸做,那么就不会觉得位置不对了。而且图片可以居左和居中显示。但是,由于自定义装扮的自动平铺,所以不要将空间挂件或者模块等超出页面显示范围,因为超出显示范围,皮肤也会跟着走,那么就移位了。

为了图片制作上的更加准确性,我这里划分了几处注意点。
页面顶端到空间名称的距离是45px,到空间地址的距离是75px,空间logo的位置和顶部到空间名称的位置相等,个人中心的的位置是以你标题栏的底部算起距离这个字的距离是20px,而且始终保持这么的距离,无论你的图片做的都高。所以在制作标题栏的时候保留那些位置的距离因为具体空间名称都有不同,所以长度都不同,必要的话还是自己注意下了。

注意这几项的原因是,为了标题栏制作的更加贴切。比如你做的标题栏是复杂的图片而且包含有文字,假如文字刚刚和空间名称或者空间地址的位置重合,那么在显示上就会被重叠,你的文字也就看不清了。所以细节问题还是要提的,不过我只针对了这个风格下的显示情况,另外还有空间名称和空间地址是显示在同一排的,那么就在制作的时候重新考虑下。



自定义装扮的完全攻略说明就是这些了,你是否还在迷糊呢,赶紧试试吧。当然我指出的内容也未必是全部的,所以有问题大家及时发现,共同来解决。______期待您的DIY空间!

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约