مشکل در طراحی زیر منو... فوری

[mahlake]

با عرض سلام و خسته نباشید خدمت همه دوستان و همکاران عزیز
من یک منو دارم طراحی میکنم که زیر منوی اول از پایین باز میشه و زیر منوی دوم از سمت چپ میخواستم ببینم که این کار رو چطور میتونم انجام بدم...
خیلی برام مهمه...
با تشکر...
کد منو برای دانلو: ((لینک اصلاح شد))
http://www.uplooder.net/cgi-bin/dl.cgi?key=96a962c4edddd843da59f7b1051a9509

http://www.uplooder.net/img/image/46/2b0d1afec55bfdbf374627e5fb454c13/test.jpg

بازم پیشاپیش ممنون از راهنماییتون....

[Omid Jackson]

آموزش در این سایت (http://www.learningjquery.com/2009/02/slide-elements-in-different-directions)

[mahlake]

آموزش در این سایت (http://www.learningjquery.com/2009/02/slide-elements-in-different-directions)

با تشکر از راهنمایی شما اما این خیلی خارجیه...:چشمک: من انگلیسیم زیاد خوب نیست بعد این که ضاهرا درباره همه چیز هم توضیح داده...خیلی کلیه من نتونستم چیزی ازش بفهمم...
اگه بشه و لطف کنید فایل های ضمیه رو اصلاح کنید و بگذارید و یا در همین پست بنده را راهنمایی کنید بسیار ممنون میشوم...
مرسی از وقتی که میگذارید...

[tadayoni]

فایل ضمیمه شما قابل دانلود نیست. لینک رو تصحیح کنید و بذارید تا براتون درستش کنم

[Omid Jackson]

فایل ضمیمه ای من نمیبینم
خیلی سادست که، دو سه خط CSS نوشته، بعد اومده تابع jQuery نوشته، شما با تست کردنشون ببینین کدوم به کارتون میاد، خط بالاشو بردارید
خیلی هم سادست

[mahlake]

فایل ضمیمه ای من نمیبینم
خیلی سادست که، دو سه خط CSS نوشته، بعد اومده تابع jQuery نوشته، شما با تست کردنشون ببینین کدوم به کارتون میاد، خط بالاشو بردارید
خیلی هم سادست

آقا واقعا ممنون لینک رو جا گذاری کردم...
واقعا شرمنده کردید...:قلب:

[mahlake]

فایل ضمیمه شما قابل دانلود نیست. لینک رو تصحیح کنید و بذارید تا براتون درستش کنم

آقا واقعا ممنون لینک رو جا گذاری کردم...
واقعا شرمنده کردید...:قلب:

[tadayoni]

این کد رو جایگزین کدهای فایل css خودتون بکنید


body{
direction:rtl;
background-color:#FFF;
font-family:Arial, Helvetica, sans-serif;
}
#vertical-nav {
width:150px;
font-family:Tahoma, Geneva, sans-serif;
text-align:center;
z-index:1000;
}
#vertical-nav ul {
margin:0px;
padding:0px;

}
#vertical-nav li {
list-style:none;
position: relative;
}
#vertical-nav a {
color:#fff;
display:block;
height:27px;
line-height:27px;
text-decoration:none;

}
#vertical-nav a:hover{
display:block;
transition: all 500ms linear 0s;
}
#vertical-nav li:hover {
background-color:#00a0e3;
position:relative;
transition: all 500ms linear 0s;
}
ul.vertical-sub-level {
display:none;
}
li:hover .vertical-sub-level {
background-color:#2b2a29;
display:block;
position:absolute;
transition: all 500ms linear 0s;
}
ul.vertical-sub-level li {
border:none;
float:right;
width:150px;
background-color:#2b2a29;
}
#vertical-nav .vertical-sub-level {
background-color:#2b2a29;
}
#vertical-nav .vertical-sub-level .vertical-sub-level {
background-color:#2b2a29;
}
li:hover .vertical-sub-level .vertical-sub-level {
display:none;
transition: all 500ms linear 0s;
}
.vertical-sub-level li:hover > .vertical-sub-level {
display:block;
transition: all 500ms linear 0s;
}

.vertical-sub-level li .vertical-sub-level{
position: absolute;
right: 150px;
top: 0;
}



#vertical-nav-1 {
width:150px;
font-family:Tahoma, Geneva, sans-serif;
text-align:center;
z-index:1000;
}
#vertical-nav-1 ul {
margin:0px;
padding:0px;

}
#vertical-nav-1 li {
list-style:none;
}
#vertical-nav-1 a {
color:#fff;
display:block;
height:27px;
line-height:27px;
text-decoration:none;

}
#vertical-nav-1 a:hover{
display:block;
transition: all 500ms linear 0s;
}
#vertical-nav-1 li:hover {
background-color:#00a0e3;
position:relative;
transition: all 500ms linear 0s;
}

