Hi all,

I am getting round to trying to create my own theme now I have the site more or less set up how I want it to function.

I am starting with the zen STARTERKIT and working from there.

But I am getting pretty lost in the endless trails of CSS sheets and all the classes and IDs associated with all the individual bits I am trying to modify.

Namely, this particular question is about the navigation menu... So far I have got as far as making a copy of the system-menus.css in my own theme directory, adding it to mytheme.info so it is definately reading it and having an effect.

But I am a long way off my simple HTML site, which was so easy to set up.

If you look here: http://www.jcrdevelopments.com/content/engineering.html
This is my old HTML site. Notice how the navigation menu on the left works.

How would some of you more experienced people suggest I try and replicate that in drupal, as I like what I did before and would like to retain the same style.

Hope someone can help me out...

Thanks in advance.

Jon

Comments

silverwing’s picture

When you hover over the links in the drupal theme, the background color gets pushed 10-15 pixels outside of the block, right?

I tried doing something similar in porting an old wordpress theme, but with all the leafs and other elements added, it became too frustrating for me.

I'd be interested in seeing if anyone has a way to do this.

~silverwing

sepeck’s picture

Zen is complicated. I would copy the local core Blue Marine theme and then use it as a base to modify your existing theme.
I have an article on a quick and dirty way to convert a theme here:
http://www.blkmtn.org/Quick-and-dirty-OSWD-theme-to-Drupal

This doesn't necessarily get you a clean theme, but it can get you more familiar with Drupal theming and you can then you something like Zen without also having to learn templating from Drupal's point of view.

-Steven Peck
---------
Test site, always start with a test site.
Drupal Best Practices Guide