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

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

ตอนที่ 77 : [general] ใส่คอมเมนต์ให้ code


     อัพเดท 1 มิ.ย. 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 : 25 Overall : 219,556
4,449 Comment(s), [ แฟนพันธุ์แท้ 5111 คน ]

[ ตอนก่อนหน้า | กลับไปหน้าหลักของบทความ | ตอนถัดไป ] [ บันทึกเป็น Favorite ] [ ปิดหน้าต่างนี้ ]
Code และเทคนิคตกแต่ง My.iD2 และหน้าบทความ [Writer] ตอนที่ 77 : [general] ใส่คอมเมนต์ให้ code , ผู้เข้าชมตอนนี้ : 2272 , โพส : 7 , Rating : 100% / 1 vote(s)

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



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

ข้อนี้เคจเพิ่งรู้ตัวจริงๆ ค่ะว่ามันเป็นปัญหา... แต่ก็คิดวิธีป้องกันมาให้แล้วค่ะ...

เราจะใช้การใส่คอมเมนต์ให้ code เป็นตัวช่วยเตือนความจำค่ะ ^^

คอมเมนต์คืออะไร ?

คอมเมนต์ก็คือความคิดเห็นที่เราบันทึกไว้ สามารถแทรกไว้ในโค้ดได้ โดยไม่รบกวนการทำงานของโค้ด

คอมเมนต์ของ css และ javascript จะอยู่ภายในเจ้านี่ค่ะ

/* พื้นที่สำหรับคอมเมนต์ */


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

<style type='text/css'>

/* เริ่มต้น code ลบเส้นตาราง */

.left, .right{
    border: none;
}
.mainborder{
    border: none;
}
table {
    border: none;
}


/* สิ้นสุดโค้ดลบเส้นตาราง
http://writer.dek-d.com/Caje/writer/viewlongc.php?id=499460&chapter=3
*/



/* เริ่มต้นโค้ดกล่องคำพูดล่องหน */

.bubblebg{
    background: none;
}
.bubble1{
    background: none;
}
.bubble2{
    background: none;
}


/* สิ้นสุดโค้ดกล่องคำพูดล่องหน
http://writer.dek-d.com/Caje/writer/viewlongc.php?id=499460&chapter=7
*/


</style>


พอมองเห็นประโยชน์ไหมคะ
เขียนคอมเมนต์ไว้แบบนี้ เราก็จะไม่งงว่าโค้ดอะไรเป็นโค้ดอะไร แล้วถ้าใส่ที่มาของโค้ดไว้ด้วยก็สามารถย้อนกลับไปอ่านวิธีใช้งานดูได้ล่ะค่ะ ^^

ต่อไปถ้ามีโค้ดใหม่ๆ มาอีก เคจจะใส่คอมเมนต์อย่างนี้ไว้ให้ด้วยนะคะ
สำหรับโค้ดตอนเก่าๆ ก็จะทยอยแก้ไขค่ะ

ถ้าใครไม่ชอบเห็นว่าเกะกะก็ลบส่วนสีส้มๆ ออกไปได้ตามสบายค่ะ ไม่ว่ากัน
หรือจะเปลี่ยนคอมเมนต์เป็นอย่างนี้ที่เราเข้าใจได้ดีกว่าก็ได้นะคะ

สุดท้าย... ใครยังไม่รู้วิธีการรวบโค้ดก็ลองแวะไปดูที่บทนี้ได้ค่ะ
[general] ความรู้เบื้องต้นเกี่ยวกับโค้ด
ใช้ร่วมกับการใส่คอมเมนต์นี่ได้ดีทีเดียว

* ถึงแม้โค้ด css และ javascript จะมีวิธีใส่คอมเมนต์ที่เหมือนกัน แต่ตัวโค้ดรวมกันไม่ได้นะคะ





Dek-D Writer APP : แอพอ่านนิยาย Dek-D บน iPhone , Android Phone
มาแล้ว!! เวอร์ชั่น iPad และ Android Tablet
Code และเทคนิคตกแต่ง My.iD2 และหน้าบทความ [Writer] ตอนที่ 77 : [general] ใส่คอมเมนต์ให้ code , ผู้เข้าชมตอนนี้ : 2272 , โพส : 7 , Rating : 100% / 1 vote(s)
Vote ให้คะแนนตอนนี้ Vote ได้ 1 ครั้ง / 1 ชม.
[ ตอนก่อนหน้า | กลับไปหน้าหลักของบทความ | ตอนถัดไป ] [ บันทึกเป็น Favorite ] [ ปิดหน้าต่างนี้ ]
หน้าที่ 1
# 7 : ความคิดเห็นที่ 4230
ขอบคุณมากค่ะ เก่งจังง 
PS.  มาร่วมกันก้าวไปกับคนที่เรารักโดยมีอดีตเป็นครู มีความฝันเป็นปลายทาง มีคนรอบข้างเป็นกำลังใจ
Name : วารี-วายุ < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ วารี-วายุ [ IP : 124.121.227.71 ]
ส่งข้อความลับ
วันที่: 11 เมษายน 2557 / 16:52
# 6 : ความคิดเห็นที่ 4049
ขอบคุณมากเลยนะคะ
Name : Faline_05 < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ Faline_05 [ IP : 223.206.150.175 ]
ส่งข้อความลับ
วันที่: 27 กรกฎาคม 2556 / 13:49
# 5 : ความคิดเห็นที่ 2711
ยอ่ตรงสีส้มๆนั่น.. สามารถโน้ตเพิ่มเองได้ใช่มั้ยฮะ (#^.^#)
PS.  Cuz I'm alone then I found find forever and ever....
Name : ผ้า < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ ผ้า [ IP : 180.214.209.2 ]
ส่งข้อความลับ
วันที่: 17 พฤศจิกายน 2554 / 19:05
# 4 : ความคิดเห็นที่ 2135
ขอบคุณค่า
PS.  โอ้วๆ ข้าน้อยรักโชตะที่ซู้ดดดด~
Name : Nagamura C. ★ May < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ Nagamura C. ★ May [ IP : 58.8.153.19 ]
ส่งข้อความลับ
วันที่: 21 พฤษภาคม 2554 / 14:51
# 3 : ความคิดเห็นที่ 1431
อ๋อเพิ่งเข้าใจเมื่อได้อ่านนี่แหละ

ขอบคุณมาก
PS.  ชั้นไม่ใช่สวะของใคร ทำไมพวกแกต้องเอาชั้นไปอยู่รวมกับพวกเคะ(ตูอยากเป็นเมะ!!!>>>จากใจน้องหลาม(เหรอ?))
Name : Ooฉลามคลั่งoO < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ Ooฉลามคลั่งoO [ IP : 49.229.214.86 ]
ส่งข้อความลับ
วันที่: 13 มกราคม 2554 / 00:57
# 2 : ความคิดเห็นที่ 1008
งงเหมือนกันค่ะ -0-
หมายความว่า ตัวสีส้มๆ
เวลาก็อบไปใช้ ลบทิ้งก็ได้ หรือใส่ไว้ก็ได้ใช่มั๊ยคะ?
Name : มัจฉานุน้อย < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ มัจฉานุน้อย [ IP : 125.25.42.45 ]
ส่งข้อความลับ
วันที่: 29 กันยายน 2553 / 11:33
# 1 : ความคิดเห็นที่ 682
งง....- -
PS.  อยู่ไปก็ไม่มีใครสน สู้ตายไปยังดีซะกว่า
Name : เนเนะ < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ เนเนะ [ IP : 124.121.253.220 ]
ส่งข้อความลับ
วันที่: 3 มิถุนายน 2553 / 18:29
หน้าที่ 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