On: 2008/05/12 Viewed: 34775 times
Shorter URL for this page: http://ozh.in/kx

WordPress 2.5 introduced per-user admin color schemes, letting you style and design your own admin area. This said, how easy is it to craft a nifty CSS with harmonious colors? For most of us, it's definitely not easy. With the Admin CSS Designer plugin, for all of us it's going to be fun, easy, and addictive!

COLOURlovers

COLOURlovers is a design community focused on colors and sets of colors, palettes. It's a color and design blog. It's a community of color lovers who create hundreds of thousands of colors, palettes and patterns.

Ozh & COLOURlovers' Admin CSS Designer

This plugin pulls colorful palettes from COLOURlovers, and lets you re-arrange, tweak and modify colors, then save them real time. No dirty hand CSS editing. Right below is a 3 minutes quick demonstration of how the plugin looks and what it can do :

Usage and explanations

Once you've activated the plugin, head to your Profile page, and pick the "Random CSS + Designer Tools". This very special stylesheet will load a random palette from COLOURlovers and make a color scheme for your admin area. It will also load the Designer Tool.

This colorful and powerful tool has 5 controls:

Dismiss: not happy with the palette you got? Forget it and load another one.
Rotate: looks good but it's not it yet? How about rotating colors so they apply and match differently on the page?
Lock: by default, a new palette loads on every page. Unless you lock your current palette, of course.
Save: Got something pretty? Save it as a standalone CSS that will be available in your Profile.
Pick: Found a palette you love on COLOURlovers? Enter its number and load it as a stylesheet.
Undo: (not shown here) Of course, there's an undo button. It will simply revert to the original palette if you don't like your changes.

Of course, you are in command. If you find a pretty palette but want to switch two colors, simply drag them. Or, if you want to completely change a color, click the little color swatch, and colorize the way you feel it.

The plugin comes with a handy bookmarklet: whenever you visit a palette you like on COLOURlovers, you're a click from making it an admin CSS for your blog!

Bundled with the plugin, you'll find 10 custom color schemes made from 10 COLOURlovers' palette. Play with them, preview them, delete them, then make your own!

What for ?

There are two ways to give your admin area some color love.

#1: Let the tool charm you on every page
During the few weeks of coding this baby, this is what I've been doing: just let the plugin load a new and refreshing color scheme on every page. Got something ugly or that makes things unreadable? Just click the "Dismiss" button and get another one. In about 8 times out of 10, you'll get a really cool color scheme. And you'll often get something so beautiful that you'll want to save it :)

#2: Use it to make your definitive color scheme
If you just want to make the most beautiful CSS ever with the crispiest colors ever, the Admin CSS Designer plugin is your perfect tool. Edit and modify colors real time in every page until what you see is what you love, save the palette as a standalone stylesheet, and use it forever.

Download

Download the plugin :
ozh-colourlovers-admin-css-designer.zip
Extract and upload to your blog, preserving directory structure, then activate.
Note: download counter here and stats on wordpress.org may differ and reflect the number of downloads made directly there

Credits, limitations, misc stuff

  • The cute icons used in this plugin are coming from famfamfam's silk set. Awesome work.
  • Photos here above by Cliff Robin and DailyPic
  • The cool music in the above video is "More Than a Feeling" from Boston. Used with absolutely no permission from anybody, but hey, I do own the CD :)
  • The plugin was coded for and with Firefox. I don't have access to Safari, but it should be as cool as intented. With MSIE and it's as fugly as expected, and some features are disabled. You've been warned.
  • Visit COLOURlovers and read their blog. It's truely awesome.
  • If you use and like the Admin CSS Designer plugin, blog and tell the world about it!

Shorter URL

Want to share or tweet this page? Please use this short URL: http://ozh.in/kx

Metastuff

This page "The Admin CSS Designer Tool: a COLOURlover WordPress Plugin" was posted on 12/05/2008 at 11:55 pm
Watch this discussion : Comments RSS 2.0.

