CKEditor 4 Documentation

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 (for Firefox), Opera Dragonfly or the Google Chrome Developer Tools. With these 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.