در خواست آموزش ساخت منوی کشویی

[np.1400 542]

سلام

یه آموزش میخوام برای ساخت منوی کشویی فیکس. مثل سایت شهید آوینی:

http://www.aviny.com/

یعنی یه دکمه باشه که همیشه تو صفحه باشه و لینک های دلخواه توش بذارم (نه دسته ها یا صفحه ها).

اون قسمتی که تو عکس مشخص کردم

تو نت آموزش زیاده ولی نمیدونم کدومش مورد نظر منه.

یه کد ثابت میخوام که بشه تو تنظیمات هر وبلاگی گذاشت.

ممنون

[Parsa 23463]

25 منو

http://www.designyourway.net/blog/resources/25-jquery-menus-ready-for-download/

افزونه:

http://wpmu.org/jquery-wordpress-menu-plugins/

[np.1400 542]

ممنون

اینا چند تا کد داره به درد وبلاگ نمیخوره

من یه کد ساده میخوام

[imanfakhar 26231]

این ساده ترین کدشه استایل و اینکارهاش هم می مونه با خودتون

<style type="text/css">
.menu ul {
list-style:none;
margin:0;
padding:0;
}
.menu ul li {
position:relative;
margin:0;
padding:5px;
float:right;
display:inline-block;
}
.menu ul li a{
display:block;
margin:-5px;
}
.menu ul li:first-child {
margin-right:50px
}
.menu ul li ul {
position:absolute;
display:none;
	   background:#fff;
}
.menu ul li ul li {
display:block;
width:200px;
line-height:24px;
margin:0;
float:none;
}
.menu ul li:hover ul {
display:block 
}
</style>
<div class="menu">
<ul>
   <li>متن</li>
   <li>متن</li>
   <li>متن
    <ul>
	 <li>متن </li>
	 <li>متن</li>
	 <li>متن</li>
    </ul>
   </li>
   <li>متن</li>
   <li>متن
    <ul>
	 <li>متن </li>
	 <li>متن</li>
	 <li>متن</li>
    </ul>
   </li>
</ul>
</div>

[np.1400 542]

ممنون

اینو می خوام یه مرحله دیگه باز بشه

<style type="text/css">
.menu ul {
list-style:none;
margin:0;
padding:0;
}
.menu ul li {
position:relative;
margin:0;
padding:5px;
float:right;
display:inline-block;
}
.menu ul li a{
display:block;
margin:-5px;
}
.menu ul li:first-child {
margin-right:50px
}
.menu ul li ul {
position:absolute;
display:none;
		   background:#fff;
}
.menu ul li ul li {
display:block;
width:200px;
line-height:24px;
margin:0;
float:none;
}
.menu ul li:hover ul {
display:block
}
</style>
<div class="menu">
<ul>
   <li>درباره ما
	    <ul>
		    <li><a href="http://www.alamooti.ir/" target="_blank">سایت ها</a></li>
	    </ul>
   </li>
</ul>
</div>

یعنی درباره ما --> سایتها --> 1-گردشگری 2-تفریحی

ممنون

[imanfakhar 26231]

به انتهبی کدهای css اضافه کنید

.menu ul li:hover ul li ul {
display:none
}
.menu ul li ul li:hover  ul {
display:block
}