What's the closest theme to this look?

We encourage users to post events happening in the community to the community events group on https://www.drupal.org.
Aleet's picture

Does anyone know if there is a drupal theme that can replicate the look in the intuit website:

http://quickbooks.intuit.com/product/marketing-tools/small-business-mark...

I'm just talking about breadcrumbs up: the simple, unostentatious way primary and secondary menus are presented. Yet the color contrast between the two and the use of tabs to highlight the active menu improves usability.

Also a lot of stuff is packed into the header and yet content area starts from relatively high up -- again a plus for usability on small screen.

Finally, I like the way links like "email" and "feedback" are on the top right corner.

Does anyone know what's the shortest route to such a clean look ? looking for theme that is actively maintained because client's site will be upgraded to future drupal versions.

Comments

Custome Theme

noussh's picture

Hi Ali,

We cannot expect a drupal theme that match our requirement all the time. And hacking existing themes are like cutting your leg to fit the shoe. You will have great flexibility if you can implement drupal to your css+html templates.

Cheers,
Noushad.

www.noussh.com
'be the change you wish to see in the world' - gandhi

I've always modified

Aleet's picture

I've always modified existing templates to meet my requirements. For example, this is how far I've gone so far turning zen starterkit into the look I found on the Intuit website: http://hairlossinsideout.com Not pretty by any means, but it's a start.

You will have great flexibility if you can implement drupal to your css+html templates.

Are you saying building a NEW drupal template from nothing but css+html is easier than hacking away at an existing theme like zen? Please explain.

hacking existing theme

noussh's picture

Ai, Please refer www.cssmania.com, http://www.unmatchedstyle.com/. All these websites are designed purely in CSS + xHTML. When you design your site, the process should be Planning (Site structure, content etc.) + Design (usability, color, grid, layout etc.) in Photoshop combs + Converting Design to CSS xHTML templates + then finally implementing the CMS or any other server side features. Obviously the advantage is you can ask your client to approve the photoshop comps before you convert into CSS. This way you can easily do the changes client asked for (in ps). I think most of the design houses go the same path and drupal should promote this. ( in D7 documentation).

Ali, read these CSS books.
CSS Master by Andy Budd http://www.amazon.com/CSS-Mastery-Advanced-Standards-Solutions/dp/159059...
Pro CSS Techniques http://www.amazon.com/Pro-CSS-Techniques-Jeff-Croft/dp/159059732X
Beginning CSS Web Development http://www.amazon.com/Beginning-CSS-Web-Development-Professional/dp/1590...
Bulletproof Web Design http://www.amazon.com/Bulletproof-Web-Design-flexibility-protecting/dp/0...

Once you get good understanding of how CSS works, you would not bother about all these zen, garland themes. It's only helpful in the beginning.

www.noussh.com
'be the change you wish to see in the world' - gandhi

I used to grab a theme like

ridolfidesigns's picture

I used to grab a theme like zen and then edit it the way I want. I had a design first that I created in photoshop. However, I found it actually took me more time to edit an existing theme than starting from scratch. In addition, using an existing theme may have code in it that you don't need.

So to answer your question, you probably just be better off creating a theme like you want from scratch.

Eric

Theme development

Group organizers

Group notifications

This group offers an RSS feed. Or subscribe to these personalized, sitewide feeds: