ورود

View Full Version : سوال: در این مورد کمک کنید....



iman_k26
یک شنبه 27 بهمن 1392, 07:08 صبح
با سلام

دوستان میخواستم ببینم چجوری میشه توی CSS کاری کرد که علاوه بر اینکه وقتی روی یه لینکی چیزی hover میشه و پس زمینه رنگش عوض میشه علاوه بر این وقتی روی یه منویی چیزی کلیک میشه یا وقتی زیر منو عوض میشه رنگ اون هم عوض بشه...
نمیدونم منظورم رو خوب رسوندم یا نه اما یه چیزی میخوام مثله عکس ضمیمه. ببینید علاوه بر اینکه وقتی روی Home، hover میکنه و رنگ پس زمینه عوض میشه روی PORTFOLIO هم وقتی میره رنگ خودشو زیرمنوهاش کلا یه رنگ دیگه میشه...

چنین چیزی تو CSS شدنیه؟اگه شدنیه راهنمایی کنید یا لینک آموزشی چیزی بزارید

با تشکر

colors
یک شنبه 27 بهمن 1392, 10:48 صبح
تا جای که بنده متوجه شدم, بله شدنیه. ولی برای راحتی بیشتر با جکوئری کار میکنن.
مثلا اینجا (http://apycom.com/menus/13-white.html) رو ببینید.(قابلیت دانلود هم داره)
و اینجا (http://apycom.com/) نمونه های بیشتری.

mikrob
یک شنبه 27 بهمن 1392, 15:04 عصر
با سلام دوست عزیز
بدون جی کوئری هم میشه:
http://jsfiddle.net/OmidJackson/Srt93
تو این تاپیک هم بحث شده بود:
http://barnamenevis.org/showthread.php?440623-hover-%DA%A9%D8%B1%D8%AF%D9%86-%D8%B1%D9%88-%DB%8C%DA%A9-%D8%B4%DB%8C-%D9%88-%D9%86%D9%88%D8%B4%D8%AA%D9%86-%D8%AE%D8%A7%D8%B5%DB%8C%D8%AA-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%AF%D9%88-%D8%B4%DB%8C%D8%9F%D8%9F%D8%9F

colors
یک شنبه 27 بهمن 1392, 15:29 عصر
فکر نکنم نمونه منوای که تو تصویر گذاشتن رو بشه فقط با CSS اجرا کرد

mikrob
یک شنبه 27 بهمن 1392, 15:41 عصر
دوست عزیز چرا میشه:
نمونه افقی: http://line25.com/wp-content/uploads/2012/css-menu/demo/index.html
اینم آموزش افقی: http://line25.com/tutorials/how-to-create-a-pure-css-dropdown-menu

نمونه عمودی همراه با آموزش: http://www.devinrolsen.com/pure-css-vertical-menu

iman_k26
دوشنبه 28 بهمن 1392, 05:42 صبح
دوستان بابت لینکهاتون ازتون تشکر میکنم اما اون چیزی که تو تصویر هست یکمی متفاوت از این مطالبیه که شما فرتادید...

اگه دقت کنید توی عکس 2 حالت و 2 رنگ متفاوت داریم یکی برای hover و یکی برای او دسته که زیرمنو هم داره...

میخوام ببینم این چجوری میشه...

qartalonline
دوشنبه 28 بهمن 1392, 07:57 صبح
میتونید با class اون قسمت رو جداگانه استایل بدید.