thinksns模板开发说明文档

《thinksns模板开发说明文档》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、智士软件（北京）有限公司ThinkSNS模板开发说明文档Page23©ZhiShiSoftCo.,Ltd.ThinkSNS模板开发说明文档目录1模板编辑工具22模板对应文件及相关文件32.1如何查找模板对应文件32.2如何查找模板对应样式表33模块样式调整53.1背景修改53.2LOGO修改63.3导航修改73.4页脚修改83.5页头修改93.6图标修改103.7按钮修改124首页134.1左侧修改134.2右侧修改145应用修改45.1招贴板12Page23©ZhiShiSoftCo.,Ltd.ThinkSNS模板开发说

2、明文档5.2日志125.3相册125.4活动125.5投票125.6礼物125.7群组125.8大屏幕125.9开发者平台125.10掌上微博126漫游修改127换肤128Public目录结构及相关文件12Page23©ZhiShiSoftCo.,Ltd.ThinkSNS模板开发说明文档1模板编辑工具高手跳过，模板编辑工具多之又多，列出大家常用的。记事本、Editplus、AdobeDreamweaver、notepad++,现在大家用的最火还是SublimeText2。火狐的firebug插件是最给力的样式修改工具。2模

3、板对应文件及相关文件2.1如何查找模板对应文件Public/themes/xxxxx其中的xxxxx就是某一套模板，如，系统一般会自带的模板文件名叫做default，（即，Public/themes/newstyle）里面放的就是安装时的默认模板注：每个应用有自己的样式文件如日志apps/blog/Tpl/default/Public/blog.css1.应用独立根目录apps/应用文件夹如：apps/photo　相册应用2.核心文件存放单独风格包文件夹下，根目录下public/themes/风格包文件夹如：public/

4、themes/newstylepublic/themes/weibopublic/themes/classic23.对应页面查找如果风格是三栏:Page23©ZhiShiSoftCo.,Ltd.ThinkSNS模板开发说明文档http://t.thinksns.com/index.php?app=home&mod=Public&act=login根目录下public/themes/newstyle/apps/home/Public/login.html2.1如何查找模板对应样式表接下来我们进入newstyle目录，可以看到

5、以下文件目录：找到这几个文件，这些是与模板修改密切相关的其它的可以不用管：images(存放模板中用到的图片)apps.html(网站左侧用户信息和应用)header.html(网站头部内容)footer.html(网站底部内容)main.css(模板样式调用文件)layout.css(框架模板样式文件)public.css(共用模板样式文件)form.css(表单模板样式文件)menu.css(菜单模板样式文件)link.css(链接模板样式文件)Page23©ZhiShiSoftCo.,Ltd.ThinkSNS模板开发

6、说明文档2.1如何查找样式对应的样式表用firefox找开页面对应目录就是newstyle/layout.css下第50行(ctrl+g,输入行数直接跳转除记事本外)page_tit。1模块样式调整3.1背景修改Newstyle模板下layout.css第17行.page_home,.body_bg{background:url("images/body_bg.jpg")repeat-xscrollcentertop#BEE3FD;padding:57px00;}Page23©ZhiShiSoftCo.,Ltd.Think

7、SNS模板开发说明文档在newstyle/images/目录下直接替换body_bg.jpg即可。3.1LOGO修改网站LOGO是可以在后台配置上传的。如果需要修改LOGO的样式可以到：newstyle/layout.css第87、88、90行　.header.logo{float:left;width:150px;}.header.logoa{display:block;height:40px;text-decoration:none;Page23©ZhiShiSoftCo.,Ltd.ThinkSNS模板开发说明文档wi

8、dth:150px;}.header.logoaimg{height:40px;width:150px;}3.1导航修改newstyle/layout.css第18行.header_holder{background:url("images/head_bg.png")repeat-xscroll00tr