meri help kro muje website k liye drop down menu ko khobsorat style dena he

**smartboy** · 20th June 2014, 10:40 PM

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>

**imran_qasim** · 20th June 2014, 11:43 PM

Use css mania to learn abouf css

**i am back** · 21st June 2014, 12:01 AM

site konse type ki he agr blogger blog he to me help kar skta hun

**The Genius** · 21st June 2014, 10:32 AM

Ap ne ye style jiss website per dekha he wo yahan share karen. Ap ke code main aik file missing he, file copy karne se style complete ho jae ga.

**smartboy** · 22nd June 2014, 01:29 AM

is tareke se bhai log plz or koi acha sa template mil sakta he muje sherk-juice.com k name s website banani he plz project he hamara centr p jahan parta ho m plz