สมัครเปิดเว็บไซต์

igetweb @igetweb.com 092-241-9999

เคล็ดลับการทำเว็บไซต์

เคล็ดไม่ลับ กับการปรับแต่งหน้าเว็บไซต์ และทริกง่าย ๆ ที่คุณก็สามารถทำเองได้จากระบบเว็บไซต์สำเร็จรูป

วิธีการติดริบบิ้นดำที่มุมของหน้าเว็บไซต์ เพื่อไว้อาลัย

วิธีการติดริบบิ้นดำที่มุมของหน้าเว็บไซต์ เพื่อไว้อาลัย

วิธีการติดริบบิ้นดำที่มุมของหน้าเว็บไซต์ เพื่อเป็นการไว้อาลัยแด่ พระบาทสมเด็จพระปรมินทรมหาภูมิพลอดุลยเดช

เรียนท่านสมาชิก iGetweb สำหรับท่านที่ต้องการ ติดริบบิ้นดำที่มุมของหน้าเว็บไซต์ เพื่อเป็นการไว้อาลัย แทนการเปลี่ยนสีเว็บไซต์เป็นสี ขาว-ดำ

วิธีการทำ โดยให้ท่านไปที่ ระบบตั้งค่า > Html Head Tag ของเว็บไซต์

และให้ท่านเลือกว่าจะให้ริบบิ้นดำปรากฎส่วนไหนของเว็บไซต์ และนำ Code จากด้านล่างไปใส่ค่ะ


Code ส่วน HTML






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; }


ตัวอย่างเช่น ท่านต้องการให้ ริ้บบิ้นดำปรากฏที่ มุมด้านซ้ายบน ของเว็บไซต์ ให้ Copy Code ด้านล่างไปวางได้เลยค่ะ



 

 

***กรณีที่ท่านมี Code CSS อื่นอยู่ในส่วนของอยู่แล้ว
ท่านสามารถนำ Code CSS ต่อท้ายจาก Code อื่นๆ แต่ให้อยู่ในส่วนของนะคะ***

 

ตัวอย่างเว็บไซต์ที่ใส่ Code เรียบร้อย หน้าเว็บไซต์จะปรากฎ ริ้บบิ้นที่มุมของเว็บไซต์ค่ะ