แจกสคริปแถบคาด We Love The King

posted on 03 Dec 2009 23:20 by niciuzza in Freebies

ช่วงนี้เป็นเทศกาลวันพ่อ อยากแปะแถบคาด We Love The King ที่หัวเว็บบ้างเลยทำออกมาดู จริงๆคือ ทำไว้สำหรับแปะที่เว็บบริษัท P&T Hosting ค่ะ แต่เอามาใช้ที่นี่ด้วย 55 เลยเอามาเผยแพร่สำหรับชาว exteen ซะหน่อย

อันนี้เป็น script

<div style="position:absolute;top:30px;left:0px;width:209px;height:207px;background: url( url image ) left top no-repeat;z-index:9999;"></div> 

เอาโค้ทนี้ไปใส่ใน Theme > Widget ใน Custom Code นะคะ ส่วนตรง url image ให้เราใส่ภาพ tag ที่เราต้องการลงไปค่ะ โดยภาพตอนนี้มี 11 แบบ ที่ทำออกมาคล้ายๆกัน เลือกใช้เอาตามสะดวกค่ะ

1. http://niciuzza.exteen.com/images/webtag/1.png

2. http://niciuzza.exteen.com/images/webtag/2.png

3. http://niciuzza.exteen.com/images/webtag/3.png

4. http://niciuzza.exteen.com/images/webtag/4.png

5. http://niciuzza.exteen.com/images/webtag/5.png

6. http://niciuzza.exteen.com/images/webtag/6.png

7. http://niciuzza.exteen.com/images/webtag/7.png

8. http://niciuzza.exteen.com/images/webtag/8.png

9. http://niciuzza.exteen.com/images/webtag/9.png

10. http://niciuzza.exteen.com/images/webtag/10.png

11. http://niciuzza.exteen.com/images/webtag/11.png

 

ตัวอย่างการใช้งาน

สมมติเราเลือกภาพที่ 1 ก็แปะโค้ดตามในนี้ ใน Custom Code ภายใน Theme > Widget

<div style="position:absolute;top:30px;left:0px;width:209px;height:207px;background: url( http://niciuzza.exteen.com/images/webtag/1.png ) left top no-repeat;z-index:9999;"></div> 

แค่นี้แหละค่ะง่ายๆ มาร่วมกันแปะ Tag กันเยอะๆค่ะ ถ้าไม่ชอบรูป สามารถทำภาพเอง แล้วแปะตาม script ได้เลยค่ะ

 

ใครเอาไปใช้ ช่วยโพสบอกหน่อยก็ดีค่ะ เป็นกำลังใจ

ปล. ภาพที่แจก ไม่รองรับ IE6 นะคะ เพราะเป็น PNG มี drop shadow เล็กน้อย และ script นี้ แก้ให้ต่ำลงมา 30 px จาก top เพื่อให้ไม่บัง toolbar ของ exteen นะคะ ถ้าเอาไปใช้ที่อื่น ก็แก้ script ตรง top:30px เป็น top:0px นะคะ ก็จะไปชิดขอบบนพอดี

Comment

Comment:

Tweet

เอาไปใช้นะคะbig smile
ขอบคุณค่ะ สวยมากเลยค่ะconfused smile

#7 By topazos (125.27.213.2) on 2011-12-02 21:04

ใจจ้า ปุ้มปุ้ย cry

#6 By ย้vยี้จัv (124.120.80.10) on 2009-12-04 07:41

ได้แล้วครับบขอบคุณมากครับ Hot!

#5 By b-padung Studio on 2009-12-04 01:46

แปะโค้ดผิดค่ะ ตอนนี้แก้แล้ว ก๊อปปี้โค้ดใหม่ข้างบนได้เลยค่ะ

ขอโทษด้วยค่ะ

#4 By @niciuzza on 2009-12-04 01:36

ที่ขอรบกวนถามหน่อยครับ script นี้ แก้ให้ต่ำลงมา 30 px จาก top เพื่อให้ไม่บัง toolbar ของ exteen
แก้ยังไงเหรอครับ งง ครับ embarrassed

#3 By b-padung Studio on 2009-12-04 01:34

ขอเอาไปใช้นะครับบ Hot!

#2 By b-padung Studio on 2009-12-04 01:29

Hot! Hot! Hot!

#1 By sayreya on 2009-12-04 00:52