Code และเทคนิคตกแต่ง My.iD2 และหน้าบทความ [Writer]

ลำดับตอนที่ #70 : [writer] เปลี่ยนภาพ Voiz Top Writer Award (out of date)

(บันทึกเป็นความหลังไว้หน่อย โค้ดนี้ใช้งานถึงวันที่ 1 ม.ค. 53 ค่ะ)



ถ้าลองสังเกตหน้าหลักของบทความนี้กันสักนิด คงเห็นความเปลี่ยนแปลงตรงภาพ Voiz Top Writer Award กันแล้วนะคะ

โค้ดนี้ใช้แค่เปลี่ยนภาพเท่านั้น เวลาคลิกที่ภาพแล้วก็ยังใช้งานได้เหมือนเดิมค่ะ

...



อันดับแรก ต้องเปลี่ยนภาพก่อนค่ะ มีทั้งหมดสามภาพ ดังนี้

1. ภาพ voiz1

   >>  

ขนาดมาตรฐาน 255*65 px



2. ภาพ voiz2

   >>  

ขนาดมาตรฐาน 227*38 px




3. ภาพ voiz3

   >>  

ขนาดมาตรฐาน 298*65 px





4. ภาพ voiz4

   >>  

ขนาดมาตรฐาน 227*28 px

ตรงส่วนนี้จะเป็นพื้นหลังของคะแนน voiz ที่แสดงผลอยู่ค่ะ แนะนำให้เอาโล่ง ๆ ไว้ก่อนดีกว่า



จากนั้นก็อัพภาพขึ้น แล้วใส่โค้ด ในส่วนบนสุดของ ข้อมูลเบื้องต้นของเรื่อง (เหมือนที่ใส่ใน what's up ไอดี) เท่านั้นนะคะ
ใส่ตรงช่อง โพสต์โค้ดตกแต่งที่นี่ ไม่ได้ค่ะ



โค้ด...

<script type="text/javascript">
x=document.getElementsByTagName("img");
l=x.length;
x[l-4].src="ที่อยู่ภาพ voiz1";
x[l-3].src="ที่อยู่ภาพ voiz2";
x[l-2].src="ที่อยู่ภาพ voiz3";
y=document.getElementsByTagName("td");
y[25].style.backgroundImage="url(ที่อยู่ภาพ voiz4)";
</script>


ไว้คราวหน้า จะมาบอกโค้ดประยุกต์เปลี่ยนขนาดเป็นแบบอื่น และปรับฟอนต์ตรงที่แสดงผลคะแนนให้ค่ะ

(ช่วงนี้ติดงานมากมาย ไม่ค่อยว่างมาอัพบทความ / แต่งนิยายเลย ขออภัยจริง ๆ ค่ะ)