Making Themes for Wincustomize
Converting Wincustomize to CSS
from
JoeUser Forums
Disclaimer: I'm not working for Stardock, so this may never be implemented on the live site.
Contrary to the old site, the new Wincustomize doesn't allow you to change the theme of the site to your liking. According to T-Man (see this thread: Link), the site is going to have themes, but only the admins will be able to change them, and they will be changed for all users.
What if you want to have your own theme ?
Currently, you can override the style sheet, but apart from changing some of the fonts and colors, you will not get very far. As it is now, changing the look of the site will require you to dig into the code to change the images (have a look at the code, it's a little bit hard to modify
). Now, if most of the design was in a style sheet that will be easier, right? You could make your own style sheet or use one from the site. No need to change the html code. Just change the url to the images in the style sheet, adjust the sizes and you're good to go.
Well, that's all nice, but it's easier said than done!
So, here you go, I converted the home page to use CSS instead of tables. You can see the proof of concept here: Link
You can switch the style from the "old" pastel style to the aero style (the left column is currently the same for the two).It is not perfect yet especially if you use an older browser (or Opera
), and it's only the home page, but you can still try to modify the style sheet or do new themes with it. The good thing is that the page is a lot smaller than before (the html code is 24k and the style sheets are 16k total).
Once I'm done cleaning the code, I will upload an archive of the files that you can download if you want to make new themes.
Contrary to the old site, the new Wincustomize doesn't allow you to change the theme of the site to your liking. According to T-Man (see this thread: Link), the site is going to have themes, but only the admins will be able to change them, and they will be changed for all users.
What if you want to have your own theme ?
Currently, you can override the style sheet, but apart from changing some of the fonts and colors, you will not get very far. As it is now, changing the look of the site will require you to dig into the code to change the images (have a look at the code, it's a little bit hard to modify
). Now, if most of the design was in a style sheet that will be easier, right? You could make your own style sheet or use one from the site. No need to change the html code. Just change the url to the images in the style sheet, adjust the sizes and you're good to go.Well, that's all nice, but it's easier said than done!
So, here you go, I converted the home page to use CSS instead of tables. You can see the proof of concept here: Link
You can switch the style from the "old" pastel style to the aero style (the left column is currently the same for the two).It is not perfect yet especially if you use an older browser (or Opera
), and it's only the home page, but you can still try to modify the style sheet or do new themes with it. The good thing is that the page is a lot smaller than before (the html code is 24k and the style sheets are 16k total).Once I'm done cleaning the code, I will upload an archive of the files that you can download if you want to make new themes.

) and haven't been able to update it as I wanted, in particular to support Opera better. I also want to add per-tab background color (using the body id).