See also my personal page I've set up for these skins, incl. a demo: http://www.saulmade.nl/FCKeditor/
Both skins are downloadable on the sourceforge FCKeditor's skin page : http://sourceforge.net/tracker/?group_i ... tid=740153
The 'SilverNarrow' skin :
Some time ago I saw andi_g - bcc2k having posted a skin on the FCKeditor sorceforge forum (http://sourceforge.net/forum/message.php?msg_id=3005195). The files weren't downloadable so I mailed him a request for it. He kindly offered them to me and I could optimize and distribute the skin. ( Thanks andi_g! )
This skin I've optimized into the 'SilverNarrow' skin with several new icons and optimized CSS.
After the SilverNarrow skin was looking good I wanted to build a real looking 'Office2003' skin. I have named it the 'Office2003Blue' skin.
Sun, 02/05/2006 - 09:44
#1
IE opacity necessity
Skin name change proposal
I humbly suggest that the existing 'Office2003' skin of the FCKeditor is renamed into 'Office2003LightBlue' ...
This because I think that name will better reflect the skin's look. Especially next to other office skins like my 'Office2003Blue' skin.
For this same reason I would rename the 'Default' skin to 'FCKeditor' and the 'Silver' skin into 'SilverSquares'.
These proposed new names are in use on my demo page : http://www.saulmade.nl/FCKeditor/
Skin Development Guidelines
I wrote some Skin Development Guidelines and added them to FCKeditor's Wiki: http://wiki.fckeditor.net/Developer%27s ... c443c8a821
Code changes for skin designers' freedom
Everywhere in the code a width and hight attribute is used in the IMG tag. Of course these *default* values for the images' dimensions can be overridden by skin CSS. But I think it isn't bad to remove these default sizes. With the defaults the skin designers are forced to set the images height and width in the CSS files. Without them, the images their actual size would be used...
Moreover, icons aren't interchangeable this way (that is, if they aren't the default size) !
The files that have these hardcoded defaults are: _source/classes/fcktoolbar.js; _source/classes/fcktoolbarbutton.js; _source/classes/fcktoolbarpanelbutton.js and
_source/classes/fckcontextmenuitem.js
(I'm not sure if these are them all though).
A minor suggestion is the next one: I think it would be good to give the toolbar seperator a class too. That would be in _source/classes/fcktoolbar.js. Adding to the function 'AddSeparator' the next line:
oCell.className = 'TB_Separator' ;
Another suggestion, one about combo boxes :
I have been trying to get padding on the comboboxes. (So that e.g. the format combobox would be able to get a space before its fieldCaption and after its fieldButton) This by use the existing classes and by changing the code and assigning a new overall class. But without success.
Wouldn't it be an idea to let the combobox have a 'SC_Combo' class assigned to its top level so that padding can be assigned easily, giving the skin designers even more freedom?
Question about item mouseover background images :
I've used a new background image ('toolbar.itemhoverbackground.gif') to colorize the background of the toolbar items. But in IE it must allways reload onmouseover of every item so it seems. Can't this be cached in some way?
RE: Code changes for skin designers' freedom
I have some other ideas about how to improve fckeditor and I'd like to contribute to the svn. I already sent an email to the project admin to join this project.
Technical info of both these FCKskins
This info can be found also on my personal FCKskins page: http://www.saulmade.nl/FCKeditor/
* 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 for it to 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...
(See a suggestion for some code changes below in this thread)
* fck_editor.css : Added several classes that affect the toolbar items and height and width dimensions are added where necessary.
RE: Technical info of both these FCKskins
Any ideas on how i might debug this issue?
RE: Technical info of both these FCKskins
RE: Two new skins: Office2003Blue + SilverNar
I just tried to give the fck installed on http://zinux.de/FCKeditor/_samples/html ... tml?silver a more golden aqua look, not ready yet, by far not. Someone interested into the few patched files? Their base have been the silver. What I did:
1. in file .../skins/silver/fckeditor.css:
.TB_ToolbarSet, .TB_Expand, .TB_Collapse{
cursor: default;
/*background-color: #f7f7f7; Org,became:*/
background-color: #efefec;/*bgcolorOfToolbar*/
background-image: url(images/toolbar_bg.gif);
background-position:0px 2px;
}
2.Changed ./fck_strip.gif 4my icons
3.Pixeled some bits in toolbar_buttonbg.gif
As a 1st step, one could see whats intended: Colors conformism to http://www.yasp.ch/gb.asp?user=Konfuszinux! But this not yet is a fck_theme as defined. If there is Interest I'll read the docs and do these pixels as a theme.
WellenZillich(zinux@zinux.de)
RE: Two new skins: Office2003Blue + SilverNar
RE: Two new skins: Office2003Blue + SilverNar
I'm not involved in the changes but I know why they are in one strip: some people felt that loading one big gif file was faster than loading 30 small ones.
It's actually true - it is faster to load because of the smaller number of HTTP connections. However, the irony of it all is that the splicing of the image via JS makes the editor slower to redisplay when going to a different page.
Let me explain:
- Method 1: 30 small files load slowly, on the next page they are fetched from the cache super fast and displayed immediately
- Method 2: 1 big file loast fast, on the next page it's fetched from the cache super fast and displayed after a delay while the js tries to display the icons in the right order, etc.
Not complaining, just saying
Skins updated for FCKeditor 2.3+ and new skin
I have updated the skins for FCKeditor 2.3+!
In the download area, you can select between two versions, the old (2.2 and lower) and the new versions (2.3 and higher): http://sourceforge.net/tracker/?group_i ... tid=740153
Check out my FCKskins page for more information and a demo:
http://www.saulmade.nl/FCKeditor/FCKSkins.php
As a super extra I have created a new skin, the famfamfamAluminum skin! It's all (incl. demo) on my FCKskins page or see its own forum thread: http://sourceforge.net/forum/forum.php? ... _id=257179