วันศุกร์ที่ 21 ตุลาคม พ.ศ. 2559

แจกโค้ดติดแถบริบบิ้นสีดำถวายความอาลัย (CSS & HTML) บนเว็บไซร์แทนการดร็อปสีเว็บเป็นขาวดำ

แจกโค้ดติดแถบริบบิ้นสีดำ (ribbon-stick) ถวายความอาลัย บนเว็บไซร์ (Tag code CSS & HTML) แทนการดร็อปสีเว็บเป็นขาวดำ
สัปดาห์ที่ผ่านมามีปัญหาเรื่องการใช้งานสำหรับผู้ใช้พอสมควร เนื่องจาก webmaster ได้ปรับหน้าตาเว็บเป็นขาวดำโดยพร้อมเพียงกัน จึงทำให้ function การใช้งานเกิดความผิดเพี้ยนไป วันนี้เลยเอา code สำหรับริบบิ้นดำ ติดเว็บไซร์ เพื่อแสดงการไว้อาลัยแด่การจากไปของพระบาทสมเด็จพระเจ้าอยู่หัวในพระบรมโกศ​

#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/YxzDaSclass="black-ribbon stick-bottom stick-left"/>

<!-- Bottom Right -->
<img src="https://goo.gl/NsuiKq" class="black-ribbon stick-bottom stick-right"/>




Cr : http://nuuneoi.com/