منوی بالای سایتها!

MHMCS3

MHMCS3

عضو جدید
سلام...
خسته نباشید...
یک سوال داشتم که امیدوارم جوابم رو از دوستای گلم بگیرم...

بالای سایتهای زیر منویی رو می بینید که کشویی باز میشه...
می خواستم بدونم چطوری میشه یکی درست کرد...
در ضمن اینم بگم برای وبلاگهای بلاگفا می خوام نه چیز دیگه ای...
اگه نمیشه بگید ممنون میشم!
 
turboogle

turboogle

متخصص برنامه نویسی #C
سلام دوست عزيز .منو ها در وب عموما با جاوا اسكريپت نوشته ميشن كه كلاينت سايد هستش و مي توني از سورس خود سايت برداري و يا تو اينترنت سرچ كني .فكر نميكنم چيزي باشه كه گوگل جوابي واسش نداشته باشه.
موفق باشيد.
 
kerberos2023

kerberos2023

عضو جدید
منو های بالای سایت

منو های بالای سایت

سلام دوست عزیز.
این منو ها همه جاوا هستن و البته کلاینت ساید.
برنامه های زیادی هستن که می تونی خیلی راحت این منو هارو بسازی.
یکی از این برنامه ها که خودم باهاش کار کردم و خیلی هم حال داد easy button & menu maker هست
که میتونی منو فارسی هم باهاش طراحی کنی.
این برنامه رو می تونی از سایت www.p30download.com دانلود کنی وحالشو ببری.
 
abc_ramak

abc_ramak

عضو جدید
کاربر ممتاز
یک نمونه منوی کشویی (بدون استفاده از جاوا اسکریپت!)

یک نمونه منوی کشویی (بدون استفاده از جاوا اسکریپت!)

فایل html:
کد: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "[URL]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[/URL]">
<html xmlns="[URL]http://www.w3.org/1999/xhtml[/URL]">
<head>
<title>CSS Flyout menus</title>
<meta http-equiv="content-type"
    content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="menus.css" />
</head>
<body>
<ul id="nav">
 <li><a href="#">Starters</a>
  <ul>
   <li><a href="">Fish</a></li>
   <li><a href="">Fruit</a></li>
   <li><a href="">Soups</a></li>
  </ul>
 </li>
 <li><a href="#">Main courses</a>
  <ul>
   <li><a href="">Meat</a></li>
   <li><a href="">Fish</a></li>
   <li><a href="">Vegetarian</a></li>
  </ul>
 </li>
 <li><a href="#">Desserts</a>
  <ul>
   <li><a href="">Fruit</a></li>
   <li><a href="">Puddings</a></li>
   <li><a href="">Ice Creams</a></li>
  </ul>
 </li>
</ul>
</body>
</html>

فایل menus.css:
کد: 
#nav, #nav ul { 
 padding: 0;
 margin: 0;
 list-style: none;
}
#nav li { 
 float: left;
 position: relative;
 width: 10em;
 border: 1px solid #B0C4DE;
 background-color: #E7EDF5;
 color: #2D486C;
 font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
 margin-right: 1em;
}
#nav a:link, #nav a:visited {
 display: block;
 text-decoration: none;
 padding-left: 1em;
 color: #2D486C;
}
#nav ul { 
 display: none;
 position: absolute;
 padding-top: 0.5em;
}
#nav ul li {
 float: none;
 border: 0 none transparent;
 border-bottom: 1px solid #E7EDF5;
 background-color: #F1F5F9;
 font-size: 100%;
 margin: 0;
 margin-bottom: 0.5em;
 padding: 0;
}
#nav li:hover ul {
 display: block;
}
 
برای ارسال پاسخ شما باید وارد سیستم شوید.
بالا