แจกโค้ดติดแถบริบบิ้นสีดำ (ribbon-stick) ถวายความอาลัย บนเว็บไซร์ (Tag code CSS & HTML) แทนการดร็อปสีเว็บเป็นขาวดำ
สัปดาห์ที่ผ่านมามีปัญหาเรื่องการใช้งานสำหรับผู้ใช้พอสมควร เนื่องจาก webmaster ได้ปรับหน้าตาเว็บเป็นขาวดำโดยพร้อมเพียงกัน จึงทำให้ function การใช้งานเกิดความผิดเพี้ยนไป วันนี้เลยเอา code สำหรับริบบิ้นดำ ติดเว็บไซร์ เพื่อแสดงการไว้อาลัยแด่การจากไปของพระบาทสมเด็จพระเจ้าอยู่หัวในพระบรมโกศ
Download Code (CSS & HTML)
วันนี้เราจึงมีเทคนิคง่ายๆ มาฝากกัน ในเรื่องการย้อมเว็บไซต์ให้เป็นสีดำ เปลี่ยนสีหรือการลดโทนสี 40% เพื่อร่วมถวายความอาลัยแด่พระบาทสมเด็จพระปรมินทรมหาภูมิพลอดุลยเดช ในหลวงรัชกาลที่ 9 ในช่วงเดือนตุลาคมนี้
สัปดาห์ที่ผ่านมามีปัญหาเรื่องการใช้งานสำหรับผู้ใช้พอสมควร เนื่องจาก webmaster ได้ปรับหน้าตาเว็บเป็นขาวดำโดยพร้อมเพียงกัน จึงทำให้ function การใช้งานเกิดความผิดเพี้ยนไป วันนี้เลยเอา code สำหรับริบบิ้นดำ ติดเว็บไซร์ เพื่อแสดงการไว้อาลัยแด่การจากไปของพระบาทสมเด็จพระเจ้าอยู่หัวในพระบรมโกศ
Download Code (CSS & HTML)
#CSS
.black-ribbon { position: fixed; z-index: 9999; width: 70px; }
@media only all and (min-width: 768px) { .black-ribbon { width: auto; } }
.stick-left { left: 0; }
.stick-right { right: 0; }
.stick-top { top: 0; }
.stick-bottom { bottom: 0; }
#HTML
<!-- Top Left -->
<img src="https://goo.gl/Yl6KNg" class="black-ribbon stick-top stick-left"/>
<!-- Top Right -->
<img src="https://goo.gl/EMCghL" class="black-ribbon stick-top stick-right"/>
<!-- Bottom Left -->
<img src="https://goo.gl/YxzDaS" class="black-ribbon stick-bottom stick-left"/>
<!-- Bottom Right -->
<img src="https://goo.gl/NsuiKq" class="black-ribbon stick-bottom stick-right"/>
กรณีต้องการลดโทนสีเว็บไซต์สามารถทำได้โดยให้ย้อมโทนสี 40%
ให้ทำการ Copy Code CSS ไปแปะไว้ที่ file .css หรือกรณีเป็น Blogger ให้ Copy ไว้ใน Tag <b:skin> .. </b:skin> ครับ
Download Code (CSS)
/*css*/
body {
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0.40);
-webkit-filter: grayscale(0.40);
filter: grayscale(0.40);
}
Cr : nuuneoi.com
Download Code (CSS)
/*css*/
body {
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0.40);
-webkit-filter: grayscale(0.40);
filter: grayscale(0.40);
}
สำหรับใครที่อยากเปลี่ยน Profile Facebook ..ง่ายนิดเดียว เพียงแค่ก็ Link : ribbon-stick-black นี้ ก็จะมีให้เลือกตามต้องการครับ
Cr : nuuneoi.com
