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

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

ตอนที่ 2 : [general] การรวมโค้ดและการจัดรูปแบบโค้ด


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

[ ตอนก่อนหน้า | กลับไปหน้าหลักของบทความ | ตอนถัดไป ] [ บันทึกเป็น Favorite ] [ ปิดหน้าต่างนี้ ]
Code และเทคนิคตกแต่ง My.iD2 และหน้าบทความ [Writer] ตอนที่ 2 : [general] การรวมโค้ดและการจัดรูปแบบโค้ด , ผู้เข้าชมตอนนี้ : 4961 , โพส : 28 , Rating : 80% / 2 vote(s)

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



* โค้ดที่อยู่ใน...

<style type='text/css'>
.
.
.
</style>


...เหมือนกัน สามารถนำมารวมกันได้

ตัวอย่างเช่น มีโค้ดอยู่สองโค้ด (สีน้ำเงิน กับสีเขียว)


<style type='text/css'>
.mainborder{
    border: none;
}
table {
    border: none;
}
</style>

<style type='text/css'>
.left, .right{
    border: none;
}
</style>


อย่างนี้ก็สามารถรวมเป็น

<style type='text/css'>
.mainborder{
    border: none;
}
table {
    border: none;
}
.left, .right{
    border: none;
}

</style>


แบบนี้ได้ค่ะ




* โค้ดสามารถลบบรรทัดและเว้นวรรคต่าง ๆ ออกไปได้ เพื่อประหยัดเนื้อที่ โดยไม่ผลกระทบต่อตัวโค้ดแต่อย่างใด (อย่าลบตัวอักษรหรือเครื่องหมายออกก็พอ)

ที่จัดเว้นบรรทัดและย่อหน้ามาก ๆ อย่างที่เห็นอยู่นี้ ก็เพื่อความสะดวกในการอ่าน สำหรับผู้ที่อ่านโค้ดเป็น

ตัวอย่างเช่น โค้ดนี้...

<style type='text/css'>
.mainborder{
    border: none;
}
table {
    border: none;
}
</style>


สามารถจัดให้เป็นอย่างนี้ได้

<style type='text/css'> .mainborder{  border: none;} table {  border: none;}</style>

นอกจากการรวมโค้ดและการจัดรูปแบบโค้ดแล้ว เรายังสามารถใส่คอมเมนต์ให้โค้ดได้อีกด้วย
ถ้าอ่านตอนนี้รู้เรื่อง แล้วอยากตามอ่านต่อก็ไปที่ link ด้านล่างได้เลยค่ะ...

>> [general] ใส่คอมเมนต์ให้ code <<

แต่ถ้าอ่านแล้วไม่เข้าใจก็ไม่เป็นไร ข้ามไปได้ค่ะ ทั้งสองตอนนี้เป็นความรู้เสริมให้เท่านั้น






Dek-D Writer APP : แอพอ่านนิยาย Dek-D บน iPhone , Android Phone
มาแล้ว!! เวอร์ชั่น iPad และ Android Tablet
Code และเทคนิคตกแต่ง My.iD2 และหน้าบทความ [Writer] ตอนที่ 2 : [general] การรวมโค้ดและการจัดรูปแบบโค้ด , ผู้เข้าชมตอนนี้ : 4961 , โพส : 28 , Rating : 80% / 2 vote(s)
Vote ให้คะแนนตอนนี้ Vote ได้ 1 ครั้ง / 1 ชม.
[ ตอนก่อนหน้า | กลับไปหน้าหลักของบทความ | ตอนถัดไป ] [ บันทึกเป็น Favorite ] [ ปิดหน้าต่างนี้ ]
หน้าที่ 1 | 2
# 28 : ความคิดเห็นที่ 4442
ขอบคุนมากครับ

Name : AAPRRNY < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ AAPRRNY [ IP : 223.204.251.101 ]
ส่งข้อความลับ
วันที่: 21 กรกฎาคม 2560 / 21:49
# 27 : ความคิดเห็นที่ 4276
ไม่เข้าใจเเหะ.... แต่ขอบคุณครับ จะพยายามทำความเข้าใจ ;___;


PS.  เกรียนไปเรื่อยถ้าเมื่อยก็หยุด
Name : MiNtTySa < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ MiNtTySa [ IP : 171.4.100.219 ]
ส่งข้อความลับ
วันที่: 25 กรกฎาคม 2557 / 18:03
# 26 : ความคิดเห็นที่ 4026
ไม่ค่อยเข้าใจสักเท่าไร เพราะหัวผมยิ่งตื้อๆอยู่ด้วย แต่ก็ไม่เป็นไร ขอบคุณมากนะครับ^^
Name : Tsuna&Nuts < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ Tsuna&Nuts [ IP : 115.67.5.22 ]
ส่งข้อความลับ
วันที่: 7 กรกฎาคม 2556 / 23:39
# 25 : ความคิดเห็นที่ 3619
ขอบคุณค่ะ
PS.  슈퍼주니어 เจ้าชาย13ของเอลฟ์ อิอิSMฮาๆ
Name : e.l.f|sj|ㅇㅅㅇ < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ e.l.f|sj|ㅇㅅㅇ [ IP : 115.67.166.222 ]
ส่งข้อความลับ
วันที่: 30 กันยายน 2555 / 21:22
# 24 : ความคิดเห็นที่ 3170
ขอบคุณนะคะ

