ขอบคุณครับแอดใจดี ว่าแต่ถ้าเราอยากเว้นหน้าโปรไฟล์ไว้ไม่ให้ขาวดำ เราต้องเพิ่มโค้ตยังไงเหรอครับ
คงต้องไล่ Class CSS ในหน้าโปรไฟล์นั้นครับว่า มีการใช้ Class ตัวไหนบ้าง
เราก็ไปเพิ่มเป็น
.classname1, .classname2 {.......} pphum ตอบกลับเมื่อ 2016-10-14 13:34
เพิ่มหน่อย IE
body{
/* IE */
ใส่แล้ว IE ยังไม่เปลี่ยนเป็นสีเทา IE 10 11 คงต้องใช้ Java ครับ
https://github.com/karlhorky/gray แจ่มโฮกมาก ขอบคุณจ้าาาาวีดีโอในเว็ปก็ขาวดำด้วย 555 sm926dz แก้ไขครั้งสุดท้ายโดย kingkitb เมื่อ 2016-10-19 14:20
<style>
.dz_greyscale {
filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter:gray; /* IE6-9 */
-webkit-filter:grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
var dztjquery = jQuery.noConflict();
dztjquery( document ).ready(function() {
dztjquery('html').toggleClass('dz_greyscale');
dztjquery('#dz_greyscale_button').click(function() {
dztjquery('html').toggleClass('dz_greyscale');
return false;
});
});
</script>
<div id="toptb" class="cl" style="background:#000;color:#fff;">
<div class="wp">
<div class="z">น้อมรำลึกในพระมหากรุณาธิคุณ พระบาทสมเด็จพระปรมินมหาภูมิพลอดุลยเดชฯ</div>
<div class="y"><button type="button" id="dz_greyscale_button" style="cursor: pointer;">สลับเป็นโหมดสี/ขาวดำ</button></div>
</div>
</div>
ลองเอาไปปรับใช้ดูครับ จะได้สลับกลับเป็นปกติได้
แก้ไขครั้งสุดท้ายโดย kingkitb เมื่อ 2016-10-19 18:12
<style>
.dz_greyscale {
filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter:gray; /* IE6-9 */
-webkit-filter:grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
}
#dz_greyscale_button{
cursor: pointer;
background: #fff;
border: none;
vertical-align: middle;
height: 27px;
}
#dz_greyscale_button:hover{
background: #eee;
}
</style>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
var dztjquery = jQuery.noConflict();
var dztgreyscale = false;
dztjquery( document ).ready(function() {
if(!sessionStorage.getItem("dztgreyscale")){
dztjquery('html').toggleClass('dz_greyscale');
dztgreyscale = true;
}
dztjquery('#dz_greyscale_button').click(function() {
dztjquery('html').toggleClass('dz_greyscale');
if(dztgreyscale==false){dztgreyscale = true;}else{dztgreyscale = false;}
sessionStorage.setItem('dztgreyscale',dztgreyscale);
return false;
});
});
</script>
<div id="toptb" class="cl" style="background:#000;color:#fff;">
<div class="wp">
<div class="z">น้อมรำลึกในพระมหากรุณาธิคุณ พระบาทสมเด็จพระปรมินมหาภูมิพลอดุลยเดชฯ</div>
<div class="y"><button type="button" id="dz_greyscale_button">สลับเป็นโหมดสี/ขาวดำ</button></div>
</div>
</div>
แก้ให้ดูดีขึ้นหน่อย แล้วก็เพิ่มจำตัวเลือกไว้ ไว้อาลัย
หน้า:
1
[2]