Cherry Zen Template Support Thread

[rooml101]

How could I put the Home, Log In, My Account, Shopping Cart, & Checkout on the top bar of the class templete?

[jettrue]

How could I put the Home, Log In, My Account, Shopping Cart, & Checkout on the top bar of the class templete?

Hmm, good question. (I'm assuming you mean to say "classic" template.

Anyway, you'd need to replace the navmainwrapper section of the classic template with the navmainwrapper section of the cherry zen template, starting from <!--bof-navigation display--> to <!--eof-navigation display-->

Then, you'll need to add some css (its a lot):

#navMainWrapper {
	background:url("../images/red/header.gif");
	}
	
#navMain a {
	background:url("../images/red/tableftE.gif") no-repeat left top;
	}
	
#navMain a span {
	background:url("../images/red/tabrightE.gif") no-repeat right top;
	}
	
#navMain a span.last {
	background:url("../images/red/tabrightE_last.gif") no-repeat right top;
	}

#navMain a span {
	color:#ffffff; /* color of header links, HOME, LOGIN, MY ACCOUNT, etc. */
	}
	
#navMain a:hover span {
	color:#ffffff; /* color of header links, HOME, LOGIN, MY ACCOUNT, etc. when hovered over */
	}

#navMainWrapper {
	height:32px;
	width:100%;
	font-size:12px;
	}

#navMain {
	float:right;
	width:750px;
	line-height:normal;
	}

#navMain ul {
	float:right;
	list-style:none;
	}
	  
#navMain li {
	display:inline;
	}
	  
#navMain a {
	float:left;
	text-decoration:none;
	}
	
#navMain a span {
	float:left;
	display:block;
	padding:7px 15px 10px 15px;
	text-align:center;
	width:90px;
	cursor:pointer;
	}
	
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navMain a span {float:none;}
/* End IE5-Mac hack */

#navMain a:hover {
	background-position:0% -32px;
	}
    
#navMain a:hover span {
	background-position:100% -32px;
	}

And then be sure to remove all of the original #navMain, #navMainWrapper, etc. that is found in the classic template's stylesheet.css.