• اطلاعیه ها

    • Morteza

      باهم بسازیم: اطلس ووکامرس و وردپرس   14/07/96

      تاپیک ایجاد شده برای بحث در جهت ایجاد یک منبع، ویکی، صفحات توضیحی و یا بخش آموزشی جامع برای وردپرس و متعلقات مختلف آن است. لطفا جهت مشارکت در این بحث، ارائه پیشنهاد و یا انتقاد به تاپیک فوق مراجعه کنید. باهم بسازیم: اطلس ووکامرس و وردپرس
sardar

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

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

با سلام

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

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

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

تشکر

0

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


لینک به پست

سلام

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

http://jsfiddle.net/4rUrb/

3

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


لینک به پست

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


#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;
}

ممنون

0

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


لینک به پست

روی همون نمونه ایی که دادم آپدیت کنید تا بررسی کنم.

2

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


لینک به پست

بفرمایید:


#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;
}

0

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


لینک به پست

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

1

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


لینک به پست

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

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

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

تشکر

0

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


لینک به پست

نمونه:

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

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

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

2

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


لینک به پست

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

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

0

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


لینک به پست

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

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

2

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


لینک به پست

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

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

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

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


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

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

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


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