ร่วมไว้อาลัยถวายแด่ "ในหลวง" โดยการปรับหน้าเว็บเป็นสีเทา

jaideejung007

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

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

เราก็ไปเพิ่มเป็น

1. .classname1, .classname2 {.......}

คัดลอกไปที่คลิปบอร์ด

suttasilo

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

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

kkawin

IE 10 11 คงต้องใช้ Java ครับ

https://github.com/karlhorky/gray

taeyeontwo

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

kingkitb

1. <style>
   
2. .dz_greyscale {
   
3. 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 */  
   
4. filter:gray; /* IE6-9 */
   
5. -webkit-filter:grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
   
6. -moz-filter: grayscale(100%);
   
7. -ms-filter: grayscale(100%);
   
8. -o-filter: grayscale(100%);
   
9. }
   
10. </style>
    
11. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    
12. <script>
    
13. var dztjquery = jQuery.noConflict();
    
14. dztjquery( document ).ready(function() {
    
15.         dztjquery('html').toggleClass('dz_greyscale');
    
16.         dztjquery('#dz_greyscale_button').click(function() {
    
17.                 dztjquery('html').toggleClass('dz_greyscale');
    
18.                 return false;
    
19.         });
    
20. });
    
21. </script>
    
22. <div id="toptb" class="cl" style="background:#000;color:#fff;">
    
23. <div class="wp">
    
24. <div class="z">น้อมรำลึกในพระมหากรุณาธิคุณ พระบาทสมเด็จพระปรมินมหาภูมิพลอดุลยเดชฯ</div>
    
25. <div class="y"><button type="button" id="dz_greyscale_button" style="cursor: pointer;">สลับเป็นโหมดสี/ขาวดำ</button></div>
    
26. </div>
    
27. </div>

คัดลอกไปที่คลิปบอร์ด

ลองเอาไปปรับใช้ดูครับ จะได้สลับกลับเป็นปกติได้

kingkitb

1. <style>
   
2. .dz_greyscale {
   
3.         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 */  
   
4.         filter:gray; /* IE6-9 */
   
5.         -webkit-filter:grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
   
6.         -moz-filter: grayscale(100%);
   
7.         -ms-filter: grayscale(100%);
   
8.         -o-filter: grayscale(100%);
   
9. }
   
10. #dz_greyscale_button{
    
11.         cursor: pointer;
    
12.     background: #fff;
    
13.     border: none;
    
14.     vertical-align: middle;
    
15.     height: 27px;
    
16. }
    
17. #dz_greyscale_button:hover{
    
18.         background: #eee;
    
19. }
    
20. </style>
    
21. <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    
22. <script>
    
23. var dztjquery = jQuery.noConflict();
    
24. var dztgreyscale = false;
    
25. dztjquery( document ).ready(function() {
    
26.         if(!sessionStorage.getItem("dztgreyscale")){
    
27.         dztjquery('html').toggleClass('dz_greyscale');
    
28.                 dztgreyscale = true;
    
29.         }
    
30.         dztjquery('#dz_greyscale_button').click(function() {
    
31.                         dztjquery('html').toggleClass('dz_greyscale');
    
32.                         if(dztgreyscale==false){dztgreyscale = true;}else{dztgreyscale = false;}
    
33.                         sessionStorage.setItem('dztgreyscale',dztgreyscale);
    
34.                         return false;
    
35.         });
    
36. });
    
37. </script>
    
38. <div id="toptb" class="cl" style="background:#000;color:#fff;">
    
39. <div class="wp">
    
40. <div class="z">น้อมรำลึกในพระมหากรุณาธิคุณ พระบาทสมเด็จพระปรมินมหาภูมิพลอดุลยเดชฯ</div>
    
41. <div class="y"><button type="button" id="dz_greyscale_button">สลับเป็นโหมดสี/ขาวดำ</button></div>
    
42. </div>
    
43. </div>

คัดลอกไปที่คลิปบอร์ด

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

zeawer

ไว้อาลัย