Number 1 website platform in Thailand

ทำเว็บ

ทำเว็บไซต์

สร้างเว็บ

สร้างเว็บไซต์

เว็บไซต์สำเร็จรูป

เว็บสำเร็จรูป

ออกแบบเว็บ

ออกแบบเว็บไซต์

เขียนเว็บไซต์

สร้างเว็บฟรี

เว็บฟรี

ร้านค้าออนไลน์

ทำเว็บ

ทำเว็บไซต์

สร้างเว็บ

สร้างเว็บไซต์

เว็บไซต์สำเร็จรูป

เว็บสำเร็จรูป

ออกแบบเว็บ

ออกแบบเว็บไซต์

เขียนเว็บไซต์

สร้างเว็บฟรี

เว็บฟรี

ร้านค้าออนไลน์

สถานะหน้าปัจจุบัน

language
www.

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

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

จำนวนเข้าชม: 6,033 | 09/11/2016

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

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

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

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


Code ส่วน HTML

<!-- Top Left -->
<img src="https://goo.gl/HPAf77" class="black-ribbon stick-top stick-left"/>

<!-- Top Right -->
<img src="https://goo.gl/ZRwp7P" class="black-ribbon stick-top stick-right"/>

<!-- Bottom Left -->
<img src="https://goo.gl/72rzfr" class="black-ribbon stick-bottom stick-left"/>

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


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 ด้านล่างไปวางได้เลยค่ะ


<!-- Top Left -->
<img src="https://goo.gl/HPAf77" class="black-ribbon stick-top stick-left"/>


<style type="text/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; }


</style>





***กรณีที่ท่านมี Code CSS อื่นอยู่ในส่วนของ  <style type="text/css"> ....................</style> อยู่แล้ว
ท่านสามารถนำ Code CSS ต่อท้ายจาก Code อื่นๆ แต่ให้อยู่ในส่วนของ  <style type="text/css"> ....................</style> นะคะ
***




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


Number 1 Website Platform in Thailand

จำนวนเว็บไซต์
230,928
จำนวนสินค้า
2,064,465
จำนวนบทความ
42,363,619
จำนวนรูปภาพ
1,888,758
Pageviews
160,710,408
ปรับปรุงเมื่อ
05/12/2020
ออนไลน์
909
uptime
นโยบายข้อมูลละเมิดลิขสิทธิ์ในเว็บไซต์ iGetWeb.com

โฆษณาสินค้า