文件夹[练习]Xweibo_v2.2_skin

xweibo  时间:2021-02-12  阅读:()

Xweibo v2.1皮肤制作说明文档Xweibo

201 1年6月

目 录

目录

1 XWEIBO样式文件夹概述.............................................................................1

2 CSS/DEFAULT目录说明(前台样式文件夹)...............................................1

3 CSS/DEFAULT/SKIN_XXX 目录说明皮肤文件夹............................3

4 SKIN_XXX/BGIMG背景图片目录说明.......................................................3

5 主题皮肤制作流程..........................................................................................4

6 补充说明..........................................................................................................4

1 Xweibo样式文件夹概述

安装了Xweibo系统之后打开/css目录。会出现以下图

/css目录有6个文件夹每个文件夹都有自己的作用 图中有说明。在这里可以找到所有与Xwe ibo界面样式相关的文件。站长如果想更改Xwe ibo的界面样式、皮肤、背景图片等等就在此目录找到相应的文件进行修改就可以了。

/css/admin文件夹存放的是管理后台的相关样式文件。

/css/colorpicker文件夹存放的是自定义换肤时的调色板样式可供前台后台调用。

/css/component文件夹存放的是内容输入组件的相关样式。有些站长希望这些小组件的样式跟自己的网站样式统一可以在这里进行更改。

/css/default文件夹存放Xweibo前台页面的相关样式文件本文档会重点说明该文件夹的各个文件的具体作用。

/css/update文件夹存放系统升级相关样式一般情况下不需要更改该文件夹。

/css/wap文件夹存放手机wap版的相关样式。

2 /css/default目录说明(前台样式文件夹)

/css/default文件夹存放Xweibo前台页面的相关样式文件。

10个以“skin_”开头的文件夹就是Xweibo的主题皮肤文件夹一套皮肤对应一个文件夹。 “skin_xxx”的文件夹及里面的文件命名是固定的不可以更改。

打开/css/default 目录后可以看到以下文件

上图中有对每个目录及文件的描述这里详细说明下主题皮肤相关的文件/css/bgimg目录是存放所有皮肤公共的背景图片、图标等这里面的图片是所有主题皮肤都会引用到的也就是说一旦改变了这个文件夹下的图片所有主题皮肤一起跟着改变。

/css/skin_xxx目录就是具体的某一个主题皮肤文件夹一个主题皮肤对应一个文件夹。新增一个这样的文件夹就是新增一套主题皮肤删除一个这样的文件夹就是删除一套皮肤。

/css/app.css是扩展应用的样式文件用于微访谈、微直播等。

/css/base.css是整个Xweibo系统的公共样式主要定义了cssreset、页面布局、公用模块等这里的改动会影响到所有主题皮肤一般不建议改动该文件。

/css/error.css是所有错误页面的样式文件包括404错误、API调用错误、整个站点关闭等。

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

/css/tpl_1.css是两栏模板用到的相关样式包括两栏布局、导航等。

/css/tpl_2.css是三栏模板用到的相关样式包括三栏布局导航等。3 /css/default/skin_xxx 目录说明皮肤文件夹

/css/default/skin_xxx是存放Xweibo皮肤样式的文件夹一套皮肤对应一个文件夹。

主题皮肤制作原则

一般情况下不改动动态模板文件. tpl 只更改” skin_xxx” 目录下的CSS文件、背景图片、配置文件、缩略图。

下面详细说明此文件夹的元素。/css/skin_xxx/bgimg目录是存放该皮肤的相关背景图片下面会详细讲解每张图片的用处。

xxx/skin.css是定义全局的背景、字体颜色、链接颜色、边框等于主题颜色相关的样式此文件是皮肤制作时的主要修改对象。

/css/skin_xxx/skinconfig. ini是配置文件主要定义了主题皮肤的名称还有描述。

/css/skin_xxx/thumbpic.png是该主题皮肤的缩略图会在用户换肤的时

候出现。如下图

4 skin_xxx/bgimg背景图片目录说明

