CssGaga教程:皮肤1toN

2024-07-11 09:02:35

字体：大中小

来源：转载

供稿：网友

武林网(www.vevb.com)文章简介：CssGaga – 皮肤1toN.

细心的朋友们也许早已发现这个选项了，不过一直懒着没写说明，现在补上:)

每改动一点点皮肤要手动更改校友的10+个皮肤文件多有点慢性自杀，更别提Qzone的4、50套皮肤了。有了CssGaga的皮肤1toN，你就可以只维护其中一套皮肤，当然还有一个替换规则文件skin.csv。

1. 皮肤文件的组织方式

根据项目现有的规则，比如有3套皮肤：

skin1/py.source.cssskin2/py.source.cssskin3/py.source.css

比如只维护skin1，其余的skin2、skin3自动生成，则将替换规则文件skin.csv放置在skin1文件夹中，即

skin1/py.source.cssskin1/skin.csvskin2/py.source.cssskin3/py.source.css2. skin.csv编写原则

skin.csv可以用office的excel来编辑

备注skin1skin2skin3

链接色#077D01#A86000#395690

#3D5668#7E2225#4E4F53

禽兽被yt鄙视的写法.frd-add-list .act button.cfm{background-color:#57913c;background-position:0 -160px}.frd-add-list .act button.cfm{background-color:#ea7b21;background-position:0 -244px}.frd-add-list .act button.cfm{background-color:#0f7ba3;background-position:0 -202px}

要注意以下几点：

第1列：为备注。可留空，但是必须有这一列

第1行：第二列必须为skin.csv所在的文件夹名，之后分别为其余皮肤所在的文件夹名

第2+行：为替换规则。以CssGaga压缩后的代码为准，比如色值#ffffff被压缩为了#fff，则这里要写压缩后的值#fff，再比如.frd-add-list .act button.cfm { background-color:#57913c ;background-position:0 -160px; }

会被CssGaga压缩成

.frd-add-list .act button.cfm{background-color:#57913c;background-position:0 -160px}

所以规则里要写后者

3. 皮肤1toN

以上两步做好后就一劳永逸了，平时维护的就只有这两个文件

skin1/py.source.cssskin1/skin.csv

根据skin1就可以自动生成所有皮肤：

如果同时选择的有自动同步，则自动把生成的皮肤拷贝到几个测试环境去了，爽吧，有了CssGaga，准时下班不再是梦:)

CssGaga – 皮肤1toN

View more videos from ytzong

上一篇：CssGaga教程:css合并与CSS优化

下一篇：CssGaga教程:自动同步文件和哀悼日网站一键变灰