ul.vertical-sub-level-1 {
display:none;
}
li:hover .vertical-sub-level-1 {
background-color:#2b2a29;
display:block;
position:absolute;
transition: all 500ms linear 0s;
right:150px;
top:0px;
}
ul.vertical-sub-level-1 li {
border:none;
float:right;
width:150px;
background-color:#2b2a29;
}
#vertical-nav-1 .vertical-sub-level-1 {
background-color:#2b2a29;
}
#vertical-nav-1 .vertical-sub-level-1 .vertical-sub-level-1 {
background-color:#2b2a29;
}
li:hover .vertical-sub-level-1 .vertical-sub-level-1 {
display:none;
transition: all 500ms linear 0s;
}
.vertical-sub-level-1 li:hover .vertical-sub-level-1 {
display:block;
transition: all 500ms linear 0s;
}

[Omid Jackson]

این کد CSS جواب نمیده
ایشون میخوان زیرمنو سطح 1 هم بیاد پایین و زیرمنو سطح 2 سمت چپ باز شه


شرمنده من وقت درست کردن ندارم

[tadayoni]

این کد CSS جواب نمیده
ایشون میخوان زیرمنو سطح 1 هم بیاد پایین و زیرمنو سطح 2 سمت چپ باز شه


شرمنده من وقت درست کردن ندارم

دوست عزیز شما تست کردید که دارید میگید جواب نمیده ؟
اولا این کد رو خود ایشون نوشتن و من فقط کمی تغییرش دادم تا دقیقا همون حالتی که میگید زیر منوی سطح یک بیاد پایین و زیر منوی سطح 2 بیاد کنارش در بیاد
لطفا اول تست بکنید و بعد بگید کار نمیکنه

[Omid Jackson]

