Want to replace navMainWrapper with custom css menu

**canemasters** · 15 May 2008, 03:50 PM

I generated a css menu from a site that I found. How would I merge this code with the tpl_header.php and the stylesheet.css files? The code it gave me to insert is this:

CSS Code:

ul.menu {
list-style-type:none;
width:auto;
position:relative;
display:block;
height:33px;
font-size:.6em;
background:url(images/bg.png) repeat-x top left;
font-family:Verdana,Helvetica,Arial,sans-serif;
border:1px solid #000;
margin:0;
padding:0;
}

ul.menu li {
display:block;
float:left;
margin:0;
padding:0;
}

ul.menu li a {
float:left;
color:#A79787;
text-decoration:none;
height:24px;
padding:9px 15px 0;
}

ul.menu li a:hover,.current {
color:#fff;
background:url(images/bg.png) repeat-x top left;
}

ul.menu .current a {
color:#fff;
font-weight:700;
}

/*RED*/
ul.menu.red{
background-color:#B11718;
}
ul.menu.red li a:hover, .menu.red li.current {
background-color:#DE3330;
}

HTML Code

<head>
<link rel='stylesheet' type='text/css' href='menu_style.css'>
</head>

<ul class='menu red'>
<li class='current'><a href='http://www.dashtop.com/shop'>Home</a></li>
<li><a href='http://www.dashtop.com/shop/index.php?main_page=login'>Login</a></li>

</ul>

The css seems simple enough, but it's the tpl_header.php file that I'm unsure of. I know I need to remove <div id="logoWrapper">, but I'm just not sure how to properly format the new code.

Thank you!

**athena** · 7 Aug 2008, 06:45 PM

Have you found a solution? I'm working on a similar plan, have a beautiful menu all worked out but just can't find where to put it to make it sinc with the rest of the store. THe built in EZ pages links are a great option to have available except I want images for my background to look like buttons and for the drop down to look like the rest of my site.

Thread: Want to replace navMainWrapper with custom css menu

Thread Tools

Search Thread

Display

Want to replace navMainWrapper with custom css menu

Re: Want to replace navMainWrapper with custom css menu

Similar Threads

v138a Replace header with apycom jQuery Menu Style 01 (flyout menu))

Categories menu - replace with ul/li

replace categories menu with ul/li

Replace Cetegories Menu with Image

Looking to replace #navmainwrapper with image links and searchbar

Posting Permissions