PS.  เราเป็นมาโซคิสม์ นายรับได้่ป่ะ...?
Name : - Hi 'pliiz. < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ - Hi 'pliiz. [ IP : 223.204.51.240 ]
ส่งข้อความลับ
วันที่: 2 เมษายน 2555 / 12:14
# 23 : ความคิดเห็นที่ 3122
 ขอบคุณค่ีะ^^
Name : yonoii < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ yonoii [ IP : 125.26.159.37 ]
ส่งข้อความลับ
วันที่: 20 มีนาคม 2555 / 10:52
ความเห็นนี้ถูกลบแล้ว :(
# 21 : ความคิดเห็นที่ 2929
  ขอบคุณมากค่ะ
PS.  # Baby i'm in love with you ''
Name : เอ็มไอแอลเค`` < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ เอ็มไอแอลเค`` [ IP : 110.168.16.84 ]
ส่งข้อความลับ
วันที่: 23 มกราคม 2555 / 18:50
# 20 : ความคิดเห็นที่ 2564
ขอบคุณค่ะ
Name : พริกหยวก < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ พริกหยวก [ IP : 27.130.135.95 ]
ส่งข้อความลับ
วันที่: 20 ตุลาคม 2554 / 20:00
# 19 : ความคิดเห็นที่ 2303
 ขอบคุณคะ เเต่อ่านโค็ดไม่เป็นคะ แล้วจะทำต่อได้ไหมนะ
Name : TxGazella_SLxT < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ TxGazella_SLxT [ IP : 49.49.110.112 ]
ส่งข้อความลับ
วันที่: 11 สิงหาคม 2554 / 15:29
# 18 : ความคิดเห็นที่ 2153
พอเข้าใจฮะ ขอบคุณมาก
Name : มุน จุนยอง < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ มุน จุนยอง [ IP : 125.26.149.185 ]
ส่งข้อความลับ
วันที่: 29 พฤษภาคม 2554 / 17:55
# 17 : ความคิดเห็นที่ 1942
เรางงง่า =_=??? ปกติก็อ่อนคอมอยู่เเล้วปกติก็ให้พี่ทำให้ จะ ม.1 อยู่เเล้วยังทำไม่ได้เลย T^T เศร้า
PS.  1827 8059 10069 บันไซ >o< เฮ้ๆๆๆๆ
Name : ILOvE RebORn♥ < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ ILOvE RebORn♥ [ IP : 125.24.18.126 ]
ส่งข้อความลับ
วันที่: 26 เมษายน 2554 / 10:36
# 16 : ความคิดเห็นที่ 1881
 ขอบคุณมากค่ะ 
Name : อธีนิส < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ อธีนิส [ IP : 125.26.66.23 ]
ส่งข้อความลับ
วันที่: 16 เมษายน 2554 / 20:13
# 15 : ความคิดเห็นที่ 1725
ขอบคุณมากฮ่ะ

PS.  Dont think i cant love you (:
Name : JlFAh hh. h . < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ JlFAh hh. h . [ IP : 58.8.32.234 ]
ส่งข้อความลับ
วันที่: 28 มีนาคม 2554 / 21:59
# 14 : ความคิดเห็นที่ 1177
เข้าใจค่ะ =w=~ ได้ความรู้มาก(เรียนคอมพ์อยู่... ><)
PS.  ทึกกีน่ารัก หลงรักทึกกี
Name : RaQ SuJu < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ RaQ SuJu [ IP : 119.42.112.147 ]
ส่งข้อความลับ
วันที่: 22 ตุลาคม 2553 / 14:29
# 13 : ความคิดเห็นที่ 881

บอกได้คำเดียวว่า......งง.......


PS.  ~อย่าลืมแวะเยี่ยม My.ID เรานะจ๊ะ~
Name : little girl 3 < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ little girl 3 [ IP : 114.128.47.144 ]
ส่งข้อความลับ
วันที่: 21 สิงหาคม 2553 / 22:48
# 12 : ความคิดเห็นที่ 541
^^
เข้าใจค่ะ ไม่งง
PS.  หนึ่งคน ยิ่งหนี เหมือนยิ่งเข้ามาใกล้ -_-' อีกคน ยิ่งตาม กลับเหมือนยิ่งไกลห่างออกไป... T^T
Name : KhuGya^^ < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ KhuGya^^ [ IP : 110.49.85.189 ]
ส่งข้อความลับ
วันที่: 3 มกราคม 2553 / 04:44
# 11 : ความคิดเห็นที่ 520
เข้าสใจอย่าถ่องแท้ =_= แต่ไม่รู้ว่าตัวเองจะเอาไปใช้ได้รึเล่า-_-;; ขอบคุณค่ะ!
PS.  ติดการ์ตูนสามเรื่อง D.Gray-man,Pandora hearts,School Rumble อยากอ่านAir gear เมื่อไหร่ Blackbutler จะออกเล่มเจ็ด =__= และอีกมากมาย...
Name : P.D.S★Kik〝 < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ P.D.S★Kik〝 [ IP : 58.8.12.121 ]
ส่งข้อความลับ
วันที่: 6 ธันวาคม 2552 / 09:01
# 10 : ความคิดเห็นที่ 491
เข้าใจค่ะ


ขอบคุณค่ะ
PS.  ทุก comment คือ กำลังใจของ Writer Thank You~*
Name : 4um4im~* < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ 4um4im~* [ IP : 222.123.163.152 ]
ส่งข้อความลับ
วันที่: 25 ตุลาคม 2552 / 16:44
# 9 : ความคิดเห็นที่ 405

อืม...เห็นเคจทำงี้วันนี้เลยลองนั่งอ่านโค้ดใน source เอง ปวดหัว เขาใจแค่กระจึ๋งเดียว (ว่าแต่เข้าใจได้ไงเนี่ย สงสัยใบบุญจาก C แล้วก็ basic)


PS.  ฝากเรื่อง ไอร์มาร์ สายเลือดแห่งมนตราด้วยค่ะ ตามนี้เลย = > http://writer.dek-d.com/cin_hearts/writer/view.php?id=491494
Name : ame_thyst < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ ame_thyst [ IP : 58.9.18.82 ]
ส่งข้อความลับ
วันที่: 12 กรกฎาคม 2552 / 21:10
# 8 : ความคิดเห็นที่ 392
ไม่งง

แต่ยังไม่บรรลุ

โอววว

โสดาบรร
Name : JaPaKaRN^^ < My.iD > [ IP : 125.27.148.19 ]
ส่งข้อความลับ
วันที่: 10 กรกฎาคม 2552 / 22:48
# 7 : ความคิดเห็นที่ 364

เข้าใจละ >_<


PS.  ~*-ท่านฮิบาริน่ะ เริ่ด สุด>////< ไม่มีใครเทียม หุหุ ALL18 // สัปปะแร๊ดดคงหิวทู น่าสินะ คุฟุฟุฟุ// 8018 1827 D18 6918 1896 6996<<<เป็นรหัสที่..งดงามมาก!!>///<
Name : y-a-o-i18 < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ y-a-o-i18 [ IP : 222.123.74.65 ]
ส่งข้อความลับ
วันที่: 28 มิถุนายน 2552 / 11:29
# 6 : ความคิดเห็นที่ 314
เข้าใจมากๆ เลย  

อยากทำเป็นบ้างจัง  ^^
PS.  13 Only ... Super Junior พี่หมี พักผ่อนบ้างนะ ทำงานหนักกว่าคนอื่น ระวังไม่สบายนะคะ Love U 4Ever ... ซูเปอร์จูเนียร์ โอป้า ซารังเฮ
Name : 13...4EVER < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ 13...4EVER [ IP : 124.120.151.231 ]
ส่งข้อความลับ
วันที่: 8 มิถุนายน 2552 / 01:00
# 5 : ความคิดเห็นที่ 181

เข้าใจ แต่อยากทำโค๊ดเป็นบ้างง่า ขอโค๊ดดิบๆแบบนี้แหละชอบ!!!!


PS.   คิดถึงก็มาหา ว่างๆก็แวะมาอ่านนิยายเรานะ ตัวเอง
Name : laekkiku < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ laekkiku [ IP : 124.121.127.173 ]
ส่งข้อความลับ
วันที่: 20 พฤษภาคม 2552 / 11:15
# 4 : ความคิดเห็นที่ 180
อยากถามอ่ะค่ะ ใช้โปรแกรม easy html หรือป่าวคะ เราพึ่งโหลดมา ยังใช้ไม่ค่อยเป็นอ่ะค่ะ ถ้าไม่หวง ไม่รังเกียจ ช่วยสอนหน่อยน่ะ
Name : Misuenachirayna < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ Misuenachirayna [ IP : 125.26.246.28 ]
ส่งข้อความลับ
วันที่: 12 เมษายน 2552 / 16:45
หน้าที่ 1 | 2
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