Source code ติดแถบริบบิ้นสีดำบนเว็บไซต์

Source code ติดแถบริบบิ้นสีดำบนเว็บไซต์

Source code ติดแถบริบบิ้นสีดำบนเว็บไซต์

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”/>

ที่มา https://apple-thai.blogspot.com/2016/10/stick-ribbon-website.html

WordPress

สำหรับท่านที่ใช้ WordPress ก็ง่ายขึ้นเยอะครับ ต้องขอบคุณ คุณเนย อีกครั้งในความเก่งกาจ คุณเนยได้ทำ WordPress Plug-in Black Ribbon ไว้ให้แล้ว ดาวน์โหลดได้จากลิ้งค์นี้เลย