แต่งหน้านิยายให้สวย ด้วย Code & Theme


        สัปดาห์นี้ พี่น้องมีเคล็ดลับแต่งหน้านิยายมาฝากน้องๆ ชาว Dek-D Writer ที่เคยสงสัยว่าทำไมบทความของคนนี้ถึงไม่เป็นสีส้มแต่เป็นสีดำ ทำไมบทความนี้ถึงมองทะลุพื้นหลังได้ ทำไมบทความนี้มี link ลอยอยู่ข้างบทความด้วย ใส่เพลงในหน้านิยายยังไงดี

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

จากตัวอักษรติดๆ กันหลายบรรทัดแบบนี้ กลายเป็นหน้าบทความสวยๆ แบบนี้
(พี่เขียนโค้ดได้ทุเรศมากบอกเลย)

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

ต่อไปนี้เป็นช่วงโฆษณาฟรี ไม่มีการเสียตังค์แต่อย่างใด (ฮา)

        ธีมนิยาย: บทความที่มีโลโก้ธีมนิยายเป็นบทความที่รวมโค้ดสำหรับเปลี่ยนหน้านิยายรวมๆ ให้เป็นธีมต่างๆ เรียกได้ว่าโค้ดเดียวสวยทั้งหน้า เหมาะสำหรับคนที่แค่อยากสร้างบรรยากาศให้บทความรวมๆ เช่น เราเขียนนิยายรัก อาจจะอยากทำให้หน้าบทความเป็นสีชมพู มีแต่รูปหัวใจก็ใช้โค้ดพวกนี้ได้
        โค้ดลูกเล่น: บทความที่แจกโค้ดสร้างลูกเล่นเฉพาะส่วนให้กับหน้าบทความของเรา เช่น เปลี่ยนสีตัวอักษร เมื่อเมาส์ชี้ที่ชื่อตอนแล้วชื่อตอนจะขยายใหญ่ขึ้น ฯลฯ เหมาะสำหรับคนที่ชอบลูกเล่นเล็กๆ น้อยๆ
เก่า: บทความนี้แจกโค้ดที่ใช้ได้กับหน้าบทความแบบเก่าเท่านั้น
ใหม่: บทความนี้แจกโค้ดที่ใช้ได้กับหน้าบทความแบบใหม่เท่านั้น
รวม: บทความนี้แจกโค้ดที่ใช้ได้ทั้งหน้าบทความแบบเก่าและแบบใหม่

 

หน้านิยายใหม่

        Dek-D เริ่มเปลี่ยนหน้านิยายใหม่ตั้งแต่วันที่ 26 มีนาคม สำหรับคนที่เปิดนิยายไว้ก่อนวันดังกล่าวจะเลือกได้ว่าต้องการใช้หน้าบทความใหม่หรือคงเดิม แต่คนที่เปิดบทความใหม่ตั้งแต่วันที่ 26 มีนาคมเป็นต้นไปจะต้องใช้หน้าบทความแบบใหม่เท่านั้น
 



 



 


 


 


 




 

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


ขอบคุณ Sakurai Winter, StarLullaby, On a nameless tube, DarkPhoenix,
และไอติมเย็น
ที่ส่งบทความตัวเองมาให้พี่น้องโฆษณาในบทความนี้นะคะ
 

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

อย่าลืมให้ความสำคัญกับ 'เนื้อหาข้างใน' ด้วยนะคะ

Dek-D Team ทีมคอลัมนิสต์ Dek-D

แสดงความคิดเห็น

ถูกเลือกโดยทีมงาน

ยอดถูกใจสูงสุด

กำลังโหลด
กำลังโหลด
โนมาเนียนา Member 27 มิ.ย. 57 16:08 น. 1

ว้าว มีแต่ธีมสวยๆ ทั้งนั้นเลย

เสียดายก็แต่ พักนี้นิยายเป็นอะไรก็ไม่รู้ เม้นท์ไม่ค่อยติดเลย =3=

0
กำลังโหลด
jade Member 28 มิ.ย. 57 07:39 น. 6

