新浪Xweibo 皮肤制作

 总结一下： 9月份花了2天时间替换了一下 Xweibo 的皮肤。

  摘要：Xweibo是基于新浪开放平台开发的一套免费开源微博程序，包括独立运营的微博系统和为开源系统开发的微博插件，同时实现数据、账号和新浪互联互通，让网站运营方轻松拥有微博功能，并与新浪微博一起共同成长。


 如果你接到一个新的需求，如第三方面的开发，那么先去他的主页下一些资料看看 http://x.weibo.com/download.html  Xweibo2.2系统皮肤制作帮助文档.doc


1.你可以修改的样式路径 /css/default[/size]目录说明

  /css/default/skin_xxx目录说明（皮肤文件夹）


    1.从”skin_xxx”文件夹复制一份，修改文件夹名称为新主题皮肤名称，但必需以”skin_”开头。
    1.2     更换“skin_xxx”目录下bgimg里面的背景图片。
  1.3           按照自己的需求修改skin.css文件。
修改skinconfig.in（配置文件），主要是修改里面的皮肤标题和皮肤描述

  可以根据需要放心大胆的去修改CSS样式


default/base.css  （全局样式放心改，整个Xweibo系统的公共样式，新浪说建议不改，我是改了，反正没影响）

default/pub.css   （ 是一些公用频道页面所用的的样式文件，包括微博广场、活动、名人堂等。）
default/tpl_2.css


和对应的图片替换




就可以显示新的效果。 由于新浪的说明文档写的比较详细，我这简单说一下

可能出现的问题：

1.LOGO 是需要在后台上传而不是直接替换，换皮肤使用也需要登录后台去选择应用，而不是F5刷新哟。

2.skinconfig.ini需要修改 如：

 

#模板版本

VERSION = 2.0

#标题

TITLE = 默认

#说明

DESC = 默认皮肤

#兼容版本号

COMPAT_VERSION = 2.0

#微缩图片

thumbpic.png

3.对应的按钮替换需要把图片合成进 skin_bg.png 里面去。这个是默认的图片

 

4.做设计的时候请，设计师参考 . Xweibo2.2设计页面psd图例.rar， Xweibo2.2设计规范图例.rar 在去设计，而已不是仿别人的成功案例去做，估计第1次设计师也会去看的，后面前端页代码就怎么看怎么别扭。