เหตุการณ์ที่ไม่มีใครอยากให้เกิดขึ้น แต่ก็เกิดขึ้นไปแล้ว เราในฐานะประชาชนคนไทยคนหนึ่งก็เสียใจมากๆ

เว็บนี้ก็ขอเปลี่ยนสีนะครับ

แต่ว่าเราก็รู้สึกด้วยตัวเองว่าไม่มีใครอยากที่จะเห็นสีขาวดำไปทุกที่ ไม่อยากที่จะเศร้าเกินไป และกลัวด้วยว่าจะเกิดปัญหาทางสายตา หรือใช้งานลำบาก ดังนั้นเราเลยขอเพิ่มปุ่มกดคืนสีกลับมา หวังว่าภาพถ่ายในเว็บนี้จะช่วยบรรเทาความเศร้าไปได้บ้าง

ถ้าใช้ wordpress ก็ประมาณนี้นะครับ เพิ่มปุ่มในตัว header พร้อมโค้ดเปลี่ยนสีกด แล้วจัดรูปแบบใน css

header.php

 <div class="colorToggle" id="colorToggle" >COLOR</div>

 <script type="text/javascript">
    jQuery(document.body).addClass('mourn');

    var colorToggle = document.getElementById('colorToggle');
    colorToggle.style.cursor = 'pointer';
    colorToggle.onclick = function() {
       jQuery(document.body).toggleClass('mourn');
    };
 </script>

styles.css

.mourn {
 /* IE */
 filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

/* Chrome, Safari */
 -webkit-filter: grayscale(1);

/* Firefox */
 filter: grayscale(1);
}

.colorToggle {
 position: fixed;
 left: 13px;
 top: 10px;
 opacity: 0.88;
 border-radius: 9px;
 z-index: 4;
 padding: 0px 10px 0px 10px;
 background-color: darkgray;
 color:white;
}

.colorToggle:hover {
 background-color: grey;
 transition-duration: 0.2556s;
}