Friday, December 08, 2006

Pre-made Theme Switching Templates

Ok, I've made a number of pre-made templates that let the user switch the actual theme displayed, much like I posted about before. All of these are using the default Blogger templates. The XML file, CSS files, and demos are provided. Each template includes all 3 ways to switch the theme (links, radio buttons, & select menu), but it's easy to delete the 2 widgets you don't want. When copying the XML file I've noticed that on the first try it doesn't always copy everything, so you might need to copy the XML file into your blog a second time. Don't ask me why. Maybe it's just a temporary glitch.

You can copy the css files to your own server, or just leave them alone. The same goes for the javascript file.

The javascript file (styleswitch.js) is located here.

1) Minima Stretch
Demo:
--minima-stretch-switch.blogspot.com
CSS files:
--minima_stretch_demo.css
--minima_lefty_stretch_demo.css
XML file:
--minima_stretch_demo.xml

2) Minima
Demo:
--minima-switch.blogspot.com
CSS files:
--minima_demo.css
--minima_dark_demo.css
--minima_blue_demo.css
--minima_ochre_demo.css
--minima_lefty_demo.css
XML file:
--minima_demo.xml

3) Stretch Denim
Demo:
--stretch-denim-switch.blogspot.com
CSS files:
--stretch_denim_demo.css
--stretch_denim_light_demo.css
XML file:
--stretch_denim_demo.xml

4) Denim
Demo:
--denim-switch.blogspot.com
CSS files:
--denim_demo.css
--washed_denim_demo.css
XML file:
--denim_demo.xml

5) Rounders
Demo:
--rounders-switch.blogspot.com
CSS files:
--rounders_demo.css
--rounders2_demo.css
--rounders3_demo.css
--rounders4_demo.css
XML file:
--rounders_demo.xml

6) Herbert Jellyfish
Demo:
--herbert-jellyfish-switch.blogspot.com
CSS files:
--herbert_demo.css
--jellyfish_demo.css
XML file:
--herbert_jellyfish_demo.xml

7) No. 897 & 565
Demo:
--no-switch.blogspot.com
CSS files:
--no_897_demo.css
--no_565_demo.css
XML file:
--no_demo.xml

8) Thisaway
Demo:
--thisaway-switch.blogspot.com
CSS files:
--thisaway_demo.css
--thisaway_blue_demo.css
--thisaway_green_demo.css
--thisaway_rose_demo.css
XML file:
--thisaway_demo.xml

9) Snapshot
Demo:
--snapshot-switch.blogspot.com
CSS files:
--snapshot_demo.css
--snapshot_sable_demo.css
--snapshot_tequila_demo.css
XML file:
--snapshot_demo.xml

10) Moto
Demo:
--moto-switch.blogspot.com
CSS files:
--son_fo_moto_demo.css
--mr_moto_demo.css
--ms_moto_demo.css
XML file:
--moto_demo.xml

11) TicTac
Demo:
--tictac-switch.blogspot.com
CSS files:
--tictac_demo.css
--tictac_blue_demo.css
XML file:
--tictac_demo.xml

12) Dots
Demo:
--dots-switch.blogspot.com
CSS files:
--dots_demo.css
--dots_dark_demo.css
XML file:
--dots_demo.xml

3 comments:

Hoctro said...

Congratulations! This is cool stuff!
And you advertise yourself as being "lazy"! I guess laziness is a virtue then :)))

Seriously, these are great templates, allowing end users to have their own choice of coloring!

PurpleMoggy said...

Maybe I should go with structured procratinator rather than lazy ;)

Blogger Talk said...

I've added your link to Bloggertalk.net