اعمال تغییرات روی منو
سوال
سلام
دوستان من منویی دارم که وقتی روی عناوین منو هاور میکنم زیرشون یه border bottom قرار میگیره ، با کلیک روی منو صفحه به جایی که عنوان منو لینک شده منتقل میشه.
حالا میخوام کاری کنم که منو از حالت هاور خارج میشه border bottom زیر عنوان ثابت بمونه که کاربر متوجه باشه که الان کجا قرار داره.
راهنمایی بفرمایید لطفا
|
1 2 3 4 5 6 7 8 9 |
header .navbar-wrapper nav .navbar-nav.site-navbar-menu .nav-item .nav-link.active:hover:before{ position: absolute; left: 0; width: 100%; height: 3px; margin: 0 auto; bottom: 0; content: ""; border-bottom: 2px solid #f5f5f5;} |
در حال بررسی
0
انجمن طراحان سایت
5 سال
3 پاسخ ها
340 دیده شده
1
پاسخ ها ( ۳ )
عرض سلام و ادب
راستش سوالتون رو خیلی کامل توضیح ندادین که بخوام بطور دقیق راهنماییتون کنم اما در هر صورت نظر بنده این هست که شما به راحتی میتونید این قضیه رو با استفاده از رویدادها در زبان جاوااسکریپت کنترلش کنید.
موفق باشید
سلام به شما دوست درسمنی عزیز
برای نگه داشتن این حالت شما دو راه حل دارید :
۱. در صورت طراحی صفحات وب به صورت جدا از هم و نزاشتن هدر یا منوی خود در لایه قالب سایت میتونید توی هر صفحه به صورت دستی خودتون بیاین و اون یکی رو در حالت هاور نگه دارین (راه حل اشتباه اما سریع)
۲. راه حل درستش اینه که شما یه وضعیت از کجا بودن کاربر توی ادرس بار یا توی یه سشن (فضای ذخیره با محدودیت زمانی) توسط زبان برنامه نویسی بکندتون نگه دارین و جایی که هست رو توش بریزین و توی صفحه ظاهر هم با همون زبان بکندتون این هاور بودن رو کنترل کنید.
سلام بله من هم بانظر شما موافقم.