پیمان رزمجویی
2 سال پیش
توسط پیمان رزمجویی
مطرح شد
چطور میتونم بنا به کلاس تگ body در قالب وردپرس شرط گذاری کنم
سلام یه دکمه دارک مود و لایت مود دارم وقتی رو این دکمه کلیک میکنم تگ body یک کلاس با نام light میگیره
حالا میخوام بدونم با چه شرطی میتونم مشخص کنم اگه body کلاس light گرفته بود لوگو سایتم تغییر کنه...
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
ثبت پرسش جدید
![user-avatar]()
فخرالدین لنگی
تخصص :
برنامه نویس وب، آندروید و سیست...
@fakhraddin
2 سال پیش
آپدیت شد
برنامه نویس وب، آندروید و سیستم های کامپیوتری
گزارش تخلف
کپی کردن
0
@peymanrazmjooei
با سلام دوست گرامی
شما می تونید برای راه حل مشکلتون از کدهای CSS استفاده کنید
فرض کنید یک تگ با کلاس logo-box دارید که توش دوتا آدرس لوگو وجود داره به شکل زیر
<div class="logo-box">
<img class="light" src="..." />
<img class="dark" src="..." />
</div>که توی حالت تم روشن لوگو با کلاس light رو نشون بده و توی تم تاریک لوگو با کلاس dark
برای این امر توی فایل style.css تمتون این کدا رو اضافه کنید
body.light .logo-box .light{
display: block;
}
body:not(.light) .logo-box .light{
display: none;
}
body.light .logo-box .dark{
display: none;
}
body:not(.light) .logo-box .dark{
display: block;
}این ساده ترین روش ممکن برای تغییر لوگو زمانیه که تم قالب دو حالت روشن و تاریک داره البته می شه با کدهای css یک انیمیشن نرمی رو برای این تغییر حالت بدید
یک روش دیگه ایی هم که شما می تونید با استفاده از js اینکار رو انجام بدید