• code ทำเว็บสีเทา ทั้งหน้า

    June 3, 2017

    CSS เว็บทั่วไป

    <style type="text/css">
*{
-moz-filter: grayscale(100%) !important;
-webkit-filter: grayscale(100%) !important;
filter: gray !important; /* IE6-9 */
filter: grayscale(100%) !important;
}
</style>

    SMF

    *{
-moz-filter: grayscale(100%) !important;
-webkit-filter: grayscale(100%) !important;
filter: gray !important; /* IE6-9 */
filter: grayscale(100%) !important;
}

    or

    html{
-moz-filter: grayscale(100%) !important;
-webkit-filter: grayscale(100%) !important;
filter: gray !important; /* IE6-9 */
filter: grayscale(100%) !important;
}

    JOOMLA

    *{
-moz-filter: grayscale(100%) !important;
-webkit-filter: grayscale(100%) !important;
filter: gray !important; /* IE6-9 */
filter: grayscale(100%) !important;
}

    WordPress

    *{
-moz-filter: grayscale(100%) !important;
-webkit-filter: grayscale(100%) !important;
filter: gray !important; /* IE6-9 */
filter: grayscale(100%) !important;
}
    html {
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: gray; /* IE 6-9 */
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);  
    filter: grayscale(1);
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
  }

    ถ้าเป็น html5 ให้ใช้ EmulateIE9 แต่ต้องทดสอบก่อนว่าจะไม่เพี้ยน เพราะ filter gray ie10 ie11 ยังไม่ได้

    <head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9"/>
<style>
* {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
filter: progidXImageTransform.Microsoft.BasicImage(grayscale=1);
}
</style>
</head>

    หากเว็บของเรามี Base ไฟล์ css เปิดขึ้นมาแล้ว แปะโคดลงไปตามด้านล่าง

    img {
-webkit-filter: grayscale(100%); 
filter: grayscale(100%);
}
html {
-webkit-filter: grayscale(100%);
}

    แต่หากเว็บของเราไม่มี Base css ก็ให้แปะ โคดตามด้านล่างนี้ลงไปทุกหน้าในเว็บ

    <style>
img {
-webkit-filter: grayscale(100%); 
filter: grayscale(100%);
}
html {
-webkit-filter: grayscale(100%);
}
</style>
    style="-webkit-filter: grayscale(100%);
filter: grayscale(100%);"
    <body style="-webkit-filter: grayscale(100%); filter:  grayscale(100%); ">

    หรือ

    ใส่ใน css

    BODY{
	   font-family: "Tahoma"; 
		font-size: 13px; color: #484848;
		filter: gray; /* For IE6-9 */
	filter: grayscale(1); /* For Microsoft Edge and Firefox 35+ */
	filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1);
	-webkit-filter: grayscale(1); /* For Google Chrome, Safari 6+ & Opera 15+ */
}
    <style type="text/css">*{ -moz-filter: grayscale(100%); -webkit-filter: grayscale(100%); filter: gray; filter: grayscale(100%);}</style>

เวอไนน์ไอคอร์ส

ประหยัดเวลากว่า 100 เท่า!

เวอไนน์เว็บไซต์⚡️
สร้างเว็บไซต์ ดูแลเว็บไซต์

Categories