This is Saulmade's FCKeditor skins page.
Open Source software is a reality today and an important choice. Financial support is important for every development effort on any business model, including Open Source. So please support me in my contribution to the FCKeditor.
Any amount
Donate 20€
Donate 40€
Saulmade, the author of
several FCKeditor plugins and skins,
offers freelance programming and
graphic design.

Our expertise includes PHP, MySQL, JavaScript
(Mootools, prototype/script.aculo.us), CSS, HTML/XHTML, AJAX, XML, Regular Expressions (Regex), the FCKeditor, Adobe Photoshop, Adobe ImageReady and 3DStudio Max.

Our goal is to deliver the best user experiece powerd by the most reliable back-end.


http://www.saulmade.nl



Styling the FCKeditor
The best open source webbased editor deserves some nice skins to tune it up to your taste!

You can find a demo on the bottom of this page...
Download the skins through the links below.


The 'famfamfamAluminum' skin.
Juli 2008: Updated the skin for FCKeditor 2.6+ (= new floating dialog system).
April 2007: Finally a new skin! For a long time I wanted to pour the great Silk icon set of Mark James into a skin for the FCKeditor. Now it is here! The Silk icons on brushed aluminum, a slick combination.
Note: This skin is only available for FCKeditor 2.3+.


The 'SilverNarrow' skin :
Juli 2008: Updated the skin for FCKeditor 2.6+ (= new floating dialog system).
April 2007: Updated the skin for FCKeditor 2.3+.
Februari 2006: End 2005 I saw andi_g - bcc2k having posted a skin on the FCKeditor sourceforge forum. The files weren't downloadable so I mailed him a request. He kindly offered them to me. ( Thanks andi_g! )
I've optimized this skin into the 'SilverNarrow' skin with several new icons and optimized CSS.


The 'Office2003Blue' skin :
Juli 2008: Updated the skin for FCKeditor 2.6+ (= new floating dialog system).
April 2007: Updated the skin for FCKeditor 2.3+.
Februari 2006: After the SilverNarrow skin (see above) was looking good I wanted to build a real looking 'Office2003' skin. I have named it the 'Office2003Blue' skin. I suggest that the existing 'Office2003' skin of the FCKeditor is renamed into 'Office2003LightBlue'...


This information block only applies to the 'SilverNarrow' and 'Office2003Blue' skins for FCKeditor 2.2 and lower.
Technical info of both of my FCKskins :
  • All the icons in my skins are 16 x 16 pixels.
  • (Design note: Images smaller than 16x16 pixels and that couldn't be centered, heel over to the left and the bottom (unless other aligning was needed because of look-a-like icons).)
  • In all CSS files I replaced 'IMG' by lowercase 'img'.
  • For my skins I've added a 'delete table' contextmenu icon
    You will have to enable it before it will appear in your FCKeditor: Set the 'hasIcon' attribute (the last attribute of the next code) for this item to true: new FCKContextMenuItem(this,'TableDelete',FCKLang.TableDelete,false). Do this in both the files 'FCKeditor/editor/js/fckeditorcode_gecko_2.js' and 'FCKeditor/editor/js/fckeditorcode_ie_2.js'. You'll find two occurences of it in each file. Unfortunately this icon is not compatible with the existing skins, because its size is 16x16 pixels and because of the default size definitions in the FCKedtor code, this icon will appear stretched...
  • fck_editor.css : Added several classes that affect the toolbar items and height and width dimensions are added where necessary.

I've suggested some code changes for improving the freedom of skins designers and improving compatibility between skins. Read them here.

I wrote some skin development rules and added them to the wiki site of FCKeditor here.

!! All skins MUST have a height definition for the classes '.TB_Button_Off, .TB_Button_Disabled, .TB_Combo_Off, .TB_Combo_Disabled' in their fck_editor.css to make the button opacity work for IE (i.e. get the possibility of greyed out buttons)


Links :
- The forum thread about these skins: FCKeditor forum @ sourceforge.net
- Plugins for the FCKeditor created by Saulmade: http://www.saulmade.nl/FCKeditor/FCKPlugins.php
- Snippets for the FCKeditor created by Saulmade: http://www.saulmade.nl/FCKeditor/FCKSnippets.php
- The FCKeditor's official web site: http://www.fckeditor.net/
- FCKeditor @ Sourceforge: http://sourceforge.net/projects/fckeditor/
- Download the FCKeditor: http://www.fckeditor.net/download/default.html
- download Download the 'famfamfamAluminum' skin for FCKeditor: FCKeditor skins @ sourceforge.net
- download Download the 'SilverNarrow' skin for FCKeditor: FCKeditor skins @ sourceforge.net
- download Download the 'Office2003Blue' skin for FCKeditor: FCKeditor skins @ sourceforge.net

Other work by Saulmade :
- The Nature theme for Gallery2 : http://www.saulmade.nl/naturetheme/
- Extended modules for gallery2 : http://www.saulmade.nl/g2modules/
- The seatingScript : http://www.saulmade.nl/seatingScript/indexEN.html
- Or see the Dutch website including the portfolio (sites) of Saulmade : http://www.saulmade.nl/


FCKeditor - Skins demo

Select the skin to load: