คุณกำลัง login ด้วย [ เปลี่ยนชื่อ | ออกระบบ ]
 กระทู้ Top5 วันนี้ | นิยาย | ค้นหานิยาย | บอร์ดนักเขียน | บอร์ด AF | บอร์ด TheStar | ของที่ระลึก Dek-D | App อ่านนิยายบนมือถือ New! |
  นิยายรักหวานแหวว | นิยายรักเศร้าๆ | นิยายซึ้งกินใจ | นิยายแฟนตาซี | นิยายผจญภัย | เรื่องสบายๆคลายเครียด | แฟนฟิค | วรรณกรรมเยาวชน |
เข้าสู่ My.iD Control สมัครเป็นนักเขียนใหม่ | วิธีลงบทความ กฏเกณฑ์การใช้งาน | การควบคุมเรตติ้ง

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

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


     อัพเดท 25 ส.ค. 53
กลับไปหน้าหลักของบทความ
แจ้งเนื้อหาในตอนไม่เหมาะสม
นิยาย-เรื่องยาว: ไลฟ์สไตล์/ดีไซน์ กราฟิก
Tags: โค้ด, code, แต่งไอดี, ไอดี, แต่ง id, id, My.iD, My.iD2, ตกแต่ง, นิยาย
ผู้แต่ง : Caje ดูเน็ตเวิร์คอื่นๆ ของ Caje
My.iD: https://my.dek-d.com/Caje
< Review/Vote > Rating : 95% [ 233 mem(s) ]
This month views : 39 Overall : 219,513
4,449 Comment(s), [ แฟนพันธุ์แท้ 5114 คน ]

[ ตอนก่อนหน้า | กลับไปหน้าหลักของบทความ | ตอนถัดไป ] [ บันทึกเป็น Favorite ] [ ปิดหน้าต่างนี้ ]
Code และเทคนิคตกแต่ง My.iD2 และหน้าบทความ [Writer] ตอนที่ 97 : [my.id] เปลี่ยนปุ่ม 'บอกเพื่อน' และ 'more' ใน voice , ผู้เข้าชมตอนนี้ : 3525 , โพส : 24 , Rating : 100% / 1 vote(s)

ขนาดตัวอักษร : เพิ่มขนาด | ลดขนาด



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

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/





Dek-D Writer APP : แอพอ่านนิยาย Dek-D บน iPhone , Android Phone
มาแล้ว!! เวอร์ชั่น iPad และ Android Tablet
Code และเทคนิคตกแต่ง My.iD2 และหน้าบทความ [Writer] ตอนที่ 97 : [my.id] เปลี่ยนปุ่ม 'บอกเพื่อน' และ 'more' ใน voice , ผู้เข้าชมตอนนี้ : 3525 , โพส : 24 , Rating : 100% / 1 vote(s)
Vote ให้คะแนนตอนนี้ Vote ได้ 1 ครั้ง / 1 ชม.
[ ตอนก่อนหน้า | กลับไปหน้าหลักของบทความ | ตอนถัดไป ] [ บันทึกเป็น Favorite ] [ ปิดหน้าต่างนี้ ]
หน้าที่ 1
# 24 : ความคิดเห็นที่ 4388
ขอบคุณค่าาา ขอยืมรูปด้วยน้า

Name : เนบิวลาสีชมพู < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ เนบิวลาสีชมพู [ IP : 103.26.22.231 ]
ส่งข้อความลับ
วันที่: 19 เมษายน 2559 / 16:36
# 23 : ความคิดเห็นที่ 3998
ขอบคุณค่า
แล้วก็ขออนุญาตินำภาพตัวอย่างไปใช้ด้วยนะคะ
ขอบคุณค่ะ
PS.  ...ทำทุกอย่างด้วยความมุ่งมั่นตั้งใจ แล้วผลสุดท้ายคือสิ่งที่ดีที่สุด...
Name : Flora-Night < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ Flora-Night [ IP : 223.205.105.251 ]
ส่งข้อความลับ
วันที่: 26 พฤษภาคม 2556 / 00:01
# 22 : ความคิดเห็นที่ 3635
ขอบคุณค่า
PS.  ยิ้มสิ.............โลกสดใสนะ :D
Name : ทำไง? หัวใจ"วาย" < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ ทำไง? หัวใจ"วาย" [ IP : 223.204.137.120 ]
ส่งข้อความลับ
วันที่: 5 ตุลาคม 2555 / 20:59
# 21 : ความคิดเห็นที่ 2459

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


PS.  สำหรับคำว่าผิดพลาด มันก็มีกันมั้งแล่
Name : <-masagi19-< < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ <-masagi19-< [ IP : 58.9.198.178 ]
ส่งข้อความลับ
วันที่: 2 ตุลาคม 2554 / 20:17
# 19 : ความคิดเห็นที่ 2392

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


PS.  LOVe ME Pleseee~!!!
Name : ZitterS™ < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ ZitterS™ [ IP : 101.109.47.153 ]
ส่งข้อความลับ
วันที่: 3 กันยายน 2554 / 19:57
# 18 : ความคิดเห็นที่ 2374
 ขออนุญาตินำไปใช้นะคะ ขอบคุณค่ะ
Name : Lady Shursia < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ Lady Shursia [ IP : 110.171.13.158 ]
ส่งข้อความลับ
วันที่: 23 สิงหาคม 2554 / 19:27
# 17 : ความคิดเห็นที่ 2301

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


PS.  อาจารย์แนะแนวแนะนำให้ไปบวช =w=
Name : pyjamus kid (' ') < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ pyjamus kid (' ') [ IP : 61.90.238.116 ]
ส่งข้อความลับ
วันที่: 9 สิงหาคม 2554 / 16:36
# 16 : ความคิดเห็นที่ 2248
 ขออนุญาติเอาไปใช้เลยนะครับ

ขอบคุณคับ ^^

PS.  ........... ...........
Name : กรุงโรม < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ กรุงโรม [ IP : 125.27.182.231 ]
ส่งข้อความลับ
วันที่: 15 กรกฎาคม 2554 / 19:42
# 20 : ความคิดเห็นที่ 2155
ขอบคุณค่ะ
Name : `Candy ßarrel ღ < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ `Candy ßarrel ღ [ IP : 58.8.112.233 ]
ส่งข้อความลับ
วันที่: 9 กันยายน 2554 / 23:09
# 15 : ความคิดเห็นที่ 2139
ขอบคุณมากๆเลยนะคะ


PS.  เกลียดที่สุดคือความเงียบ แต่ความเสียใจ มันน่ะ สาหัสกว่า!!!
Name : Tsuna&Reborn < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ Tsuna&Reborn [ IP : 58.8.70.117 ]
ส่งข้อความลับ
วันที่: 22 พฤษภาคม 2554 / 19:09
# 14 : ความคิดเห็นที่ 2118
ขอบคุณค่ะ กำลังหาอยู่พอดีเลย
PS.  ~- หนึ่งว่าอย่าลักเอาของคนอื่น มาชมชื่นฉ้อฉลคนโกหก หนึ่งทำชู้คู่เขาเล่าลามก จะตายตกกระทะอเวจี -~
Name : ~*- Angel gray -*~ < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ ~*- Angel gray -*~ [ IP : 101.108.78.147 ]
ส่งข้อความลับ
วันที่: 17 พฤษภาคม 2554 / 16:04
# 13 : ความคิดเห็นที่ 2090
ขอบคุณค่ะ
Name : Hong...Hong < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ Hong...Hong [ IP : 118.172.126.191 ]
ส่งข้อความลับ
วันที่: 14 พฤษภาคม 2554 / 09:26
# 12 : ความคิดเห็นที่ 1862
ขอบคุณมากๆๆๆเลยนะฮะ

PS.  사랑해 슈퍼주니어 & 비스트 & E.T.C.
Name : N' YunYun :] :] < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ N' YunYun :] :] [ IP : 125.27.170.12 ]
ส่งข้อความลับ
วันที่: 14 เมษายน 2554 / 14:47
# 11 : ความคิดเห็นที่ 1783
ขอบคุณครับ
 
 
Name : วีซาร์★บ้ารัก ;p < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ วีซาร์★บ้ารัก ;p [ IP : 125.26.75.1 ]
ส่งข้อความลับ
วันที่: 4 เมษายน 2554 / 13:23
# 10 : ความคิดเห็นที่ 1519
เจ๋งมากๆเลยค้าบบบบ ขอบคุณ>
PS.  {เพียว 12}TonoRitz ZenGeng IceGun GraceKate รักมากมายบอร์ดเดอะสตาร์หก{♥} follow me: @purepuree :')
Name : ตัวพี_ตัวกลม_ตัวเพียว ★ < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ ตัวพี_ตัวกลม_ตัวเพียว  ★ [ IP : 58.9.248.132 ]
ส่งข้อความลับ
วันที่: 13 กุมภาพันธ์ 2554 / 12:02
# 9 : ความคิดเห็นที่ 1339
ขอบคุณมากครับ ^ ^

PS.  ...อย่ามองผมแบบนั้นสิครับ...รู้ครับว่าเท่ห์...แต่จ้องกันด้วยสายตาแบบนั้น...มันก็....ขนลุกสิครับป้า...
Name : XZ.hunteR < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ XZ.hunteR [ IP : 180.180.33.22 ]
ส่งข้อความลับ
วันที่: 13 ธันวาคม 2553 / 13:03
# 8 : ความคิดเห็นที่ 1280
 
ขอบคุณค่ะ^ ^
Name : แมวเก้ากี้ < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ แมวเก้ากี้ [ IP : 117.47.234.10 ]
ส่งข้อความลับ
วันที่: 17 พฤศจิกายน 2553 / 20:50
# 7 : ความคิดเห็นที่ 1241
 =0=
