jaideejung007 โพสต์ 2016-10-14 19:43:10

abeerclup ตอบกลับเมื่อ 2016-10-14 18:07
ขอบคุณครับแอดใจดี ว่าแต่ถ้าเราอยากเว้นหน้าโปรไฟล์ไว้ไม่ให้ขาวดำ เราต้องเพิ่มโค้ตยังไงเหรอครับ

คงต้องไล่ Class CSS ในหน้าโปรไฟล์นั้นครับว่า มีการใช้ Class ตัวไหนบ้าง

เราก็ไปเพิ่มเป็น
.classname1, .classname2 {.......}

suttasilo โพสต์ 2016-10-14 21:18:39

pphum ตอบกลับเมื่อ 2016-10-14 13:34
เพิ่มหน่อย IE
body{
/* IE */


ใส่แล้ว IE ยังไม่เปลี่ยนเป็นสีเทา

kkawin โพสต์ 2016-10-15 06:24:05

IE 10 11 คงต้องใช้ Java ครับ
https://github.com/karlhorky/gray

taeyeontwo โพสต์ 2016-10-16 08:28:02

แจ่มโฮกมาก ขอบคุณจ้าาาาวีดีโอในเว็ปก็ขาวดำด้วย 555 sm926dz

kingkitb โพสต์ 2016-10-19 14:18:48

แก้ไขครั้งสุดท้ายโดย 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:03:55

แก้ไขครั้งสุดท้ายโดย 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>

แก้ให้ดูดีขึ้นหน่อย แล้วก็เพิ่มจำตัวเลือกไว้

zeawer โพสต์ 2016-11-15 09:22:43

ไว้อาลัย
หน้า: 1 [2]
ดูในรูปแบบกติ: ร่วมไว้อาลัยถวายแด่ "ในหลวง" โดยการปรับหน้าเว็บเป็นสีเทา