np.1400

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

6 پست در این موضوع قرار دارد

سلام

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

http://www.aviny.com/

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

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

post-1392-0-25344200-1365784877_thumb.jp

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

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

ممنون

0

به اشتراک گذاری این پست


لینک به پست

25 منو


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

افزونه:


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

4

به اشتراک گذاری این پست


لینک به پست

ممنون

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

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

0

به اشتراک گذاری این پست


لینک به پست

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


<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>

5

به اشتراک گذاری این پست


لینک به پست

ممنون

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


<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-تفریحی

ممنون

0

به اشتراک گذاری این پست


لینک به پست

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


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

5

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری