Hello,
I've got a site where I'm using the multiflex theme. One of the things I'd like to do with it is to have a side menu like this: http://www.lakeline.lib.fl.us/
Where all the side menus flow together, and where just the top menu item has a rounded corner. Is this possible with drupal themes?
- jody
Hi Jody
Well if i have understud your question right i will try to give you some tips. First I do not have yet experience with the THEME multiflex but i can suggest you to use the JSTOOLS-MODULE for Drupal 4.7.3 wich i used and get many different Menu effects like collapsing, colors and so on.
Premitted that you are familiar with CSS and have the Module installed and before you backup your database and Drupal Theme you use or try first on a Local deserved webserver to see how to change CSS parameters. Of course you will have also to adapt the little gifs or pgn, or jpg files what are used by the THEME.
Best Regerds
Wolf
On Wed, 04 Oct 2006 21:26:43 +0200, Jody Cleveland Cleveland@winnefox.org wrote:
Hello,
I've got a site where I'm using the multiflex theme. One of the things I'd like to do with it is to have a side menu like this: http://www.lakeline.lib.fl.us/
Where all the side menus flow together, and where just the top menu item has a rounded corner. Is this possible with drupal themes?
- jody
themes mailing list themes@drupal.org http://lists.drupal.org/mailman/listinfo/themes
On Wednesday 04 October 2006 12:26, Jody Cleveland wrote:
Hello,
I've got a site where I'm using the multiflex theme. One of the things I'd like to do with it is to have a side menu like this: http://www.lakeline.lib.fl.us/
Where all the side menus flow together, and where just the top menu item has a rounded corner. Is this possible with drupal themes?
- jody
Try themeing your .mainnav and .sidebar to have rounded corners (or a rounded corner) and leave the block ids and classes square.
Hello,
Try themeing your .mainnav and .sidebar to have rounded corners (or a rounded corner) and leave the block ids and classes
square.
Excellent, got it!
Viewing the source of one of the pages, I have this:
<div class="mainnav"> <p class="sidebar-title-noshade bg-blue07">About Us</p> <div class="sidebar-txtbox-noshade bg-grey03 mainmenu"> <ul> <li></li> <li></li> </ul> </div>
<p class="sidebar-title-noshade bg-blue07">Hours</p> <div class="sidebar-txtbox-noshade bg-grey03 mainmenu"> <ul> <li></li> <li></li> </ul> </div> </div>
So, what I did was add this for .mainnav: Background: #28497e url(image with curved edge) no-repeat;
And, then for bg-blue07: Background: transparent;
So, that image with the rounded corner shows up at the top, and for all others, since the background is transparent, that blue color shows through.
Thank you very much for everyone's help!
- jody
-
Jason Flatt -
Jody Cleveland -
Wolf Zirbs Adaccs AT