رفتن به مطلب

زیرمنوهای تو در تو


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

با سلام

تمام آموزشها رو دنبال کردم اما به نتیجه نرسیدم.

ساخت زیر منوها با استفاده از فهرست برای من کمی گیج کننده اس!

وقتی با css زیرمنو میسازم حداقل تا 2 لایه عمل می کنه. میخواستم بدونم چطوری میشه با استفاده جی کوئری و یا چیز دیگه کد نویسی css رو کم کرد و بشه تا تعداد زیادی زیرمنو ساخت با قابلیت ایجاد زیرمنو برای هرکدام!

تشکر

لینک به ارسال

سلام

چرا تا 2 لایه؟ با همون متد css میشه تا بینهایت زیرمنو رفت پایین:

http://jsfiddle.net/4rUrb/

لینک به ارسال

متشکرم. الان من کدهای جدید رو جایگزین کردم، کار کرد اما مثل قبلی نمیتونم باهاش کار کنم. اگر میشه کد زیر را به صورت یک منو کشویی ساده در بیارید! تا کارکردشو یاد بگیرم.


#nav-menu{
float: right;
font-family:'BYekan', tahoma;
font-size: 14px;
}
#nav-menu ul{
margin-top: 5px;
}
#nav-menu ul li{
float: right;
display:inline;
list-style-type: none;
margin: 0 10px 0 0;
}
#nav-menu ul li a{
display: block;
}
#nav-menu ul li ul{
display:none;
width: 60px;
height: 20px;
background: #DC143C;
}
#nav-menu ul li:hover>ul{
display:block;
position: absolute;
margin: 0;
padding: 0 10px 0 10px;
}
#nav-menu ul li ul:hover>li,
#nav-menu ul li ul.hover>li{
float: right;
}

ممنون

لینک به ارسال

بفرمایید:


#nav-menu{
float: right;
font-family:'BYekan', tahoma;
font-size: 14px;
}
#nav-menu ul{
margin-top: 5px;
}
#nav-menu ul li{display:inline;}
#nav-menu ul li ul{ display:none;}
#nav-menu ul li:hover>ul{
display:block;
}

لینک به ارسال

یک سوال. منوی کشویی از کنار یا بازشو ار بالا به پایین؟

لینک به ارسال

یک سوال. منوی کشویی از کنار یا بازشو ار بالا به پایین؟

بازشو از بالا پایین برای فهرست. چون وقتی زیر منوها در فهرست قرار میگیرند شکل مشخصی ندارند.

کدی باشد که این زیر منوها را سرو سامان بده!

تشکر

لینک به ارسال

نمونه:

http://jsfiddle.net/4rUrb/1/

تایپک زیر رو هم بخونید:

ساخت منو drop down برای دسته بندی ( موضوعات ) با css

لینک به ارسال

بسیار عالی بود متشکر.

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

لینک به ارسال

از خاصیت z-index بایداستفاده کنید.

به فهرست خاصیت position:relative بدید و بعد خاصیت z-index:999 رو بدید.

لینک به ارسال

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

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

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

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

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

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

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

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

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