COLO.in.th > คลังความรู้ > Website > Code Black Ribbon ติดแถบริบบิ้นไว้อาลัย
Code Black Ribbon
สำหรับผู้ใช้งานที่ต้องการเปลี่ยน การใช้สีเว็บเป็นขาวดำมาใช้ แถบริบบิ้นไว้อาลัย โดยแถบจะติดอยู่มุมขวาหรือมุมซ้ายตามที่เราต้องการโดยมีละเอียดดังนี้ครับ
ในส่วนของ CSS มุมซ้ายบน
.black-ribbon { position: fixed; left: 0; }
ในส่วนของ CSS มุมขวาบน
.black-ribbon { position: fixed; right: 0; }
ในส่วนของ HTML หลัง <body> (สามารถแก้ไขรูปภาพเป็นที่อยู่ภายในเว็บเรานะครับ หรือจะใช้ของทางเราก็ได้ครับ)
<div class="black-ribbon">
<img src="https://www.colo.in.th/images/black_ribbon_top_left.png"/>
</div>
ดาวน์โหลดรูปภาพริบบิ้นดำได้ที่นี้ https://www.colo.in.th/files/black_ribbons.zip
ขอบคุณที่มาจากเว็บไซต์ https://nuuneoi.com/blog/blog.php?read_id=884
บันทึกสู่รายการโปรดของฉัน พิมพ์หัวข้อนี้
Powered by WHMCompleteSolution