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

ตอนที่ 97 : [my.id] เปลี่ยนปุ่ม 'บอกเพื่อน' และ 'more' ใน voice

ก่อนอื่นต้องเตรียมภาพก่อนนะคะ

1. ภาพ "บอกเพื่อน"
ขนาด 81*27 px

>>

2. ภาพ "more"
ขนาด 72*27 px

>>

อัพรูปทั้งสองขึ้น แล้วมาใส่โค้ดกันเลยค่ะ

<script type="text/javascript">
/* เริ่มโค้ดเปลี่ยนปุ่ม 'บอกเพื่อน' และ 'more' ใน voice */
y = document.getElementsByTagName("img");
document.getElementsByTagName("input")[3].src = "url ที่อยู่ภาพบอกเพื่อน";
y[3].src = "url ที่อยู่ภาพ More";
document.writeลบส่วนนี้ออกไป('<span style="display: none;">');
document.writeลบส่วนนี้ออกไป(y[3].parentNode.innerHTML);
document.writeลบส่วนนี้ออกไป('</span>');
/* จบโค้ดเปลี่ยนปุ่ม 'บอกเพื่อน' และ 'more' ใน voice
http://writer.dek-d.com/Caje/writer/viewlongc.php?id=499460&chapter=97
*/
</script>

* มีปัญหาการลงโค้ดในบทความนิดหน่อย (ยังไม่ทราบว่าสาเหตุเป็นเพราะอะไร)
เวลานำไปใช้จริง ลบตรงคำว่า ลบส่วนนี้ออกไป ด้วยนะคะ
นอกนั้นใช้ได้ตามปกติล่ะค่ะ

ตัวอย่างผลลัพธ์ดูได้ที่ไอดีของเคจเลยนะคะ ^^
http://writer.dek-d.com/Caje/