صفحه 1 از 1

آموزش اجبار حالت شب در قالب سایت

ارسال شده: چهارشنبه ۲۸ آبان ۱۴۰۴, ۷:۴۵ ب.ظ
توسط HosseinSabbaghi
درود دوستان، یک کد ساده براتون می‌گذارم که باعث می‌شود اگر قالب سایت روشن است، به حالت تیره تغییر کند و اجباراً در حالت شب باقی بماند.

این کد حتی آیکون‌ها و تصاویر قالب را هم برعکس می‌کند، بنابراین ممکن است بعد از اعمال کد لازم باشد بعضی آیکون‌ها یا بنر سایت را تغییر دهید تا ظاهرشان طبیعی‌تر شود.

[align=left]

کد: انتخاب همه

body {
  filter: invert(1) hue-rotate(180deg);
}
body img {
  filter: invert(1) hue-rotate(180deg);
}

[/align]

محل قرار دادن کد

جوملا: این کد را در فایل قالب (مثلاً index.php یا فایل CSS سفارشی) قبل از بسته شدن تگ قرار دهید.

وردپرس: در فایل قالب (مثلاً header.php یا بخش Custom CSS قالب) قبل از بسته شدن تگ بگذارید.

سایر سیستم‌ها: کافی است در محدوده تگ ... قالب قرار داده شود.


:idea: با این روش، سایت شما همیشه در حالت شب نمایش داده می‌شود.