精华区 [关闭][返回]

当前位置:网易精华区>>讨论区精华>>网易服务>>POPO>>POPO皮肤DIY>>《POPO皮肤DIY简略》

主题:《POPO皮肤DIY简略》
发信人: weijunboy(*打火机2号*)
整理人: weijunboy(2003-05-09 15:28:56), 站内信件
敬告:本手册可能会因为泡泡升级过程中升级了主题(SKIN)的有关配置,从而导致部分内容不能适用。对此,手册编制人不承诺对由此产生的故障等一切问题担负责任。当然编制人会依据泡泡升级后的状况,在相应的时候对本手册进行修改,以达到适用升级后的POPO SKIN DIY。

                 ***本手册编制人对本手册享有最终解释权***


   在这个崇尚DO IT YOURSELF的年代,有什么不能DIY呢?愣什么,走啊,看看POPO SKIN 怎么DIY吧?^_^

1,进入POPO默认安装目录 C:\Program Files\netease\popo\skin(如果您当时将popo安装到您所指定的目录下,请您找到该目录下的netease\popo\skin),您会发现现有主题(SKIN)为MSN风格、标准、海洋、青春、素雅、新青春、阳光、橘子红了、绿叶总共9种类别。

2,COPY一个你最喜欢、常用的主题(SKIN)到SKIN目录下,注意一定要是在SKIN目录下。比如说你选择“标准”来COPY,那么如此操作后,你会发现在SKIN目录下多了一个“复件标准”。为了便于后面的操作说明,同时也为了显示你的个性,你可以给“复件标准”重新命自己喜欢的名字。这里为了方便进行说明,命名为“测试”。

3,进入刚才你所命名的“测试”,你会发现该目录下有一些BMP图片,可以用画图打开看看是些什么^_^,还有一个文本文件“SKIN.INI”,选择打开。里面主要是泡泡各个地方所用的颜色和一些图片介绍,具体每一项代表什么都有详细说明。以后我们的修改(DIY)都要从图片和颜色下手。好,让我们找到文本前两行中的“[标准]”和“TITLE=标准”。写入“测试”代替这两个地方的“标准”,然后保存。

4,退出POPO,重新登陆。进入工具T--->设置泡泡主题K,你会发现多了一个你自己刚才保存的“测试”主题。切换到“测试”主题,你会发现和你原来使用的主题没有什么变化阿。这就对了,因为你只是复制,并没有对其中的参数进行变更。好,我们进入下一个步骤。


5,主界面切换到你常用的“标准”主题。然后进入第3项提到的“测试”目录,打开刚才保存后的SKIN.INI文档,看到“MainBorder=36,82,196;主背景边框RGB色,色彩中间用‘,’分隔”。所谓RGB是指:“红、绿、蓝”三原色,也就是说36,82,196 表示36个单位的红色,82个单位的绿色,以及196个单位的蓝色混和出的颜色是主背景边框的颜色。

6,下面开始对色彩进行调试。

A-1 打开WINDOWS系统的画图程序。操作方法:开始->程序->附件->画图->颜色->编辑颜色->规定自定义颜色。

A-2 可以看到有一个平滑过渡的颜色块,在里面点任何你喜欢的颜色,就会在最右边的竖条上看到这个颜色从浅到深的所有可能显示颜色。拖动竖条右边的三角块同时观察那个大色块下面的小颜色块,那就是你现在选到的颜色,在你拖动的时候它会不断变化,如果你发现它正是你想要的,那么就可以停下来了。此时,在竖条的下方就有红、绿、蓝的值,填到“测试”主题下面SKIN.INI文档里你想改变的位置就行了,保存(千万别忘记保存,不然一切努力都是白费^_^)。以此类推改变其他相应位置的颜色,保存。

A-3 切换到“测试”主题,看看是否都达到自己理想的颜色?如果不理想,继续调试,直到调出自己喜欢的颜色^_^

7,下面进入对POPO图案的介绍。

7-1,进入POPO默认安装目录 C:\Program Files\netease\popo\skin(如果您当时将popo安装到您所指定的目录下,请您找到该目录下的netease\popo\skin)。

7-2,进入上面保存的“测试”主题。

7-3,进入popo各个部分位图BMP介绍。等大家熟悉了各个位图的作用,可以编辑出个性化的位图代替现有位图。^_^


