Fredck at 16:25, 26 July 2012

2012-07-26T16:25:20Z

Fredck: Created page with "{{#CUSTOMTITLE:Bringing Your Skin to Life}} At this stage you have a started a skin that is eventually identical to the existing one you have chosen. Now it is time to bring y..."

2012-07-26T16:21:56Z

Created page with "{{#CUSTOMTITLE:Bringing Your Skin to Life}} At this stage you have a started a skin that is eventually identical to the existing one you have chosen. Now it is time to bring y..."

New page

{{#CUSTOMTITLE:Bringing Your Skin to Life}}
At this stage you have a started a skin that is eventually identical to the existing one you have chosen. Now it is time to bring your ideas to life, by making changes to the skin files.

The bad part of basing your work on an existing skin is the tendency of making both skins too similar. Or to reuse many of the solutions proposed on the base skin. Because of this, try to see your skin with different eyes and keep in mind that you can change it drastically if you want, having something that has nothing to do with the original skin.

To start, it is recommended opening all files in the skin folder and understanding their scope and contents. The Kama skin is fully documented, so its files are the best learning resources for in-depth technical aspects.

Skin developers have powerful tools available, which make it easy to work on CSS files. The most important tool is the "elements inspector", available in applications like Firebug (Firefox), Opera Dragonfly or the Developer Tools of Google Chrome. With this tools you can change or add CSS style rules to elements and see the results on the fly. Then just port the changes to the CSS files. We strongly recommend this approach.

← Older revision		Revision as of 16:25, 26 July 2012
Line 6:		Line 6:
	To start, it is recommended opening all files in the skin folder and understanding their scope and contents. The Kama skin is fully documented, so its files are the best learning resources for in-depth technical aspects.		To start, it is recommended opening all files in the skin folder and understanding their scope and contents. The Kama skin is fully documented, so its files are the best learning resources for in-depth technical aspects.

−	Skin developers have powerful tools available, which make it easy to work on CSS files. The most important tool is the "elements inspector", available in applications like Firebug (Firefox), Opera Dragonfly or the Developer Tools ~~of Google Chrome~~. With this tools you can change or add CSS style rules to elements and see the results on the fly. Then just port the changes to the CSS files. We strongly recommend this approach.	+	Skin developers have powerful tools available, which make it easy to work on CSS files. The most important tool is the "elements inspector", available in applications like [http://getfirebug.com/ Firebug] (for Firefox), [http://www.opera.com/dragonfly/ Opera Dragonfly] or the [https://developers.google.com/chrome-developer-tools/ Google Chrome Developer Tools]. With this tools you can change or add CSS style rules to elements and see the results on the fly. Then just port the changes to the CSS files. We strongly recommend this approach.

CKEditor 4.x/Skin SDK/Customize - Revision history

Fredck at 16:25, 26 July 2012

Fredck: Created page with "{{#CUSTOMTITLE:Bringing Your Skin to Life}} At this stage you have a started a skin that is eventually identical to the existing one you have chosen. Now it is time to bring y..."