นิยาย Code และเทคนิคตกแต่ง My.iD2 และหน้าบทความ [Writer] > ตอนที่ 77 : [general] ใส่คอมเมนต์ให้ code : Dek-D.com - Writer

คุณกำลัง 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

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)

[

ตอนก่อนหน้า |

กลับไปหน้าหลักของบทความ | ตอนถัดไป ] [

บันทึกเป็น Favorite ] [

ปิดหน้าต่างนี้ ]

หน้าที่ 1

# 7 : ความคิดเห็นที่ 4230

ตอบความคิดเห็น

ขอบคุณมากค่ะ เก่งจังง

PS. มาร่วมกันก้าวไปกับคนที่เรารักโดยมีอดีตเป็นครู มีความฝันเป็นปลายทาง มีคนรอบข้างเป็นกำลังใจ

Name : วารี-วายุ < My.iD >

[ IP : 124.121.227.71 ]

ส่งข้อความลับ
วันที่: 11 เมษายน 2557 / 16:52

# 6 : ความคิดเห็นที่ 4049

ตอบความคิดเห็น

ขอบคุณมากเลยนะคะ

Name : Faline_05 < My.iD >

[ 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 >

[ IP : 58.8.153.19 ]

ส่งข้อความลับ
วันที่: 21 พฤษภาคม 2554 / 14:51

# 3 : ความคิดเห็นที่ 1431

ตอบความคิดเห็น

อ๋อเพิ่งเข้าใจเมื่อได้อ่านนี่แหละ

ขอบคุณมาก

PS. ชั้นไม่ใช่สวะของใคร ทำไมพวกแกต้องเอาชั้นไปอยู่รวมกับพวกเคะ

(ตูอยากเป็นเมะ!!!>>>จากใจน้องหลาม(เหรอ?))

Name : Ooฉลามคลั่งoO < My.iD >

[ 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

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

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

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