Skip to Content

Themeing tutorial using Color module

With an eye to the forthcoming Drupal 7, I was keen to encourage everyone to look at developing stunning themes to go with this shiny new release and all with the help of the excellent Color Module. It also applies to Drupal 6 and uses Garland as its starting point.

in /themes make a copy of garland folder > rename say swirly (or whatever your theme is called)
in /themes/swirly rename garland.info to swirly.info
use text editor to find/replace garland with swirly (avoid capitals to keep simple) in swirly.info and template.php ... below is a slideshow tutorial that explains how to do the rest and get up and running quickly.

More screenshots of the finished result can be seen at our theme store here

Slideshow/Image gallery - click first thumbnail below to view

in /themes/swirly/color adapt base.png as required.
enable swirly theme > make it default >Check a test page - a right mess!
see how Garland color.inc is cutting up the base graphic we can see the problem.
We need to alter these cutting coordinates and dimensions to suit our design
Getting there...
And the finished result !

this is a wonderful themes

this is a wonderful themes great look and your tutorial is very good thank you very much هدف تيوب

Interesting

I have been trying to get help with drupal theming and you have made this really easy.. I love your tutorials but for the image background, you only did a tutorial for drupal 5, can we get some help with 6. You also assumed we are verse with photoshop, hmm, maybe its just me cos am not..I tried the tutorial and this is my end product, how can I make the image transparent? http://social.onetruenaija.com/ you make some pretty nice themes.. please contact me at tosinadams1@yahoo.com