57 Blablas

    Pages: [1] 2 » Show All

  1. 1
    Give your Admin Area Some Colorful Love ... United States »
    pingback on 13/May/08 at 12:15 am # :

    [...] it goes: I'm pleased to introduce the Admin CSS Designer, a plugin that lets you design and tweak real time your admin color scheme. It fetches colorful [...]

  2. 2
    Bender Zone » Farben im Adminberei... Germany »
    pingback on 13/May/08 at 8:44 am # :

    [...] Wem die Auswahlmöglichkeiten für die Farben des Adminbereiches von WordPress nicht ausreichen, der sollte unbedingt einen Blick auf dieses Plugin werfen: Admin CSS Designer von Ozh [...]

  3. 3
    Plugins, plugins, plugins! - Doe Niet Zo... Netherlands »
    pingback on 13/May/08 at 10:46 am # :

    [...] Ozh & ?COLOURlovers Admin CSS Designer, een hele mond vol. Haalt kleurenschema's van COLOURLOVERS binnen die je dan voor het WordPress backend kunt gebruiken. Grappig, hoewel ik momenteel toch bij "Fris" blijf. [...]

  4. 4
    WPCandy » COLOURlovers Admin CSS Design... United States »
    pingback on 13/May/08 at 12:00 pm # :

    [...] site's admin colors with built-in COLOURlovers functionality. Looking at the video demo on Ozh's blog, it looks like a pretty functional plugin. Here's what we [...]

  5. 5
    Dan Philibin » Blog Archive »... United States »
    pingback on 13/May/08 at 1:04 pm # :

    [...] site's admin colors with built-in COLOURlovers functionality. Looking at the video demo on Ozh's blog, it looks like a pretty functional plugin. Read the [...]

  6. 6
    Kevin Paquet Philippines »
    commented, on 13/May/08 at 2:45 pm # :

    Cool Plugin, I've given it a try and am currently using it.
    Having it set to display random colors is real fun, one time its too light and then too dark.
    Awesome to have some fun at the back end :)

  7. 7
    Gabfire web design » Additional co... United States »
    pingback on 13/May/08 at 4:32 pm # :

    [...] are not handy with CSS and would like to try some different color schemes, you should give a try to COLOURlover WordPress Plugin. Written by Mehmet on May 13, [...]

  8. 8
    WordPress Modder United States »
    replied, on 13/May/08 at 6:36 pm # :

    Great plugin!

    I have this working successfully in the Admin blog of my WPMU install. Do you know of a way that I might choose a color scheme in my Admin blog and then apply that color scheme to ALL OTHER ADMIN BLOGS in my WPMU install?

  9. 9
    Jule Germany »
    wrote, on 14/May/08 at 2:41 pm # :

    doesn't work on my space… the Designer Tool is not loaded when I click on "Random CSS" (with all other plugins deactivated) :( but the idea is really good!

  10. 10
    Jule Germany »
    said, on 14/May/08 at 2:49 pm # :

    ah okay, needed to rename the folder… it's working now *yay* :)

  11. 11
    Doug United States »
    said, on 16/May/08 at 4:25 pm # :

    Nice plugin! Great idea to integrate ColourLovers for a huge resource for color palettes.

    There is a bug in how your Bookmarklet is generated: it relies on get_settings('home') instead of get_settings('siteurl'). These two options give the same value when WordPress is installed in the root directory of the blog, but different values otherwise. See http://codex.wordpress.org/Giving_WordPress_Its_Own_Directory

    Thanks for this plugin!

  12. 12
    Ozh France »
    wrote, on 16/May/08 at 5:03 pm # :

    Doug » Thanks for the pointer! I've fixed it.

  13. 13
    35 (New) WordPress Plugins for an Effect... United States »
    pingback on 19/May/08 at 2:18 am # :

    [...] View it here | [...]

  14. 14
    ovidiu Germany »
    wrote, on 19/May/08 at 11:32 am # :

    just incredible. Ozh, your plugins great.

  15. 15
    terin United States »
    said, on 20/May/08 at 1:52 am # :

    Sorry but it didn't work for me in firefox or safari. the designer tool never loaded. even tried renaming the folder. nice idea though.

  16. 16
    Cel United States »
    replied, on 08/Jun/08 at 1:56 am # :

    Hail, fellow COLOURlover, and great idea. I'll have a use for this plugin in the next few weeks. ^^

  17. 17
    barbilee United States »
    replied, on 11/Jun/08 at 9:56 pm # :

    i never could get the colors to work and the tool thing to pop up what am i doing worng i want this so bad

  18. 18
    Dannii United Kingdom »
    wrote, on 14/Jun/08 at 10:50 pm # :

    Hey, I've just download and installed the plugin. I haven't even looked at what it has to offer yet… but I really got annoyed with the (heart)(heart)Admin CSS Designer on my pretty drop downs. Is there anyway I can change how that appears because it messes up my drop downs =( Thank you.

  19. 19
    Ozh France »
    thought, on 14/Jun/08 at 11:21 pm # :

    Dannii » Sure, just edit the header of the plugin file

  20. 20
    Dannii United Kingdom »
    wrote, on 14/Jun/08 at 11:52 pm # :

    I changed the pluin name in wp_ozh_cl.php to admin css designer but that didn't do it. If that is where you mean then I will obviously need to log out and resfresh a few times…i take it?

    thank you!

  21. 21
    WPCandy - WordPress Themes, Plugins, Tip... United States »
    pingback on 26/Jun/08 at 12:01 pm # :

    [...] Ozh's Admin CSS Designer Tool [...]

  22. 22
    Iva Republic of Serbia »
    commented, on 27/Jun/08 at 5:45 am # :

    Ok…I tried out the plugin and I see it has amazing potential and I definitely want to use it in future; but I have two issues with it:

    1) I'm an IE 7 user and I cannot retrieve the pallete I want, because there's a Javascript error of some sorts.

    2) If I enable the COLOURlovers RSS feed on the plugin's options, I cannot add any other RSS feed I'd like to retrieve data from (I'm using Viper007bond's plugin to customise the Dashboard).

    I hope my feedback is useful:)

  23. 23
    Iva Republic of Serbia »
    wrote, on 27/Jun/08 at 5:46 am # :

    And this is not my country's flag :(
    And that country broke in two more than 2 years ago, so this was not my ex-country's flag.

    So, that would be feedback for one of the other plugins, I guess. ^_^

  24. 24
    Ozh France »
    thought, on 27/Jun/08 at 1:01 pm # :

    Iva » I'm not an IE7 user, so I'm afraid I won't pull my hair fixing stuff for this browser :)
    As for the RSS feed bug, thanks for the report, I'll have a look at it when I have some time

  25. 25
    r3ck0rd Indonesia »
    wrote, on 03/Jul/08 at 10:20 am # :

    Hey, one useful plugin. Thanks there Ozh :P
    I'd like to write some reviews of your plugins I use, if you want to :P

  26. 26
    Humberto Brazil »
    thought, on 07/Jul/08 at 8:06 pm # :

    Hello,
    I liked very much this plugin, thank you. I just want to report a little problem.
    I have several wp installations on the same server, these wp installs use the same plugin directory through a symbolic link. This makes plugin management and update much more easier.

    But with this configuration, your plugin do not works very well, Maybe there is some php function that gets the plugin dir wrong and the paths of the .js and .css files on the admin theme header appear like this: "http://site.com/wp-content/www/var/plugins/ozh…".

    Thanks
    Humberto

  27. 27
    Admin CSS Designer » Wordpress Plu... Denmark »
    pingback on 10/Jul/08 at 8:23 am # :

    [...] Version: n/a – License: GPL – Author: planetozh – Plugin Page – » Download [...]

  28. 28
    Os melhores plugins para Wordpress (Part... United States »
    pingback on 26/Jul/08 at 6:28 pm # :

    [...] [...]

  29. 29
    Zee United States »
    commented, on 01/Aug/08 at 9:34 pm # :

    This may sound stupid but I was wondering how I could go about to enable the designer tool to be active on every page?

  30. 30
    Zee United States »
    commented, on 01/Aug/08 at 10:37 pm # :

    Admin page I mean, mostly because I would like to change the colors and arrangement after I have selected them

  31. 31
    Ozh France »
    commented, on 01/Aug/08 at 11:58 pm # :

    Zee » It is active on every admin page.

  32. 32
    impropio Venezuela »
    commented, on 08/Aug/08 at 7:58 pm # :

    Excellent!!
    Thanks!!
    :-)

  33. 33
    datenschmutz.net Germany »
    trackback on 27/Aug/08 at 2:24 pm # :

    WordPress Plugins: Mehr Komfort für den Admin…

    Vor allem bei der Backend-Usability bietet WordPress viel Verbesserungspotential. In diesem Posting stelle ich die besten Helferlein für Admins und Blogger vor – denn wer will mit der Maus schon mehr Kilometer zurücklegen als notwendig?
    ……

  34. 34
    VietNam WordPress Club » 35 (New) ... Viet Nam »
    pingback on 19/Sep/08 at 7:25 am # :

    [...] View it here | [...]

  35. 35
    Admin CSS Designer - WP Plugin Archive Germany »
    pingback on 30/Sep/08 at 9:23 am # :

    [...] Plugin Admin CSS Designer holt von der Website COLOURlovers Formkombinationen für das CSS Design und zeigt diese im [...]

  36. 36
    5 plugins para modificar completamente o... Portugal »
    pingback on 13/Oct/08 at 6:35 pm # :

    [...] 5. Ozh's Admin CSS Designer Tool [...]

  37. 37
    ScooterSchalk South Africa »
    wrote, on 22/Oct/08 at 6:52 pm # :

    Hi, love the plugin, and came accross it while searching for something else. I would like a plugin that allows the viewer to change the colour of a picture on a page, so they can see what colour t-shirt they prefer. That available that you know of?
    Many Thanx

  38. 38
    Ozh France »
    thought, on 22/Oct/08 at 7:05 pm # :

    ScooterSchalk » Don't know.

  39. 39
    (??) ????????-WordPress ?? | Satime United States »
    pingback on 31/Oct/08 at 8:00 pm # :

    [...] Demonstration View it here | Download [...]

  40. 40
    ???? | CALLME8(???)???? United States »
    pingback on 01/Nov/08 at 3:48 pm # :

    [...] ??? | [...]

  41. 41
    Penny Butler Australia »
    wrote, on 08/Nov/08 at 7:50 pm # :

    Hiya,

    Love the plugin for my own use.. is there a way to make it the default for all new users though, or do they have to go into their profile to choose it?

    If there's a way to make it the default, then this plugin will be an absolute dream for all those that have membership blogs..

    Kind Regards,

    Penny

  42. 42
    Admin branding | blog.astar.si Slovenia »
    pingback on 18/Jan/09 at 2:17 am # :

    [...] Ozh’s Admin CSS Designer Tool [...]

  43. 43
    Ozh & COLOURlovers’ Admin CSS ... United States »
    pingback on 30/Jan/09 at 10:53 pm # :

    [...] pull colorful palettes from COLOURlovers.com and make admin CSS for you. You can make, edit …..read more Download Plugin! Version 1.0.1 Last Updated: August 11, 2008 [...]

  44. 44
    Renzo Argentina »
    said, on 12/Apr/09 at 11:44 pm # :

    Hi!
    How can I create a widget to show in my site the last colourlovers´s colors?. I´m not programmer but i think is not too complicate whit your plugin.
    Sorry for my english.

    Thxs!

  45. 45
    Ozh France »
    replied, on 13/Apr/09 at 12:19 am # :

    Renzo » My plugin has nothing to do with such a widget

  46. 46
    Renzo Argentina »
    wrote, on 13/Apr/09 at 12:47 am # :

    Ozh, thanks for your reply!
    Yes, I know, but your plugin use the api of colour and some of js. Then to show in a site must be simple. Or not?
    Exitos!

  47. 47
    Natalia United States »
    replied, on 14/Apr/09 at 5:18 pm # :

    Hey this is an amazing plugin, but I can't get the design tool to load on IE and Firefox. I want to use it so bad! I noticed someone said renaming folders, what do I rename?

  48. 48
    Ozh France »
    wrote, on 14/Apr/09 at 9:17 pm # :

    Natalia: there's nothing to rename. Note that the plugin is (currently) for a deprecated version of WP.

  49. 49
    COLOURlovers Admin CSS Designer Tool | W... United States »
    pingback on 15/Jul/09 at 8:58 am # :

    [...] site's admin colors with built-in COLOURlovers functionality. Looking at the video demo on Ozh's blog, it looks like a pretty functional plugin. Here's what we [...]

  50. 50
    6 Plugins for Branding the WordPress Adm... United States »
    pingback on 16/Jul/09 at 8:37 pm # :

    [...] Ozh's Admin CSS Designer Tool [...]

Pages: [1] 2 » Show All

Leave a Reply

Comment Guidelines or Die

  • HTML: You can use these tags: <a href=""> <em> <i> <b> <strong> <blockquote>
  • Posting code: Post raw code (no <> &lt; etc) within appropriate tags : [php][/php], [css][/css], [html][/html], [js][/js], [sql][/sql], [xml][/xml], or generic [code][code]
  • Gravatars: Curious about the little images next to each commenter's name ? Go to Gravatar.
  • Spam: Various spam plugins on patrol. I'll put pins in a Voodoo doll if you spam me.
  • I will mark as Spam test comments, all comments with SEO names (ie "My Cool Online Shop" instead of "Joe") or containing forum-like signatures.