文件夹宝典Xweibo_v2.2_skin

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

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

201 1年6月

目, ,录

目录

1 XWEIBO样式文件夹概述............................................错误未指定书签。

2 CSS/DEFAULT目录说明(前台样式文件夹)..............错误未指定书签。

3 CSS/DEFAULT/SKIN_XXX,目录说明皮肤文件夹错误未指定书签。4 SKIN_XXX/BGIMG背景图片目录说明......................错误未指定书签。

5 主题皮肤制作流程.........................................................错误未指定书签。

6 补充说明.........................................................................错误未指定书签。

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 配置文件主要是修改里面的皮肤标题和皮肤描述。注意 COMP AT_VERS I ON,=,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定义页面菜单的当前状态。

RAKsmart 黑色星期五云服务器七折优惠 站群服务器首月半价

一年一度的黑色星期五和网络星期一活动陆续到来,看到各大服务商都有发布促销活动。同时RAKsmart商家我们也是比较熟悉的,这次是继双十一活动之后的促销活动。在活动产品中基本上沿袭双11的活动策略,比如有提供云服务器七折优惠,站群服务器首月半价、还有新人赠送红包等活动。如果我们有需要RAKsmart商家VPS、云服务器、独立服务器等产品的可以看看他们家的活动。这次活动截止到11月30日。第一、限时限...

腾讯云轻量服务器两款低价年付套餐 2核4GB内存8M带宽 年74元

昨天,有在"阿里云秋季促销活动 轻量云服务器2G5M配置新购年60元"文章中记录到阿里云轻量服务器2GB内存、5M带宽一年60元的活动,当然这个也是国内机房的。我们很多人都清楚备案是需要接入的,如果我们在其他服务商的域名备案的,那是不能解析的。除非我们不是用来建站,而是用来云端的,是可以用的。这不看到其对手腾讯云也有推出两款轻量服务器活动。其中一款是4GB内存、8M带宽,这个比阿里云还要狠。这个真...

virmach:AMD平台小鸡,赌一把,单车变摩托?$7.2/年-512M内存/1核/10gSSD/1T流量,多机房可选

virmach送来了夏季促销,价格低到爆炸,而且在低价的基础上还搞首年8折,也就是说VPS低至7.2美元/年。不过,这里有一点要说明:你所购买的当前的VPS将会在09/30/2021 ~ 04/30/2022进行服务器转移,而且IP还会改变,当前的Intel平台会换成AMD平台,机房也会变动(目前来看以后会从colocrossing切换到INAP和Psychz),采取的是就近原则,原来的水牛城可能...

xweibo为你推荐
百度k站百度是怎么样k站的呢?51自学网站网上自学网站有哪些?最好是免费的,我想学习网页设计唱吧电脑版官方下载电脑怎么安装唱吧,要能用的,请教教程,谢谢畅想中国用“心系祖国情,畅想中国梦”为题目的800字作文云挂机云挂机每天2+元你提了吗?电子商务网站模板我想开发一个电子商务网站,但是想加入自己设计的模板,可以吗?虚拟机软件下载谁有好用的虚拟机软件?gbk编码表GBK码表怎么查如何清理ie缓存怎么清除IE缓存网站排名靠前全国B2B网站排名靠前的有哪些
西安服务器租用 高防服务器租用qy vps论坛 高防直连vps 过期已备案域名 全球付 全能主机 天互数据 卡巴斯基免费试用版 in域名 国外视频网站有哪些 闪讯官网 ebay注册 东莞主机托管 阿里云邮箱登陆地址 网络速度 SmartAXMT800 空间排行榜 架设代理服务器 dell服务器论坛 更多