日期:2013-12-11 浏览次数:21329 次
细心的朋友们也许早已发现这个选项了,不过不断懒着没写说明,如今补上:)
每改动一点点皮肤要手动更改校友的10+个皮肤文件多有点慢性他杀,更别提Qzone的4、50套皮肤了。有了CssGaga的皮肤1toN,你就可以只维护其中一套皮肤,当然还有一个替换规则文件skin.csv。
依据项目现有的规则,比如有3套皮肤:
skin1/py.source.css skin2/py.source.css skin3/py.source.css
比如只维护skin1,其余的skin2、skin3自动生成,则将替换规则文件skin.csv放置在skin1文件夹中,即
skin1/py.source.css skin1/skin.csv skin2/py.source.css skin3/py.source.css
skin.csv可以用office的excel来编辑
备注 | skin1 | skin2 | skin3 |
---|---|---|---|
链接色 | #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} |
要留意以下几点:
.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}
所以规则里要写后者
以上两步做好后就与日俱增了,平时维护的就只要这两个文件
skin1/py.source.css skin1/skin.csv
依据skin1就可以自动生成所有皮肤:
如果同时选择的有自动同步,则自动把生成的皮肤拷贝到几个测试环境去了,爽吧,有了CssGaga,准时下班不再是梦:)