meri help kro muje website k liye drop down menu ko khobsorat style dena he
bhai plz meri help kre muje apni site k liye drop down menu ko khobsorat look dena he koi khobsorat look de sakta he plz drop down menu ko khobsorat look ka tareeka ya code batao plz bhai mene file upload krdi he ap dekh k samaj jayenge or ye mene drop down menu me a s he likha he bs muje look dilwao plzzz
agr file nhn to ye he code plz help kro meri
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="file:17-05-2014 dropdownMenu/menu.css" />
<style>
.Menubar{padding:0px; margin-left:25px;}
.Menubar ul{padding:0px; margin:0px; line-height:33px;}
.Menubar li{list-style:none;float:left;position:relative;}
.Menubar a{width:135px; height:40px; background-color:#FFFFFF; text-decoration:none; display:block; color:#639; border:1px solid; text-align:center;}
.Menubar ul ul{visibility:hidden; position:absolute; top:33px;}
.Menubar ul li:hover ul{visibility:visible}
.Menubar a:hover {background-color:#099; color:#C33;}
</style>
</head>
<body>
<div id="Container">
<div id="Header" style="background-image:url(GTY_orange_juice_sk_140502_16x9_992.jpg) ">
<h1 align="center">My First Page</h1>
</div>
<div class="Menubar">
<ul>
<li><a href="#">Products and Menu</a>
<ul>
<li><a href="#">Fruit juices</a></li>
<li><a href="#">Vegetable Juices</a></li>
<li><a href="#">Smoothies</a></li>
<li><a href="#">Protein Shakes</a></li>
<li><a href="#">Winter Menu</a></li>
<li><a href="#">Chocolate Juices</a></li>
<li><a href="#">Mock Tails</a></li>
</ul>
</li>
<li><a href="#">Store Location</a>
<ul>
<li><a href="#">C Language</a></li>
<li><a href="#">PHP</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">JellyBean</a></li>
</ul>
</li>
<li><a href="#">Franchising</a>
<ul>
<li><a href="#">Windows</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Window7</a></li>
<li><a href="#">Window8</a></li>
</ul>
</li>
<li><a href="#">Catering</a>
<ul>
<li><a href="#">Windows</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Window7</a></li>
<li><a href="#">Window8</a></li>
</ul>
</li>
<li><a href="#">Contact</a>
<ul>
<li><a href="#">Windows</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Window7</a></li>
<li><a href="#">Window8</a></li>
</ul>
</li>
<li><a href="#">Feedback</a>
<ul>
<li><a href="#">Windows</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Window7</a></li>
<li><a href="#">Window8</a></li>
</ul>
</li>
<li><a href="#">About us</a>
<ul>
<li><a href="#">Windows</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Window7</a></li>
<li><a href="#">Window8</a></li>
</ul>
</li>
</ul>
</div>
</div>
</body>
</html>
Reply With Quote
Bookmarks