Skins look ugly!?

I feel the same way. I'm resigned to using FCKEditor (w/ the Aluminum skin from here) until CKEditor gets itself a non-ugly skin.

Wow, really? I think the skins look great - they're much cleaner than they were in FCKeditor. I do agree with the wasted space, though. Maybe they could make the toolbar icons and structure a bit smaller it would be better, but I like it so far.

I've got to agree. Skins are ugly. I find a lot of the icons very blurry. Look at the 'Link' and 'Unlink' icons, you can hardly tell the difference. The 'look' unfortunately comes across as a bit amateurish, probably because of the choice of colours. I realise you were trying for a pastel Web 2.0 kinda look, but it doesn't work for me.

However, the rest of your new sites CKSource, CKEditor etc. look great. Well done.

I second that, the skins look really terrible! I mean common: Red/orange buttons?! The icons look way worse then the ones from the previous versions.

Anyone know if I can just replace the images with the ones in the previous version? Just by replacing the sprites.png file? Then it would be ok.


It works great, but the design really needs an overhaul...


/J

Perhaps I am being too simple on this one. I too agree that the new skin "kama" looked far less than anything I will ever use. I did like the older version better. Now, that being stated I see that the version 2 "v2" skin is still there for us to use so why is it that those that do not like the kama skin "raises hand" simply reskin for "v2"? That is exactly what I did using the "skin: 'v2' " feature and now I am happy once again as I have what I still consider the best of the 3 skins to choose from.

I disagree, i think the skins look ok.

I have however changed as many icons as i could for the kama skin so that they use FamFamFam icons (silk is the set i think)



Update, the link died before so i'm uploading it again: http://www.filedropper.com/icons_3

I think it makes it look a bit better

veganista wrote:I think it makes it look a bit better

I am very curious!

well you can see what it looks like in the screen shot above.

I've only changed the icons, nothing else to do with the skin, most of the icons are the same they are just a bit nicer

News skins doesn't correspond to what i need, so i change some style and icons in the "v2" skin to include the new CKeditor in my production.

This is the result :



Thank to Ckeditor team for their great work. Ckeditor is a powerful and adaptable text editor.

Samffy wrote:News skins doesn't correspond to what i need, so i change some style and icons in the "v2" skin to include the new CKeditor in my production.

Thank to Ckeditor team for their great work. Ckeditor is a powerful and adaptable text editor.

Care to share it?


/J

Why not

You can download it here (33.1 Ko)

Of course, you can use it as you want. It's just a modification of the v2 original skin.

Samffy wrote:Why not

You can download it here (33.1 Ko)

Of course, you can use it as you want. It's just a modification of the v2 original skin.

Great! Thanks!


/J

Have you put this skin in the package for download yet? I really like the dark black look. GREAT job!

I thought the icons looked pretty ugly too. Since I love the Fugue set by Pinvoke, I rebuilt the icons.png file using icons from that set. Feel free to use it with a few notes:

• Some of the table/cell icons are doubled up because it wasn't immediately obvious to me what the purpose was, so I did a best guess.


• The Fugue set doesn't have a horizontal line, or image button icon, so I had to piece them together myself using the devkit that comes with the Fugue download.


• The new file is 19KB, up from the default which is 4KB. This is because the file is PNG-24 (the version with an 8-bit alpha channel).


• The icons as are provided under a Creative Commons Attribution 3.0 license, so you need a note somewhere that is visible to the users that provides attribution to Pinvoke (or buy a license).

Samffy wrote:Why not

You can download it here (33.1 Ko)

Of course, you can use it as you want. It's just a modification of the v2 original skin.

Can you repost/reupload this somewhere else. Mediafire isn't letting me download anything. It just redirects to the homepage.

Do these look ok for you under IE8? There's something odd about some of the icons (but only IE8... under chrome and firefox they look fine). On hover they look fine. It's odd because it's not all of them (the Numbered List icon looks bad, but the Bullet List icon looks fine).