以下图片对换肤用到的每一张背景图片的作用进行描述

5 主题皮肤制作流程

5.1 从” skin_xxx”文件夹复制一份修改文件夹名称为新主题皮肤名称但必需以” skin_”开头。

5.2 更换“skin_xxx” 目录下bgimg里面的背景图片。

5.3 按照自己的需求修改skin.css文件。

5.4 修改skinconfig. ini 配置文件主要是修改里面的皮肤标题和皮肤描述。注意 COMPAT_VERSION=2.0  2.0要修改为与当前安装的版本号一致如当前安装的版本是2.1 就需要改为2.1否则皮肤会显示不兼容

5.5 替换thumbpic.png 缩略图为新主题皮肤的缩略图尺寸保持原有不变。6 补充说明

6.1 如果需要使用单栏结构在#container加上class=” single”  例如userinfo. tpl.php 设置页面 。

6.2 所有的浮层结构写在JS里。

6.3 右侧栏的底色为背景图片定义在#container容器。

6.4 页面上body的id是为了使用CSS定义页面菜单的当前状态。

npidc:9元/月,cn2线路(不限流量)云服务器,金盾+天机+傲盾防御CC攻击,美国/香港/韩国

npidc全称No Problem Network Co.,Limited(冇問題(香港)科技有限公司,今年4月注册的)正在搞云服务器和独立服务器促销,数据中心有香港、美国、韩国,走CN2+BGP线路无视高峰堵塞,而且不限制流量,支持自定义内存、CPU、硬盘、带宽等,采用金盾+天机+傲盾防御系统拦截CC攻击,非常适合建站等用途。活动链接:https://www.npidc.com/act.html...

RackNerd新上圣何塞、芝加哥、达拉斯、亚特兰大INTEL系列,$9.49/年

racknerd怎么样?racknerd商家最近促销三款美国便宜vps,最低只需要9.49美元,可以选择美国圣何塞、西雅图、纽约和芝加哥机房。RackNerd是一家成立于2019年的美国高性价比服务器商家,主要从事美国和荷兰数据中心的便宜vps、独立服务器销售!支持中文工单、支持支付宝和微信以及PayPal付款购买!点击直达:racknerd官方网站INTEL系列可选机房:加利福尼亚州圣何塞、芝加...

ZJI(月付450元),香港华为云线路服务器、E3服务器起

ZJI发布了9月份促销信息,针对香港华为云线路物理服务器华为一型提供立减300元优惠码,优惠后香港华为一型月付仅450元起。ZJI是原来Wordpress圈知名主机商家:维翔主机,成立于2011年,2018年9月更名为ZJI,提供中国香港、台湾、日本、美国独立服务器(自营/数据中心直营)租用及VDS、虚拟主机空间、域名注册等业务,商家所选数据中心均为国内访问质量高的机房和线路,比如香港阿里云、华为...

xweibo为你推荐
万维读者网用QQ邮箱向《读者》投稿具体格式spgnuxps = getCon().prepareStatement(sql);啥意思,求注释,要是不嫌麻烦帮我把下面的也给注释了网站运营网络运营主管的主要工作职责是什么?镜像文件是什么系统镜像是什么唱吧电脑版官方下载电脑怎么安装唱吧,要能用的,请教教程,谢谢qq怎么发邮件如何通过QQ发送邮件商标注册查询官网怎么查商标有没有注册bluestack安卓模拟器bluestacks怎么用?小米手柄买了个小米蓝牙手柄,游戏是可以玩但是按键位置不舒服,怎么可以改按键宽带接入服务器目前常见宽带接入的方式有哪几种
vps交流 域名停靠一青草视频 x3220 西安电信测速 justhost namecheap cpanel主机 精品网 godaddy优惠券 windows2003iso 一点优惠网 免费ddos防火墙 元旦促销 七夕快乐英文 域名评估 中国电信测网速 共享主机 国外代理服务器地址 搜索引擎提交入口 华为云服务登录 更多