How do I....make a menu like that?

Cibulo · 22.10.2004, 16:13

http://www.harveysofhalifax.co.uk/

Look at that menu....so cool.
How can I create a menu with submenus like that?

thanks for the help!

SensaiLee · 22.10.2004, 16:24

You have to do some changes to your template's css-file. Go to YOURTEMPLATE/css/template_css.css.

You should then insert the following lines (out of the css file of Harveys) and delete the corresponding ones that have already been in your file. Now you can change the colors to the ones you like.

Code:

a.mainlevel:link, a.mainlevel:visited {
  		font-family      : Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif; 
        	text-align: left;
		font-size: 0.9em;
		line-height:15px;
        	border-left: solid 1px #666;
		border-bottom: solid 1px #e9e9e9;
		border-top: solid 1px #e9e9e9;
		padding: 2px 2px 2px 4px;
		background: #ececec;
		width: 100%;
		color: #333; 
}

		
		
a.mainlevel:hover {
		background: #fff;
        	color: #993333;
        	text-align: left;
		border-left: solid 1px #111;
		border-bottom: solid 1px #e9e9e9;
		margin: 0px 0px 0px 0px;
		border-top: solid 1px #e9e9e9;
        	text-decoration  : none;
        }



a.mainmenu:link, a.mainmenu:visited {
        	text-align: left;
		line-height:15px;
        	border-left: solid 1px #666;
		border-bottom: solid 1px #e9e9e9;
		border-top: solid 1px #e9e9e9;
		padding: 2px 2px 2px 4px;
		background: #ececec;
		width: 100%;
		color: #333;        
}


a.mainmenu:hover, {
		background: #fff;
        	color: #993333;
        	text-align: left;
		border-left: solid 1px #111;
		border-bottom: solid 1px #e9e9e9;
		margin: 0px 0px 0px 0px;
		border-top: solid 1px #e9e9e9;
        	text-decoration  : none;
}



a.sublevel:link, a.sublevel:visited {
        	font-size: 0.9em;
		color: #993333;
		background: #fff;
        	text-align: left;
		line-height:15px;
        	border-left: solid 1px #D58787;
		1border-bottom: solid 1px #e9e9e9;
		border-right: solid 1px #e9e9e9;
		1border-top: solid 1px #e9e9e9;
		padding: 2px 2px 2px 14px;
		width: 100%;
		margin: 0px 0px 0px 0px;

}

a.sublevel:hover {
		background: #ececec;
        	color: #993333;
	    	text-decoration  : none;
        	text-align: left;
		border-left: solid 1px #111;
		1border-bottom: solid 1px #e9e9e9;
		margin: 0px 0px 0px 0px;
		1border-top: solid 1px #e9e9e9;
}

Cibulo · 25.10.2004, 10:24

thamks for the info Sensailee...but what about those subenus? How are they created?
Thanks for your help!

SensaiLee · 25.10.2004, 10:41

Oh...

Goto "Menu-Manager" and create a new menu-item. You have to set a "parent"-item in one of the drop-down menus. That's it.

Have a look at the picture...

Grantfuller · 18.11.2004, 01:09

I would also like to modify my menu so I get a drop down selection when hovering. Is that done with the CSS instructions? I have been searching for some tutorial help but I can't find what I want yet. I would be happy with a template that worked way if I could find one.

SensaiLee · 18.11.2004, 01:19

Try Stingrey's Tigra Menu:

http://www.stingrey.biz/content/view/86/86/

Grantfuller · 18.11.2004, 11:32

Thanks for the tip, Stingrey's menu looks great. I have been getting "can't connect to mamboforge database" all day today. I'll try again later.