Thanks,

Rob

Sorry, i don't come to CKSource for a long time.
Some peoples ask for my skin, so i reupload it here (33.1 Ko)

I hope this skin will be useful

[UPDATE]
I change the link, megaupload seems to have probleme, i can't active share on my link, so i try using rapidshare.

Samffy wrote:Sorry, i don't come to CKSource for a long time.
Some peoples ask for my skin, so i reupload it here (33.1 Ko)

I hope this skin will be useful

[UPDATE]
I change the link, megaupload seems to have probleme, i can't active share on my link, so i try using rapidshare.

The skin looks great! Thanks a lot for sharing~

I noticed that the new icons look terrible in IE if zoom mode other than 100%.

That's very interesting.
First you have found that the problem is only when zooming in IE, I think that no one else previously stated that.
And the the fact that the 2003 skin fails but v2 works it's also strange, as they are quite similar, but this should help to find the reason of the problem and a fix.

Hello guys,
Sorry to resume this post, but I find that even dialog boxes seems worst than old FCKeditor...
Look at these screenshots and judge you what looks better:

http://www.ivanhalen.com/editor/fckeditor.png
http://www.ivanhalen.com/editor/ckeditor.png

The fields in the first screenshots are "more aligned", there's no need of the horizontal scrollbar and buttons have more "air" between them...
Is there a way to resume these old dialog boxes in the nes CKeditor?
Thanks...

Just for information, i update my skin for the last version of CKEditor (3.2 rev 5205).
You can download it here

Hi guys,
I don't think the skins are up to much but I would rather the developers focus on the bugs and not the cosmetics.
Knowing how long it takes to create a CKEditor theme from scratch, I can't imagine that creating an elegant default theme is very high on the agenda.
I also don't expect a community effort to generate a really good one is likely because of the retailed support aspect of CKEditor.
Anyway, here are some screen shots of the skin I created for Pixie using the Oxygen icons.

The default view :



Click on the plus sign to the right and the advanced tool bar pops open :



I also themed all of the dialogues :



Looks good in full screen too :



WDYT?

The source is in the Pixie CMS google code repo and is shipped with Pixie 1.04 or greater.

(On a side note, this phpBB theme needs something like :

img{max-width:640px;}

adding to it's css.)

Thanks,
Tony

I can't see your screenshots?

Zanpakutō wrote:Hi guys,
I don't think the skins are up to much but I would rather the developers focus on the bugs and not the cosmetics.
Knowing how long it takes to create a CKEditor theme from scratch, I can't imagine that creating an elegant default theme is very high on the agenda.
I also don't expect a community effort to generate a really good one is likely because of the retailed support aspect of CKEditor.
Anyway, here are some screen shots of the skin I created for Pixie using the Oxygen icons.

The default view :



Click on the plus sign to the right and the advanced tool bar pops open :



I also themed all of the dialogues :



Looks good in full screen too :



WDYT?

The source is in the Pixie CMS google code repo and is shipped with Pixie 1.04 or greater.

(On a side note, this phpBB theme needs something like :

img{max-width:640px;}

adding to it's css.)

Thanks,
Tony

Tofudisan wrote:I can't see your screenshots?

Me too...

Tofudisan wrote:I can't see your screenshots?

ivanhalen wrote:Me too...

Fixed!!!

Here is how to fix the problem of the icons looking terrible in IE8 when the page is zoomed.

In /skins/*skin name*/editor.css, put position:relative in the divs that contain icons.png.

The problem is that IE8 has a bug where setting a transparency filter can cause the transparency in an image to be lost when zoomed. There is no reason I can see to have a transparency filter in the div with the icons, but the div inherits the filter from parent elements. It's not enough to change the opacity, the filter itself needs to be reset, which we can do with position:relative.

Does this work for you? I guess I should file a bug report so they can fix it for everyone, but better wait for feedback.

Hope this helps,

Kirk