หะอ้าววว นี่หน้านิยายของตัวเองที่เห็นอยู่นี่...เป็นของเก่า!???

//ทำไมเรามันตกยุคหยากไย่ขึ้นขนาดนี้ - -

(ไม่ได้ดูนิยายคนอื่นเขานาน)

เหอะเหอะ

0
กำลังโหลด
melon Member 28 มิ.ย. 57 17:50 น. 8

คือเราอยากถามว่า

เวลาเมนท์คำนิยมนี่มันมีจำกัดตัวอักษรเหรอคะ

เราเมนท์ให้นิยายเรื่องหนึ่ง แต่มันแสดงไม่หมดอ่ะคะ

แต่มันก็ไม่ได้เขียนบอกไว้ว่าเพราะอะไร เลยอยากรู้เหตุผลอ่า

งง

0
กำลังโหลด

27 ความคิดเห็น

โนมาเนียนา Member 27 มิ.ย. 57 16:08 น. 1

ว้าว มีแต่ธีมสวยๆ ทั้งนั้นเลย

เสียดายก็แต่ พักนี้นิยายเป็นอะไรก็ไม่รู้ เม้นท์ไม่ค่อยติดเลย =3=

0
กำลังโหลด
กำลังโหลด
กำลังโหลด
กำลังโหลด
กำลังโหลด
jade Member 28 มิ.ย. 57 07:39 น. 6

หะอ้าววว นี่หน้านิยายของตัวเองที่เห็นอยู่นี่...เป็นของเก่า!???

//ทำไมเรามันตกยุคหยากไย่ขึ้นขนาดนี้ - -

(ไม่ได้ดูนิยายคนอื่นเขานาน)

เหอะเหอะ

0
กำลังโหลด
กำลังโหลด
melon Member 28 มิ.ย. 57 17:50 น. 8

คือเราอยากถามว่า

เวลาเมนท์คำนิยมนี่มันมีจำกัดตัวอักษรเหรอคะ

เราเมนท์ให้นิยายเรื่องหนึ่ง แต่มันแสดงไม่หมดอ่ะคะ

แต่มันก็ไม่ได้เขียนบอกไว้ว่าเพราะอะไร เลยอยากรู้เหตุผลอ่า

งง

0
กำลังโหลด
กำลังโหลด
Only N.A.T. Member 2 ก.ค. 57 20:48 น. 10

อยากถามหน่อยค่ะ ว่าเราจะใช้โค้ดอะไรคะ ถึงจะทำกล่องใส่เบรนเนอร์ได้ ใครรู้บอกหน่อยนะคะ อยากรู้มากกกกรักเลยเขิลจุงเย้

4
กำลังโหลด
Sakurai Winter Member 24 ก.ค. 57 00:09 น. 11-1
สมมุติถ้ามีรูปอยู่แล้ว ต้องใช้โค้ดใส่พื้นหลังหลักค่ะ ใส่ภาพพื้นหลังหลักแบบเต็มจอ >> http://writer.dek-d.com/sakurai-winter/writer/viewlongc.php?id=1109649&chapter=6
0
กำลังโหลด
กำลังโหลด
กำลังโหลด
กำลังโหลด
BlackBlueEyes Member 16 ก.พ. 59 19:19 น. 15

ขอบคุณมากๆเลยค่ะ! ><

ทุกทีทำไม่เป็น เลยได้แต่มองนิยายของพี่ๆคนอื่น T^T

ขอบคุณมากๆจริงเลยค่ะ เขิลจุง รักเลย

0
กำลังโหลด
กำลังโหลด
กำลังโหลด
กำลังโหลด
จิตรทิวา โพธิ์นาแค Member 3 ก.ย. 59 18:36 น. 19

ไม่มีความรู้พื้นฐานการเขียนโค้ดเลย ขอบคุณบทความนี้ที่ช่วยได้เยอะเลยค่ะว๊าว

0
กำลังโหลด
กำลังโหลด
กำลังโหลด