ยินดีต้อนรับ กรุณา สมัครสมาชิก หรือเข้าสู่ระบบ

Home » webboard » เครื่องมือในการทำเวบไซต์
เข้าชม : 744

Code ริบบิ้นดำ ติดเว็บไซต์ (ถวายความอาลัย พระบาทสมเด็จพระเจ้าอยู่หัวในพระบรมโกศ)

โพสต์เมื่อ: วันอังคาร 27 ธันวาคม 2559  20:15 น.

s
[ ความเห็นที่ 1]
RE : Code ริบบิ้นดำ ติดเว็บไซต์ (ถวายความอาลัย พระบาทสมเด็จพระเจ้าอยู่หัวในพระบรมโกศ)
โพสต์เมื่อ: วันอังคาร 27 ธันวาคม 2559  20:17 น.
โค้ด - 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"/>

ที่มา : http://bit.ly/2dFIdvW
s


คุณต้องสมัครสมาชิก ถึงจะโพสกระทู้ได้

ปิดรับสมัครสมาชิกแล้ว