دوست عزیز شما تست کردید که دارید میگید جواب نمیده ؟
اولا این کد رو خود ایشون نوشتن و من فقط کمی تغییرش دادم تا دقیقا همون حالتی که میگید زیر منوی سطح یک بیاد پایین و زیر منوی سطح 2 بیاد کنارش در بیاد
لطفا اول تست بکنید و بعد بگید کار نمیکنه
من نمیدونم چرا اینجا همه علاقه دارن به این که میگن کد رو تست نکردیم
بله من کد رو تست کردم
تغییرات شما هم زیر منو سطح 1 میاد کنارش، نه زیرش، یعنی با رفتن روی زیرمنو سطح 1، زیرمنو سطح 2 باز بشه (درقسمت چپ زیرمنو سطح 1)
لطفا عکس رو هم نگاه کنین بعد جواب بدین
درضمن هم اینکه من کی گفتم کار نمیکنه؟ شما یه بار دیگه پست من رو بخونین متوجه میشین
این هم نتیجه کار شما (http://jsfiddle.net/OmidJackson/bD7CC/)

[دانیال دزفولی]

امید اینجور که نوشتی جواب نمیده من هم فکر کردم کار نمی کنه آقای تدینی عزیز امید منظورش این بود که این کد سی اس اس به کار نمیاد

[tadayoni]

خوب امید جان حرف شما طوری بود که منظورتون رو به این حالت بود که کد کار نمیکنه
دوما من اصلا علاقه ای به اون جمله ندارم ولی واسم عجیب بود که شما بگید کار نمیکنه چون خودم تست کردم .
در مورد اینکه کد خوب نوشته شده یا نه هم دوستمون باید خودشون بهتر کار کنند . من که اینقدر وقت ندارم بیام کد رو بطور کامل بهینه کنم
فقط میتونم کدی که ایشون دادن رو براشون طوری تغییر بدم که کار بکنه
باقیش پای خود ایشون هستش
شما هم عصبانی نشو
من متن شما رو خونده بودم و بخاطر همون در موردش صحبت کردم

[Omid Jackson]

خوب امید جان حرف شما طوری بود که منظورتون رو به این حالت بود که کد کار نمیکنه
دوما من اصلا علاقه ای به اون جمله ندارم ولی واسم عجیب بود که شما بگید کار نمیکنه چون خودم تست کردم .
در مورد اینکه کد خوب نوشته شده یا نه هم دوستمون باید خودشون بهتر کار کنند . من که اینقدر وقت ندارم بیام کد رو بطور کامل بهینه کنم
فقط میتونم کدی که ایشون دادن رو براشون طوری تغییر بدم که کار بکنه
باقیش پای خود ایشون هستش
شما هم عصبانی نشو
من متن شما رو خونده بودم و بخاطر همون در موردش صحبت کردم
حرف شما رو متوجه هستم که وقت ندارین کد رو کامل درست کنین
آخه آدم ناراحت میشه، من که این همه کد رو با چشم نگاه نمیکنم ببینم کار میکنه یا نه یا اینکه بیام یه حرفی بزنم تست نکرده اونوقت خودم رو خراب کنم
کار نمیکنه یعنی هیچ تغییری توش ایجاد نمیشه ولی جواب نمیده یعنی تغییر کرده اما جواب این نیست
بعضی موقع ها بعضی کاربرا یه چیز میگن آدم پشیمون میشه اینجا وقتش رو بذاره مشکل بقیه رو حل کنه

از استارتر تاپیک هم درخواست میکنم یه خورده کد تمیزتری بذارن، بعضی چیزا الکی تعریف شده و فقط طولانی شده
و یه خورده به اون لینک بالا بکنن متوجه میشن که باید چیکار کنن

[mahlake]

حرف شما رو متوجه هستم که وقت ندارین کد رو کامل درست کنین
آخه آدم ناراحت میشه، من که این همه کد رو با چشم نگاه نمیکنم ببینم کار میکنه یا نه یا اینکه بیام یه حرفی بزنم تست نکرده اونوقت خودم رو خراب کنم
کار نمیکنه یعنی هیچ تغییری توش ایجاد نمیشه ولی جواب نمیده یعنی تغییر کرده اما جواب این نیست
بعضی موقع ها بعضی کاربرا یه چیز میگن آدم پشیمون میشه اینجا وقتش رو بذاره مشکل بقیه رو حل کنه

از استارتر تاپیک هم درخواست میکنم یه خورده کد تمیزتری بذارن، بعضی چیزا الکی تعریف شده و فقط طولانی شده
و یه خورده به اون لینک بالا بکنن متوجه میشن که باید چیکار کنن


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

1-موس روی منو میره و زیر منو پایین منو باز میشه
2- سپس موس روی زیر منو میره و زیر منو سطح 1 در پایین زیر منو باز میشه

اما مشکل اینجاست: 3- اکنون باید موس روی زیر منوی سطح 1 بره تا زیر منو سطح 2 از سمت چپ باز بشه اما قبل این موضوع زیر منو سطح 2 باز هست دقیقا چیزی که داخل کد آقای تدینی هم بود...

بچه ها من از همتون عذر میخوام تو رو خدا کمکم کنید... این زیر منو باید بعد از رفتن موس از سمت چپ باز بشه اما همیشه باز هست :گریه:

[دانیال دزفولی]

یه منوی آماده از اینترنت بگیر خودت رو خلاص کن

[mahlake]

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

[Omid Jackson]

من اول پیشنهاد میکنم شما کدتون رو مرتب کنین
دقیقا نقش تگهای font چیه اونجا؟
من فقط گیج میشم با اینا!!!

<div id="vertical-nav">
<ul style="list-style:none;">
<li> <a href="#"><font color="#000"><span> منو </span></font></a>
<div>
<div style="width:150px;height:27px;position:relative;display: inline-block;;top:3px">
<ul class="vertical-sub-level">
<li><!-- tarahi -->
<a href="#"><font color="#FFFFFF"><span> زیر منو </span></font></a>
<ul class="vertical-sub-level">
<li> <a href="#"><font color="#FFFFFF"><span> زیر منو سطح1 &raquo;</span></font></a>
<ul class="vertical-sub-level-1">
<li> <a href="#"><font color="#FFFFFF"><span> زیر منو سطح 2 </span></font></a> </li>
<li> <a href="#"><font color="#FFFFFF"><span> زیر منو سطح 2 </span></font></a> </li>
</ul>
</li>
<li> <a href="#"><font color="#FFFFFF"><span> زیر منو سطح 1 </span></font></a> </li>
</ul>
</li>
</ul>
</div>
</div>
</li>
</ul>
</div>

[tadayoni]

یه منوی آماده از اینترنت بگیر خودت رو خلاص کن

:قهقهه:
جالب بود
خوب یه جورایی راست میگه
مشکل اصلی صحیح نبودن و ساختار بندی نشدن کدهای شما هستش
من خودم اون قسمت رو هم خواستم تصحیح کنم ولی اینقدر شلوغ کد نوشتی که حوصله آدم نمیکشه
کد نویسی امید یه نمونه از کدنویسی تمیز هستش
حتما به اونها دقت کن