新浪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次设计师也会去看的,后面前端页代码就怎么看怎么别扭。