Chameleon CSS

ooo, excellent, I wanted to do this a lot time ago

Hello Nutrawee:
First of all, thank you for sharing this great plugin with us.
I need some help.
Im using wp 2.8.4 with the thematic theme framework.
My server is PHP 5.2.9

I can’t get the plugin to work, Firebug’s console displays the following error:

$ is not a function
http://mydomain.com/
Line 31

$(document).ready(function() {\n

the “ccss_header_scripts” function that’s correctly placed in the header but fails to print the stylesheet link below.

I tryed deactivating all plugins but still have no luck.
I suppose it might be a jquery problem, my header has only this instance of jquery:

Thank you in advance!

I’m very happy that you intend to use CCSS plugin, and thank you for bug report.

The cause of this problem is library conflict. I have solved this problem and update the plugin version to 0.4. You can update it from your plugin page and please report the result to me.

Thanks.

It works!
Thank you m8!

¿At what exact time of the day do the stylesheets rotate?
Just wanted to know if sunrise for example lasts 1 hour or 6.

It would be really cool if in the furure you could add the abilitty to configure a rotating schedulle, i mean with hours and minutes. if for example your site is a school blog, backgrounds could correspond to activities taking place at regular times like lunchtime, playtime, math, whatever. Like a drag and drop calendar (bet it’s a lot of work LOL)

well, it’s just an idea =)

Hi marcelo.

Sunrise : 5.00 – 8.59
Day : 9.00 – 15.59
Sunset : 16.00 – 18.59
Night : 19.00 – 4.59

Thanks for your suggestion, I will add it to wish list.

Hey. This plugin is so simple and straightforward. I thought I was going to have to install a jquery script and mess around with fiddly settings.

This has made style switching easy! Thanks so much.

However, just one thing I’d add to the wish list. I have applied a different style each day to a website. I did this manually by dragging the relevant CSS file onto the calendar. But I was wondering if it would be possible to set up the stylesheet automatically. i.e. on every monday, the stylesheet monday.css is applied, rather than having to drag the stylesheet onto every monday on the calendar. Do you understand what I mean? (I think I made it sound more complicated than it actaully is )

But again, cheers for the great plugin!

This sounds like a fantastic plugin and just what i’m looking for.

As i was planning to create custom background images for my site which changed based on the time of day

Ill test ths out

great work!

Hello again!
I’m having trouble using Chameleon CSS on a XAMPP setup (latest version).

The plugin installs correctly but when I try to add a stylesheet the loading bar moves but the stylesheet isn’t attached.

I’ve tested this on two servers with no luck.

Hope you can point me to the right direction, maybe a php function needs to be activated, or file permisions, I really don’t know.

BTW, when you deactivate the plugin a reactivate back, the stylesheets have to be configured again.

I’m using hostgator on the net for testing purposes, XAMPP on my PC for development and at my clients intranet (wich is where the final thing would go).

TiA!

Thank you all,

To Callum, your suggestion is added and I think it will available on next release.

To Marcelo, Please check these possible cause:
1. Have you active “Chameleon Status” at plugin configuration page (click on the blue gear, then you will see it).
2. If the problem still occur, use fire fox + fire bug to check the AJAX call when you load your page. Check the sent and received data to investigate the problem.
3. Try AppServ instead of XAMPP, but I don’t think that XAMPP is the cause of this problem. However I will paralleled investigate this problem.

Hi.
In Firebug Console, when i press add it reads:

Pseudo-clase o pseudo-elemento desconocido ‘input’.
http://myserver/wp-admin/admin.php?page=ccss
Line 0

if i press again i get a loading line:

http://myserver/wp-admin/admin-ajax.php

and the response:

Fatal error: Call to undefined function curl_init() in C:\myserver\wp-content\plugins\chameleon-css\admin\ccss-admin-ajax.php on line 135

line 135 is:
$handle = curl_init($url);

Thank you!

You have to enable CURL in your XAMPP server.
Please follow this link http://chrismeller.com/2007/04/using-curl-in-xampp/

That did it my friend!
Guess I’m gonna have to read more about “extensions”. Many are commented, I’m using the default XAMPP setup.

If you ever localize the plugin, feel free to contact me for a spanish translation.

Thank you again!

Just donwloaded the latest version of Chameleon. You have no idea how pleased I am to see the day feature! Abaolutely fantastic. Thanks so much.

Callum

Forgot to say, is there no option to donate for this plugin. You have no idea how useful and tiem-saving it is to me. Really, really appreciate your work.

Cheers.

I am very appreciate to know that you like Chameleon CSS. However, if you would like to help me, spreading and giving feedback are the things that I wish.

[Answer #13]
Day feature is used in this situation:
On Monday you want your site with yellow theme.
On Tuesday you want your site with pink theme.

However it’s up on your creativity to use this plugin and you also can combine three condition to work together.

Thank you -/\-

Great idea plugin but not working. At activation i get this error:
“Plugin could not be activated because it triggered a fatal error.
Fatal error: Cannot redeclare class Services_JSON in [..]/chameleon-css/exlib/JSON.php on line 116. Do i have a solution? Thanks in advance!

open chameleon-css/chameleon-css.php
and comment line 98

require_once CCSS_PLUGIN_DIR . ‘/exlib/JSON.php’;

change to

//require_once CCSS_PLUGIN_DIR . ‘/exlib/JSON.php’;

I think the problem occur because there is another plugin that use this library too.

Callum if you have not seen the day feature, Open the Chameleon-CSS configuration page and press F5.

I will try this tomorrow! Thank you!

Hi.

Yes the day feature is working perfect for me. Really excellent.

The site is at test stage at the moment, but when it’s live i’ll post the link and you can see how I have styled it up for different days.

Many thanks.

I am very appreciate that it works for you and looking forward to see your site.

Would you mind, if I add your site to Chameleon CSS show case.

Thanks.

Not a problem. I’ll send the link once it is live.

I have a client project who wants to change the background image based on the category the page is in that is being served. They imagine a photo collage background for each category. This seems like it would be a great interface to do that, since it is just a one line over ride of CSS. Would you consider working in a conditional like this based on Category & Tag or combo of the two?

Thank you for your suggestion, Page, Post, Category and Tags condition are interesting features. I will develop Category Condition for you, maybe within 2 weeks.

I want to thank the blogger very much not only for this post but also for his all previous efforts. I found wegrass.com to be extremely interesting. I will be coming back to wegrass.com for more information.

Been looking for something like this all day. Got it working on one of my blog. Thanks for the plugin work perfectly.

Thanks Tom, I am very happy to know that it works for you.

alway be loading
when i click the “add” button
help me please

Hi tm, could you give me more detail by using fire-bug to get the “post request” result.

If you don’t have any clue to do that, please give the access to your wp-admin and I will help you resolve this issue.

Thank you.

I’m looking for something like this but would need user-driven links to cause the changes in css. Could your plugin be modified to accomplish this? My need is for accessibility for people with visual disabilities.

Thank you, jim

Hi Jim,

Could you give me more detail about your requirement, so I can implement the feature that will serve your needs and others.

It all has to do with user accessibility. I’ve seen on some web site, buttons on the top of the page which not only change font size, but also change the style from dark on light to light on dark and perhaps another style. Check out this web site http://www.mobilise.info/. Your plugin looks fantastic but I need some interface for users to select between say 3 styles so that they can read the web page better.

Thank you, jim

Hi Jim, thank you for clarification. I think that many people may interested in this feature so I decide to implement this. Please stay tune for the next release (about next week)

That’s great. Thank you. If you like, I can test it for you.

Hi Jim, CCSS 1.1 is released. Please try and let me know if you found any issue

I was able to test a little today. I will do more. I found that it interferes with a plugin I was using http://www.rodenas.org/blog/2007/03/08/wp-chgfontsize/. I guess if I build my new stylesheets correctly, I may not need that plugin.

And I have a question. I added 3 style in the sunrise, day and sunset boxes. Will they still change automatically at those times of day? I was thinking that maybe you would have a new category called “user-selected” that would be tied to the widget.

My site is http://delcogreenconsulting.com/wordpress/.

Thank you, jim

Hi Jim,

I added 3 style in the sunrise, day and sunset boxes. Will they still change automatically at those times of day?
A: sure

I was thinking that maybe you would have a new category called “user-selected” that would be tied to the widget.
A: thank you for your suggestion, I will consider and if it worth to implement, I will.

good job

When I try to drag out the style I put in Sunrise to remove it, it doesn’t work.

I now see that if I add the styles and don’t place then in a timed event handler, that they just appear in the widget. That’s good.

Thanks for such a great plugin!

Just to notify you and others that the plugin has a bug. In chameleon-css.php – the main file, Tuesday is misspelled with Tueday, and so on Tuesday the css does not work.

Just rename it, and it would show the right css.

Hi Vasilj,

First, thank you for using this plugin, helping me find bug and also give the solution to solve this bug
Now the bug is fixed and CCSS v.1.1a is released. Please check it out.

Thank you for your plugin, almost what I was looking for.

Like Jwurster I want to make a site for people with visual disabilities. It will be a membership site. It is not very userfriendly if people need to change the style every time they visit the site. It would be very nice if the ‘user-selected’ style would be remembered at the next visit. Or that a member can select a style in their profile.

Hi Marijke, Thank you for your suggestion and I agree with you. I will add this feature for the next release.

upon activation: Fatal error: Cannot redeclare class services_json in /home/mysite/public_html/wp-content/plugins/chameleon-css/exlib/JSON.php on line 115

Hi Webslugger, this issue are solved in 1.1.2 release. Please update and let me know that it work for you or not.

Thank you for reporting.

Hello Nutrawee,

your plugin sounds exactly like the plugin I am searching for…but I cannot get it running.
I have wordpress 3.05. Installation and Activation is no Problem.

No matter if I use the widget, or the Template Tag, I only get a link to the CSS file (the css file is opening in the same window).

Please help me: What am I missing?

Hi Harmony, I think the cause of this issue is your theme does not include jQuery scripts so here is the solution for you: http://www.wprecipes.com/how-to-include-jquery-on-your-wordpress-theme

In next release I will add option to include jQuery in theme.

I have several css files that I can open with my browser, but when I input the exact same path chameleon css gives me this error message:

Error msg : CSS file does not exist

I take it I’m doing something wrong?

Hi, could you give me the screen shot when you try to add CSS to the list.

Here’s a screenshot of the error:

http://img145.imageshack.us/i/csschameleonerrorscreen.jpg/

Hi rklsj, this is very strange issue. I think this should relate to the configuration of your server.

I use this PHP function (http://php.net/manual/en/function.curl-init.php) to check that the filled file path is exist.

I am keen to help you find the cause and fix this issue, if you trust me, you can give me the wp-admin access and ftp access (if needed).

Thank you.

Hi Nutrawee

I am having the same issue as ‘rklsj’ from a month ago. The issue is:

Error msg : CSS file does not exist

Did you resolve this?

When this error comes up and you click on the ‘CSS File Path’ it always points to the index.php file and line X. Line X being . It doesn’t matter which Theme I use.

I have tried it on different sites with no joy. However, they are all on the same server!

I have used this Extension in the past and it worked fine. But just started using it again but ‘can’t’.

Many thanks
Peter

Hi Simmonett, could you provide me the wp-admin access to any site on your server (or you can create a test site for this), I need it to investigate the cause of this issue.

Thank you.

Hi Nutrawee

I have set up admin for you, and happy for you to look at the site. It is a temp site used for testing various extensions

Obviously I need to know this is not to be broadcast to all-an-sundry do you have an email address.

Or can you send it via my email?

Hi Simmonett, please send it to nutrawee@wegrass.com

Hi Nutrawee, thanks for making such a powerful plugin freely available! I got past the curl extension problem I was having in Xampplite but now I’m getting this: Warning: call_user_func_array() expects parameter 1 to be a valid callback, function ‘ccss_header_scripts’. Any ideas?

Hi Andy, thank you for reporting issue. I will find it out and get back to you soon!

Hi Nutrawee. Thanks also for the excellent feature!
I’m having a difficulty with Chameleon CSS. I upload a CSS file and added it to Chameleon. It gives me the “loading”
message and seems to add it, but the list from where I’m supposed to
drag it to the left menu doesn’t show it. Could it be a new WP 3.2
issue? How can I solve this one plz?

Hi Viktor, I have test it with WP 3.2.1 on my local server and it worked well. To avoid this issue, could you try : ”disable” the “File existing check” option at Chameleon CSS admin page, select “Setting” section. If it doesn’t work, it will be good if you can provide me the wp-admin access to consider this issue

Hi Nutrawee. Thank you very very much for your attention and careful reply. I think I already solved the problem. Apparently, it was just chmoding to 777 the css file I had uploaded. When I did that the Chameleon plugin immediately recognized the new style… Thanks anyway!!!

Hi Viktor, thank you for issue & solution report, I will consider and put it in “plugin installation note”. Thank you!

And plz! Just echoing other users bellow: I would be very thankful if you could develop category filters (not just time filters) in the future. It does make the difference!

thx for such a great plugin!. Unfortunetly when I changed Site address (URL) to my domain, Your plugin can’t probably find the css files (in admin panel i see that Chameleon CSS  points the paths to WordPress address (URL). Maybe  Im doing something wrong? But other plugs and wordpress work good.

Hi R81, thank you for using our plugin

The cause is : in current version, the plugin keep full path in DB (not relative path). So, it doesn’t change according to your site setting. I will keep this issue to consider in the next update.

Your solution is re-insert the CSS again, sorry for your inconvenience.

Best regards,
Nutrawee N.

I have this excellent plugin up and running on http://www.mywordpress.co.uk works great.I would like to put forward a couple of suggestions.
1.Give ability to order widget for display of styles.
2.At present file names are case sensitive which caught me out when I first tried to use the plugin.

Hi Roy, thank you for reviewing and suggestion.

I will fix these issues in the next path. Anyway, thank you for help us spread this plugin others. I appreciate it.

Started using your plugin at http://www.stallion-theme.com/ today, I sell a theme that selects from about 35 different CSS files for colours and layouts.

Wasn’t able to get it working with the layouts css because the css files have different css ids and classes, so the original layout css file (which is loaded by the theme) wasn’t overridden by the one loaded by your plugin. Nothing you could do about that, I’d have to rewrite my layout css files so all classes and ids are used in all files.

The colour selector is working great, have 24 css files added and my visitors can see the 24 different colour schemes.

Have some suggestions.

The form box for entering the title of each stylesheet is too small, you have it set at 12 characters, I edited the plugin files to allow for 40 otherwise there’s no way I’d have anchor text like “Stallion Blue Orange Gradients”. Can I suggest you increase the size, 12 is way too few characters and 30+ characters works fine on my site.

Add the ability to reorder and edit the styles added. When I update Stallion if I add another colour scheme I’ll have to delete most of the currently added styles and add them again in alphabetical order.

I’ve not looked at how the javascript works, I’m not using the timed feature, just the widget allowing visitors to click a css file. Would be nice to have the ability to disable loading and js files that are not used, I’m assuming there’s some javascript related to the date stuff, since I’m not using the feature ideally it wouldn’t be loaded.

Just had a thought on my layout css files. If there was an option to add a default css file that would be loaded unless a visitor selected another file, this would give me the option to disable loading the layout css file (remove it from the theme) and use your plugin to load all css files.

Great plugin, gave you 5 stars on the Plugin repository page and clicked working in WordPress 3.2.1.

David Law

Hi great plugin, but I have a few questions?
1. Is there any way i can use images (buttons) to switch styles?2. Is there also any way that it can refresh the current page when it loads a new style?thanksPaul

Hi Paul, thank you for using our plugin

1. Is there any way i can use images (buttons) to switch styles?
- you can use “CSS Image Replacement” technique in this case, for example :

CSS list markup :

CSS :

#ccss-name a{
    text-indent: -9999px;
    display: block;
    background: url(...);
}


more info : http://css-tricks.com/snippets/css/standard-css-image-replacement/

2. Is there also any way that it can refresh the current page when it loads a new style?
- in current version, the new style sheet will be load with AJAX so the web page will not reload and I think that there is no reason to reload the page.

Hope this helps.

Hi David, 

thank you for letting me know about how you use it and thank you for the suggestion, I will take them to account and will implement some of these feature in next patch, I am appreciate it.Thank you. 

Hi Nutrawee, thanks for writing a great plugin!

Is it possible to generate a simple link to the theme that’s not currently active?
Currently the widget displays:

DefaultCustom


What I’m trying to do is display the following when default.css is active:

Custom

And when custom.css is active, display a link to the default.css:

Default

Hi Sjaak, this does not support in current version. Here is the work-around,

edit chameleon-css.php at line 420 as in the attached image.

please let me know that it works or not

Thanks for your quick reply! That doesn’t seem to be changing anything though, it still displays both links (default theme and custom theme) in the widget.

I tried writing a function to just output the theme links that I would call from my template, but failed at it.

Hi, I’ve test and it work on mine. Here is another turnaround:

add this to default.css
#css-custom{display:none;}

add this to custom.css
#css-default{display:none;}

please let me know that it works or not

Small correction: the class name is #ccss-default or #ccss-custom. That works! Thanks so much! Can’t believe I overlooked such a simple solution..

Voted 5 stars

I’m having the same problem that 
Nutrawee… I’d like to generate a direct link to both css files that i’m using to do my own buttons to choose between css… How can I do it?

I’ve got this error  message.:

Error msg : PHP Curl extension is disabled.
Please enabled it or disable the ‘file checking’ in setting option.

What can I do to fix it?

Hi Derty, you can solve this issue by :

1. Navigate to plugin setting section by clicking on the “gear” icon
2. Turn of “File existing check” feature

Hope this help.

I’ve the same problem that Derty.
i’ve disabled “File existing check” feature
but it does not work.
P.S. my site is on a local server

Hi EF, please try enable Curl extension on your local server.

i’m not the server administrator…

I don’t know if this is the issue… I had a problem with anything happening – so first checked my Jquery links – all good. Then checked the code in chameleon-css.php – there’s a double // appearing before the wp-content on my install, which I think may have caused an issue with loading cookie js and var ccssGetCSSUrl. Could be my issue tho… it works now, anyway (lovely)!

Thank you Mel, we will check and fix it on next patch.

Hello again… much appreciating the help on hand here.
I wonder if you can help me figure out this one. The issue I’m having is that there is a delay on EVERY page load, where it first loads the main style.css, before loading the one designated by chameleon (in this case I’ve chosen style-deco.css for the month of January). 

I’m using the starter theme Roots, which has a css subfolder with all the various css frameworks (960, blueprint) that it references – including the main style.css

Is there anything I can do to go straight to the desired style-sheet while keeping the Roots css system? 
Is there anything I’m doing wrong in setting up – or could there be anything related to the double // (see my post below) that means the chosen stylesheet doesn’t “stick”.

My website in progress is http://bethanrobertswriter.co.uk/ if you get a chance to look.

Hi Mel, thank you for using our plugin. Your site looks great.

This behavior occur because if you choose “Time source” to “Client Time” the page will send client’s time to CCSS after the page has been loaded. Then CCSS will choose matched CSS file for it.

To prevent this issue in the current version please follow the instruction in this image : https://skitch.com/zeally7/g39x2/chameleon-css-sand-2-wordpress

Please let me know that it work or not.

It was set to server time – so I don’t think this is the issue. 
I am wondering if this may have something to do with my theme’s htaccess rewrite rules. The theme cleans up css references so that /wp-content/themes/roots/css/ rewrites to /css/RewriteRule ^css/(.*) /wp-content/themes/roots-writer/css/$1 [QSA,L]

http://www.rootstheme.com/

Looks like I may have to remove this functionality first to see if that works. I will report back.

P.S. Thanks for nice remarks on site. It’s designed to swap between 1930s, 1950s – and soon – 1980s backgrounds…

1. I have stopped the rewrite functionality (see my previous post): unfortunately this has not modified the behaviour – still a delay.
2. I have realised that my original comments re. the double // appearing before wp-content, are also down to the theme set-up: so please don’t go altering anything with Chameleon: under normal set-up the urls are good. 

So… down to the next level of diagnosis to try and make it work