เว็บสำเร็จรูป เว็บสำเร็จรูปภาครัฐ เว็บโรงเรียน เว็บไซต์ส่วนตัว ระบบบริหารจัดการเว็บไซต์ (CMS) ฟรี

โค้ดสำหรับทำ GCMS ให้เป็นสีเทา สำหรับไว้อาลัยในหลวง

โค้ดนี้จะทำการเปลี่ยนแปลงเฉพาะบางส่วนของ GCMS ให้เป็นสีเทา เท่านั้น เช่น header footer รูปภาพ และคลาสบางตัว ซึ่งหาก GCMS ที่ใช้งานอยู่ยังมีส่วนอื่นๆที่ต้องการให้เป็นสีเทาอีก สามารถเพิ่มเติมได้
/** bw **/
div.calendar p, .search-box, img, .button, .header, .footer, iframe, [class*=icon-], [class*=term] {
  filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  filter: gray !important;
}
.visited, .reply, .count, .tags, .comments, [class*=status] {
  color: inherit !important;
}
.new:after, .update:after {
  background-color: #666;
  color: #FFF;
}
a {
  color: #333;
}
a:hover {
  color: #000;
}
/** bw **/

การนำไปใช้งาน ให้นำโค้ดด้านบนไปใส่ที่ไฟล์ style.css ของ template ที่ใช้งานอยู่เช่น skin/bighead/style.css โดยใส่ไว้ล่างสุดของไฟล์เลย
หมายเหตุ โค้ดนี้ไม่รองรับการใช้งานทุกบราวเซอร์นะครับ เช่น IE10 เนื่องจาก IE10 ไม่สนับสนุนการใช้งาน filter

เรื่องที่เกี่ยวข้อง

^