แสดงผลปกติ

การทำเว็บไซต์เพื่อแสดงความไว้อาลัยผ่านหน้าเว็บไซต์

 27 ต.ค. 2568 / Administrator / 89

อ้างอิงจาก Chat GPT

โค้ด CSS

/* 1. โค้ดสำหรับทำให้เว็บเป็นสีเทา (Grayscale) */

html {

filter: grayscale(95%);

-webkit-filter: grayscale(95%);

}

/* 3. โค้ดสำหรับริบบิ้น (มุมซ้ายบน + พลิกภาพ) */
    body::before {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        width: 90px;
        height: 109px;
        
        /* Path รูปริบบิ้นของคุณ */
        background-image: url("https://www.xxx.ac.th/image/ribbon.png"); 
        background-size: cover;
        background-repeat: no-repeat;
        z-index: 99999;
    }

ภาพริบบิ้น

   

 

ปลั้กอินสำหรับติดตั้งบนเว็บไซต์ WordPress ดาวน์โหลดที่นี่

ติดตั้งแล้วตั้งค่าที่เมนูตั้งค่า ปิดเปิดหรือปรับค่าสีตามต้องการ

เปิด-ปิด messenger การเดินทางด้วย Google Map ติดต่อเกี่ยวกับไอทีและหอสมุดกลาง