7-3-1)animate.bmp---两组动画。共有5个图标,每个大小为16*16。前3个是好友登录时在托盘区(屏幕右下角显示泡泡图标的地方)显示的动画。后两个是POPO用户自己登录时显示的动画。如果在系统配置没选“好友上线自动提示”,前一个动画在好友上线的时候是不会显示的。
7-3-2)bigstatus.bmp---旧版本用的文件,现在的版本已经不用了,我们可以跳过。
7-3-3)chatsmallphoto.bmp---聊天室页面使用的图标。切换到聊天页面,可以看到,第一个为房间图片,第二个和第三个是类别展开和没展开的图标。小锁头图标以前用来表示加密公开的聊天室,现在取消了这种聊天室,所以该图标目前不用。不过虽然不用,也一定要放一个图标在这个位置的,因为程序里按位置去取,少了这个图标位置后面的位置就不对,会出问题。
7-3-4)cornner.bmp---边角图标。4个半圆,可以理解为8个1/4圆,也就是8个角图标。每个角图标为8*8,8个图标大小总共为8*64。第1个角图标没有用到,但是需要占位。第2、3、4个是主窗口好友页上的右上、左下、右下角。同时,“服务”页、“聊天”页也用第2、3、4角图标。好友聊天窗口和聊天室窗口用第5、6、7、8角图标。常用短语下面有两个圆边角用第7、8两个边角。
7-3-5)mainbk.bmp---主窗口好友页上的背景图标。
7-3-6)mainicon.bmp---主窗口好友页上的图标。第1是昵称下面改状态的图标。第2、3是好友分组未展开和展开的图标。第4、5 是操作窗口“我想”未展开和展开的图标。第6是进入聊天室图标。第7是添加好友。第8是添加手机好友。第9是添加组。第10是查收邮件功能(该图标目前不在主窗口好友页面显示)。第11、12图标目前不用,占位。
7-3-7)nets.bmp---主窗口好友页昵称右边的网易图片。
7-3-8)sendmsgicon.bmp---消息窗口图标和聊天室窗口图标,共21个,大小16*16。其中第12个图标目前不用,但是要占位。
7-3-9)shortmenu.bmp---主窗口好友页面“我想...”中“更多...”展开菜单中的图标。共5个,大小16*16。
7-3-10)smallicon.bmp---显示状态和聊天室聊友图标。前3组状态图标非常近似,第一组是点我的状态出现的菜单上的所有图标。后两组是用户本人修改状态之后在托盘区显示的图标。为什么有两组呢?因为winxp可以显示真彩色的的图标,而2000和98只能显示16色的图标。所以这两组的前一组颜色要好看很多,是给winxp用的,后一组是给其他操作系统用的。后一组6个小图标是表示好友状态。如果好友改成离开,就会看到好友头像上多了一个相应的小标志。这里需要指出的一点是,红色在泡泡里表示透明色,也就是不显示的颜色,所以几乎所有的图标都用红色背景。才会看到好友头像上好像加了一个电话似的这种效果。如果把红色改成其他颜色,那么就不透明了。最后4个图标是聊天室窗口聊友图标。
7-3-11)tab2.bmp---导航条图标。3组分别表示普通选中状态,没选中状态,鼠标悬浮状态。
7-3-12)tabbk.bmp---tab2的背景框图标。tab2图片本来已经有背景框了,所以看上去好像这个不是很必要。但是刚才的那个图片本身是可以没有背景框的,如果没有的话就可以看到这个背景框了。大家可以尝试把刚才那个tab2图的框那一部分涂成红色(透明色),可以看到还是有框,就是这个框(tabbk)。在tabbk里只需要2个背景框,前一个表示任何页选中时的背景框,后一个表示没选中时的。它会自动应用到每个(不是一个)tab页上去。
7-3-13)traymenuicon.bmp---托盘区右键菜单、点击好友右键菜单、点击好友组右键菜单上的图标。最后两个图标目前不用,占位。
7-3-14)ul.bmp---添加接受者和邀请好友进入聊天室的对话框图标。由4个类似的图的组合。第一个是添加接受者,第二个和第三个是选中发送手机短信时添加接受者的图。第二个表示选中的是我的好友类别,第三个表示选中手机好友类别,分开列出。点我的手机好友就显示第三个图,点我的好友就显示第二个图。第四个在聊天室邀请的时候用。
7-3-15)ulmask.bmp---ul.bmp对应的黑白位图。黑色部分对应ul当中不可以点击的部分,换句话说是点击之后没有反应的部分;ulmask对应ul当中的第一个图全部都是黑的,表示无论点哪里都没有反应。ulmask中对应第二个图有一片白色区域,表示只要点这个白色区域里的任何一个位置就显示ul当中对应位置的图片。
7-3-16)volumebar.bmp---语音聊天图标。上面是话筒,下面是扬声器。两个结构是一样的,理解一个另外一个就理解了。最前面的部分是背景,中间细长的是拖动的滑杆,然后是拖动的那个块,这三个组成可拖动部分。音量的第一个是背景,第二个是音量显示的柱状图(可以是任何形状),第三个是覆盖在柱状图上的一个盖子,它把柱状图盖起来只显示红色的部分,红色表示透明,如果没有红色,柱状图就显示不出来。我们可以把这个盖子做成任何样子,只要一些地方可以让柱状图透出来就可以。不过需要注意的是,只有纯红色(RGB值255,0,0)不能含一丝杂色才是透明。

7-4,第3点介绍了“测试”主题(实际上也是标准主题)中的位图,其他几种主题大致也差不多,大家可以去打开试试看。^_^

7-5,编辑POPO位图可以用windows自带的画图,不过功能有限,难以做出高质量的图片,推荐使用PhotoShop制作。
7-6,几乎所有的图标图片都需要和现有样本大小一致,极少量图片没有这个要求,至于是哪些可变哪些不可变就需要大家自己去发现啦。不过需要说明一点的是编辑完成后别忘记保存,然后命名也要和现有样本一致。


-------------若有转载,请标明原作者和文章出处,谢谢。------------

    最后感谢本手册编制过程中,POPO技术开发组寒江秋月的指导。若有写的不好或错误的地方欢迎E-MAIL:[email protected]指正。

                                                   BY:*打火机2号*
                                                     03/04/17







----

欢迎你光临网易IM---POPO
POPO下载地址:http://popo.163.com
POPO聊天站管理俱乐部:http://popo.our3.163.com

[关闭][返回]