M.Bonanni's 370Z Project "Born Again"

vipor · 02-15-2010, 11:13 AM

yeah my mouseover menu on that site is handled using only CSS. I've used a lot of those java scripts for things like that though.

here's the ONLY menu image used for it.

and the code:

Code:

<ul id="menu">
	<li id="abo"><a href="/aboutus/">About Us</a></li>
	<li id="pro"><a href="/products/">Products</a></li>
	<li id="ser"><a href="/services/">Services</a></li>
	<li id="lin"><a href="/linecard/">Line Card</a></li>
	<li id="new"><a href="/newdealer/">New Dealer</a></li>
	<li id="con"><a href="/contact/">Contact</a></li>
</ul>

Some of the things you're able to do now is awesome. I remember coding javascript functions and creating images for menus with 4 different states. Annoying. Now it's easy

02-15-2010, 11:13 AM	#11 (permalink)
vipor A True Z Fanatic Join Date: Aug 2009 Location: Euless, TX [ DFW ] Age: 43 Posts: 13,531 Drives: Nismo 09-0183 QAB Rep Power: 50	yeah my mouseover menu on that site is handled using only CSS. I've used a lot of those java scripts for things like that though. here's the ONLY menu image used for it. and the code: Code: <ul id="menu"> <li id="abo"><a href="/aboutus/">About Us</a></li> <li id="pro"><a href="/products/">Products</a></li> <li id="ser"><a href="/services/">Services</a></li> <li id="lin"><a href="/linecard/">Line Card</a></li> <li id="new"><a href="/newdealer/">New Dealer</a></li> <li id="con"><a href="/contact/">Contact</a></li> </ul> Some of the things you're able to do now is awesome. I remember coding javascript functions and creating images for menus with 4 different states. Annoying. Now it's easy __________________ 2009 NISMO # 0193 \| QAB \| Albums! \| 05.04.10 (Dynojet) 291.94hp/248.28tq Oil Cooler (DIY) \| Custom Headlights \| GTSPEC Braces \| F.I. Long Tube Headers Last edited by vipor; 02-15-2010 at 11:18 AM.