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

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

  • เนื้อหานิยายตอนนี้เปิดให้อ่าน
  • View : 3525
    จำนวนคนให้กำลังใจ : 1 ครั้ง
    25 ส.ค. 53


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

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/



ให้กำลังใจนักเขียน
นักเขียนได้รับกำลังใจแล้ว!
นักเขียนได้รับกำลังใจแล้ว 1 ครั้ง

4,449 ความคิดเห็น

  1. #4388 เนบิวลาสีชมพู (@jineulp) (จากตอนที่ 97)
    วันที่ 19 เมษายน 2559 / 16:36
    ขอบคุณค่าาา ขอยืมรูปด้วยน้า

    #4388
    0
  2. #3998 Flora-Night (@floranight) (จากตอนที่ 97)
    วันที่ 26 พฤษภาคม 2556 / 00:01
    ขอบคุณค่า
    แล้วก็ขออนุญาตินำภาพตัวอย่างไปใช้ด้วยนะคะ
    ขอบคุณค่ะ
    #3998
    0
  3. #3635 ทำไง? หัวใจ"วาย" (@lonely-pooly) (จากตอนที่ 97)
    วันที่ 5 ตุลาคม 2555 / 20:59
    ขอบคุณค่า
    #3635
    0
  4. #2459 <-masagi19-< (@rebornny) (จากตอนที่ 97)
    วันที่ 2 ตุลาคม 2554 / 20:17

    ขอบคุณจร้า!!~

    #2459
    0
  5. #2392 ZitterS™ (@nongnok54) (จากตอนที่ 97)
    วันที่ 3 กันยายน 2554 / 19:57

    ก่อบกุนก๊าบบบบบ~!!!!! >/ \<"

    #2392
    0
  6. #2374 Lady Shursia (@cakekirah) (จากตอนที่ 97)
    วันที่ 23 สิงหาคม 2554 / 19:27
     ขออนุญาตินำไปใช้นะคะ ขอบคุณค่ะ
    #2374
    0
  7. #2301 pyjamus kid (' ') (@chochoworld) (จากตอนที่ 97)
    วันที่ 9 สิงหาคม 2554 / 16:36

    ขอบคุณมากๆเลยค่ะ T/\T
    กำลังหาอยู่พอดีเลย~

    #2301
    0
  8. #2248 กรุงโรม (@mogamiki) (จากตอนที่ 97)
    วันที่ 15 กรกฎาคม 2554 / 19:42
     ขออนุญาติเอาไปใช้เลยนะครับ

    ขอบคุณคับ ^^
    #2248
    0
  9. #2155 `Candy ßarrel ღ (@hanami123) (จากตอนที่ 97)
    วันที่ 9 กันยายน 2554 / 23:09
    ขอบคุณค่ะ
    #2155
    0
  10. #2139 Tsuna&Reborn (@kirami) (จากตอนที่ 97)
    วันที่ 22 พฤษภาคม 2554 / 19:09
    ขอบคุณมากๆเลยนะคะ

    #2139
    0
  11. #2118 ~*- Angel gray -*~ (@may2828) (จากตอนที่ 97)
    วันที่ 17 พฤษภาคม 2554 / 16:04
    ขอบคุณค่ะ กำลังหาอยู่พอดีเลย
    #2118
    0
  12. #2090 Hong...Hong (@hong41nonnoi) (จากตอนที่ 97)
    วันที่ 14 พฤษภาคม 2554 / 09:26
    ขอบคุณค่ะ
    #2090
    0
  13. #1862 N' YunYun :] :] (@yunjae-tvxq) (จากตอนที่ 97)
    วันที่ 14 เมษายน 2554 / 14:47
    ขอบคุณมากๆๆๆเลยนะฮะ
    #1862
    0
  14. #1783 วีซาร์★บ้ารัก ;p (@vzar) (จากตอนที่ 97)
    วันที่ 4 เมษายน 2554 / 13:23
    ขอบคุณครับ
     
     
    #1783
    0
  15. วันที่ 13 กุมภาพันธ์ 2554 / 12:02
    เจ๋งมากๆเลยค้าบบบบ ขอบคุณ><!
    #1519
    0
  16. #1339 XZ.hunteR (@251159) (จากตอนที่ 97)
    วันที่ 13 ธันวาคม 2553 / 13:03
    ขอบคุณมากครับ ^ ^
    #1339
    0
  17. #1280 แมวเก้ากี้ (@natkyu) (จากตอนที่ 97)
    วันที่ 17 พฤศจิกายน 2553 / 20:50
     
    ขอบคุณค่ะ^ ^
    #1280
    0
  18. #1241 lemon-smile (@smile-y-girl) (จากตอนที่ 97)
    วันที่ 6 พฤศจิกายน 2553 / 15:07
     =0=
    ว้าวววว
    สวยดีฮะ
    ขอบคุณมากเลยครับ^[]^
    #1241
    0
  19. #1098 'JAMMY::CHIRO (@jamme-chiro) (จากตอนที่ 97)
    วันที่ 12 ตุลาคม 2553 / 12:53

    ขอบคุณมากมายยยย >///<

    ใช้ได้จริง

    #1098
    0
  20. #1035 snsd-tarn (@snsd-mylove) (จากตอนที่ 97)
    วันที่ 2 ตุลาคม 2553 / 14:29
    ขอบคุณค่ะ
    #1035
    0
  21. #916 HELL★GIRL (@yonna) (จากตอนที่ 97)
    วันที่ 3 กันยายน 2553 / 20:52
    ขอบคุณมากๆจ้า
    #916
    0
  22. #910 I'm Som.o (@20728) (จากตอนที่ 97)
    วันที่ 3 กันยายน 2553 / 17:27
    ขอบคุณค่ะ ^^
    #910
    0
  23. #909 TVXQ ★ Only 5 ^^ (@rose-toxic) (จากตอนที่ 97)
    วันที่ 3 กันยายน 2553 / 17:24
    สุดยอดด!! O_o
    เห็นแถบ voice ตรงคำว่า "Sweet" กับ "more" น่าัรักมาก >_<
    ของไอดี ไรท์เตอร์น่ารักมาก ^^

    ขอบคุณสำหรับ code ดีๆนะคะ ^^
    สู้ๆๆ เป็นกำลังใจให้ค่ะ
    #909
    0
  24. #891 ReziLLaneaR___* (@rezillanear) (จากตอนที่ 97)
    วันที่ 29 สิงหาคม 2553 / 13:39
    โอ้วว!! เจ๋งมากเลยค่าา >_<
    #891
    0