ว้าวววว
สวยดีฮะ
ขอบคุณมากเลยครับ^[]^
PS.  ตัวใครตัวมันเหอะ อย่ามาพึ่งพิงอะไรผมเลย
Name : lemon-smile < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ lemon-smile [ IP : 124.122.31.103 ]
ส่งข้อความลับ
วันที่: 6 พฤศจิกายน 2553 / 15:07
# 6 : ความคิดเห็นที่ 1098

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

ใช้ได้จริง


PS.  จะ KFเป็ดไก่หรือ TKแก้วโมะ ก้อREALหมดนั่นแหละ วะฮ่าๆๆๆ
Name : 'JAMMY::CHIRO < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ 'JAMMY::CHIRO [ IP : 125.24.102.136 ]
ส่งข้อความลับ
วันที่: 12 ตุลาคม 2553 / 12:53
# 5 : ความคิดเห็นที่ 1035
ขอบคุณค่ะ
Name : snsd-tarn < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ snsd-tarn [ IP : 125.24.246.185 ]
ส่งข้อความลับ
วันที่: 2 ตุลาคม 2553 / 14:29
# 4 : ความคิดเห็นที่ 916
ขอบคุณมากๆจ้า
PS.  อิอิ
Name : HELL★GIRL < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ HELL★GIRL [ IP : 180.183.126.141 ]
ส่งข้อความลับ
วันที่: 3 กันยายน 2553 / 20:52
# 3 : ความคิดเห็นที่ 910
ขอบคุณค่ะ ^^
PS.  I believe 13 Forever นร้า
Name : I'm Som.o < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ I'm Som.o [ IP : 125.24.33.35 ]
ส่งข้อความลับ
วันที่: 3 กันยายน 2553 / 17:27
# 2 : ความคิดเห็นที่ 909
สุดยอดด!! O_o
เห็นแถบ voice ตรงคำว่า "Sweet" กับ "more" น่าัรักมาก >_<
ของไอดี ไรท์เตอร์น่ารักมาก ^^

ขอบคุณสำหรับ code ดีๆนะคะ ^^
สู้ๆๆ เป็นกำลังใจให้ค่ะ
PS.  TVXQ ★ CASSIOPEIA "...Always Keep The Faith..."
Name : TVXQ ★ Only 5 ^^ < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ TVXQ ★ Only 5 ^^ [ IP : 180.180.95.44 ]
ส่งข้อความลับ
วันที่: 3 กันยายน 2553 / 17:24
# 1 : ความคิดเห็นที่ 891
โอ้วว!! เจ๋งมากเลยค่าา >_<
PS.  เง้ออออ??
Name : ReziLLaneaR___* < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ ReziLLaneaR___* [ IP : 183.89.213.103 ]
ส่งข้อความลับ
วันที่: 29 สิงหาคม 2553 / 13:39
หน้าที่ 1
Post your comment : แสดงความคิดเห็น
ส่วนที่ 1: Message ข้อความ

ส่วนที่ 2 : Name ลงชื่อ
  โพสความเห็นด้วย member Login name Password
  โพสความเห็นไม่แสดง member : ชื่อ* email รูปตัวแทน
            พิมพ์เลขที่เห็น

เธซเธ™เธฑเธ‡เธชเธทเธญเนƒเธซเธกเนˆเธ›เธฃเธฐเธˆเธณเน€เธ”เธทเธญเธ™เธžเธคเธฉเธ เธฒเธ„เธก 2561

ข้อตกลง & เงื่อนไขการใช้งาน

  • กรณีที่ผลงานชิ้นนี้เป็นผลงานที่แต่งโดยผู้ลงผลงานเอง ลิขสิทธิ์ของผลงานนี้จะ
    เป็นของผู้ลงผลงานโดยตรง ห้ามมิให้คัดลอก ทำซ้ำ เผยแพร่ ก่อนได้รับอนุญาต
    จากผู้ลงผลงาน

  • กรณีที่ผลงานชิ้นนี้กระทำการคัดลอก ทำซ้ำ มาจากผลงานของบุคคลอื่นๆ ผู้ลง
    ผลงานจะต้องทำการอ้างอิงอย่างเหมาะสม และต้องรับผิดชอบเรื่องการจัดการ
    ลิขสิทธิ์แต่เพียงผู้เดียว

  • ข้อความและรูปภาพที่ปรากฏอยู่ในผลงานที่ท่านเห็นอยู่นี้ เกิดจากการส่งเข้าระบบ
    โดยอัตโนมัติจากบุคคลทั่วไป ซึ่งเด็กดีดอทคอมมิได้มีส่วนร่วมรู้เห็น ตรวจสอบ
    หรือพิสูจน์ข้อเท็จจริงใดๆ ทั้งสิ้น ผู้ใดพบเห็นการลงผลงานละเมิดลิขสิทธิ์ หรือ
    ไม่เหมาะสมโปรดแจ้งผู้ดูแลระบบเพื่อดำเนินการทันที
    Email: contact(at)dek-d.com ( ทุกวัน 24 ชม ) หรือ
    Tel: 0-2860-1142 ( จ-ศ 0900-1800 )

App อ่านนิยายบน iPad iPhone และ Android