درخصوص منویی که طراحی کردم، چیکار کنم وقتی ماوس میره روی منو کل بلوک رنگی بشه؟

[sahel65]

سلام دوستان گلم
یه منو طراحی کردم تو این لینک (https://jsfiddle.net/cd8mxvh3/) گذاشتمش.
حالا کجا رو باید اصلاح کنم که وقتی با ماوس میرم روش، کل بلوکم رو بگیره و نه فقط text رو.
روی این منو هنوزم سوال دارم که بعدا ازتون می پرسم.

[سعید کشاورز]

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

[sahel65]

مرسی و ممنونم. اگه روی همین منوی شما سوالی داشتم در ادامه میپرسم.

[mohammad425]

اول اینکه تگ های li رو باید ببندید
وما به جای این که تگ های a رو هاور کنید باید li هارو هاور کنید
موفق باشید.

[sahel65]

سعید جان ازت خیلی خیلی سپاسگزارم ولی میدونی چیه! میخواستم اگه ممکن بود روی همین نظر بدی، چون میخوام بیشتر بفهمم و خودم یادبگیرم. باز هم از منویی که فرستادی ممنونم دوست خوبم.اگه جمعه فرصت کردی بهم جواب بده.
محمد جان خیلی خیلی سپاسگزارم. واقعا کمک بزرگی بهم کردی. راست هم میگی چرا من li ها رو نبسته بودم؟؟؟!!!!:گریه::متفکر::متفک� �::متفکر:
الان بدین نحوه تغییر کرد:
ul#menubala li:hover{
background-color:#FF0000;
}
ul#menubala li a:hover{
}

آیا خوب شد الان؟ و اینکه آیا استاندارد شده؟ سایر منوها رو هم همینجوری درست میکنن؟ الان این سلکتور سفارشی آخر رو میتونم بردارمش دیگه مگه نه.


ul#menubala li a:hover{
}
در نهایت منویی که طراحی کردم بدین شکل شد (https://jsfiddle.net/cd8mxvh3/1/).

[mohammad425]

خواهش میکنم
سلکتور آخر رو میتونید بردارید , ولی اگه بخواین رنگ متن ها هم هنگام هاور تغییر بکنه به سلکتور آخر color بدین :)
واین که قبل از آی دی ها بهتره از ul استفاده نکنید , یعنی به جای ul#menubala از #menubala استفاده کنید.
موفق باشید

[sahel65]

بازم خیلی خیلی سپاسگزارم؛ طبق فرمایش شما سلکتور آخر رو هم گذاشتم و اینجوری شد (https://jsfiddle.net/cd8mxvh3/2/).
فکر کنم داره قشنگ تر میشه نسبت به اول اولش.
آخه میدونید چرا من ul رو قبل از ID ها گذاشتم؟؟ تو یه فیلم آموزشی دیدم اینجوری کرده بود. پس نزارم بهتره ؟؟ آره؟؟
حالا محمد جان من میخوام بیام و این منو رو شکیل تر کنم، یعنی اینکه گوشه های منو رو گرد کنم که این رو فکر کنم دستورش رو بلدم.
اگه بخوام بیام و زیر منو هم تعریف کنم خیلی سخته یا نه ؟؟؟ مثلا بیاد روی first چند تا گزینه زیرش باز بشه و همینجوری باهاش دست و پنجه نرم کنم.

[mohammad425]

اینجا (http://onliner.ir/css-video-tutorials/)فیلم های آموزشی خوبی داره که میتونید منوی کشویی رو هم طراحی کنید.