how can i do this like tabs in drupal :

like this tabs : http://www.bryght.com/node/158 ?

Comments

Dublin Drupaller’s picture

you could change them in your style sheet..I think the bryght guys are using a slick background image to create the nice effect they have.

Unless you want to ask the bryght guys for a copy of their style settings and the graphic..you could check out the following tutorial:

http://www.stunicholls.myby.co.uk/boxes/curves.html

Which has instructions on doing mouse-overs and curved corners without graphics that you can insert into your drupal style sheet.

Hope that helps.

Jason

Currently in Switzerland working as an Application Developer with UBS Investment Bank...using Drupal 7 and lots of swiss chocolate

boris mann’s picture

All we're doing is styling the standard primary and secondary lists. Or rather, our designer, Steven Wittens, did it.

For great list styling in CSS, check out listamatic, or get them auto-generated for you using list-o-matic.

zach harkey’s picture

How do you get drupal to generate the primary menu with class="active" on the link to the current page? This is killing me.

: z

boris mann’s picture

Actually, the primary and secondary links in PHPTemplate do this automatically -- they add the active class definition.

zach harkey’s picture

AHA! That helped me narrow down the cuplrit. In "administer > themes > mytheme > configure: Primary Links:", I had slashes around the relative urls e.g. "/portfolio/". When I removed them (e.g. just "portfolio") the active class is added automatically.

But this brings up two new questions:

1) When I go to example.com/portfolio/logos the "portfolio" tab in the primary menu is no longer active. How can I keep the class="active" for all subsequent pages in that category?

2) I have a link for the main(home) page in my primary menu. How should I address the main page so that it displays as active when a user arrives at example.com? I tried using a slash "/" but it doesn't work.

Thanks so much for your help, and thanks for the fast reply, Boris.

: z

boris mann’s picture

1) yup, no way around this right now; this is why primary/secondary links are going to be replaced by menu, where you can arbitrarily make hierarchies and stuff like this will work automatically

2) I believe you just want to leave the link blank. Also try "node" (which is the default front page), but that doesn't look nice

veridicus’s picture

Primary/secondary links are going to be replaced by menu? Do you have a link to an issue where I can watch this discussion and progress? I haven't seen any mention of it on the drupal-devel mailing list but it's directly related to something I'm working on. Thanks.

---
Don't use Microsoft software

boris mann’s picture

It has been discussed on drupal-devel, as well as on some issues: mainly andremolnar and Ber, and mostly relating to the book block/menu work being done by andre. The updates to menu will form the basis for other code, such as replacing primary/secondary with menus.