Cssgaga Tutorial: Skin 1toN

Article Introduction: cssgaga– skin 1toN.

Careful friends may have already found this option, but have been lazy did not write instructions, now fill:

Changing a little bit of skin to manually change alumni's 10+ skin file a little more chronic suicide, not to mention Qzone 4, 50 sets of skin. With Cssgaga skin 1toN, you can only maintain one set of skins, and of course there is a replacement rule file skin.csv.

1. How skin files are organized

According to the existing rules of the project, for example, there are 3 sets of skin:

Skin1/py.source.css
skin2/py.source.css
skin3/py.source.css

For example, only maintain skin1, the rest of the skin2, Skin3 automatically generated, the replacement rule file Skin.csv placed in the Skin1 folder, that is

Skin1/py.source.css
skin1/skin.csv
skin2/py.source.css
skin3/py.source.css

2. Principles for the preparation of skin.csv

Skin.csv can use Office Excel to edit

Notes	skin1	skin2	skin3
Link color	#077D01	#A86000	#395690
	#3D5668	#7E2225	#4E4F53
The animal is being despised by the 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}

The following points should be noted:

1. 1th column: for remarks. Can be left blank, but must have this column
2. Line 1th: The second column must be the name of the folder where the Skin.csv is located, followed by the folder name of the rest of the skin
3. 2nd + line: To replace the rule. After the Cssgaga compressed code, such as color value #ffffff compressed to #fff, then here to write the value of the compressed #fff, such as

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

   will be compressed into Cssgaga

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

   So the rules have to write the latter.

3. Skin 1toN

The above two steps are done once and for all, usually maintain only these two files

Skin1/py.source.css
Skin1/skin.csv

All skin can be generated automatically based on skin1:

1. Tick Skin 1toN
2. Drag the skin1/py.source.css into the Cssgaga
3. The dazzling scrolling screen of the Cssgaga text box

If you choose to have automatic synchronization , it will automatically copy the generated skin to a few test environment to go, cool bar, with Cssgaga, on time work is no longer a dream:)

cssgaga– Skin 1toN View more VideosFrom Ytzong