ایده ی این کار از خودم هست و تقریبا هر چی در نت گشتم که ببینم کسی همچین کاری رو کرده , چیزی پیدا نکردم .

یکی از قابلیت هایی که یک وب سایت میتواند داشته باشد این است که در شب , به رنگ های تیره تبدیل شود تا در هنگام خواندن مطالب سایت, چشم اذیت نشود .

به همین خاطر کدی رو با استفاده از جی کوئری نوشتم که دکمه ای به سایت اضافه میکند که کاربر با کلیک بر روی آن , سایت را به صورت رنگ های تیره یا تقریبا میشه گفت سیاه و سفید می بیند .

و اما آموزش :

برای انجام این کار کافیست ابتدا فایل جی کوئری را از سایت Jquery.com دانلود کرده و سپس به سایت خود لینک کرده و آن را فراخوانی کنید ( داخل تگ head ) .

به عنوان مثال :

<script src="فایل دانلود شده از سایت جی کوئری" type="text/javascript"></script>

حال کافیست کد زیر را در سایت خود قرار دهید . ( ترجیها در داخل همان تگ head )

توجه : اگر از وردپرس استفاده میکنید , در داخل فایل header.php قرار دهید .

<script>
$(document).ready(function() {
	$("body").append('<button id="vms-night">نسخه شب</button>');
	$("button#vms-night").attr("style","position:fixed;top:10px;left:10px;width:80px;height:30px;background-color:#666;border:1px solid #fff;color:#fff;font-family:tahoma;font-size:13px");
	$("button#vms-night").click(function() {
        $("*").css({"background-color":"#666","color":"#fff","border-color":"#fff","outline-color":"#fff"});
		$("body,html").css("background","none fixed #333 ");
		$("table").css({"border":"1px solid #fff","border-collapse":"collapse"});
		$("tr,td").css("border","1px solid #fff");
		alert("جهت بازگشت به حالت قبل , صفحه را رفرش نمایید");
		$(this).fadeOut();
	});
});
</script>

نکته بسیار مهم : کد بالا قطعا نواقصی دارد که خوشحال میشم پس از نصب بر روی سایت خود , مشکلات احتمالی را در قسمت کامنت ها گزارش دهید تا بررسی شود .

پخش اختصاصی

آموزش و ایده از : وحید مجیدی