رفتن به مطلب

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


پست های پیشنهاد شده

سلام

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

http://www.aviny.com/

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

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

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

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

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

ممنون

لینک به ارسال

25 منو


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

افزونه:


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

لینک به ارسال

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


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

لینک به ارسال

ممنون

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


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

ممنون

لینک به ارسال

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


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

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...