(tool)เปลี่ยนพื้นหลังขนาดสีและฟอนรกๆในหน้านิยายสำหรับนักอ่าน

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


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




สำหรับfirefox เท่านั้น ลง add-on ชื่อ stylish
https://addons.mozilla.org/en-US/firefox/addon/stylish/
แล้วไปที่ add-on กดปุ่มตามภาพ


กดเสร็จ
จะมีหน้าต่างออกมา ตามภาพ  name ใช่อะไรก็ได้ แค่ชื่อ ที่เหลือ ก๊อปใส่ตามไป



โค้ดจะเป็นลิงค์ให้ไปดาวน์โหลดข้างนอก เนื่องจากไม่สามารถ โพสได้เพราะเป็นอักขระติดตัวกรองของเว็บไซต์
http://www.mediafire.com/?4eq5b4ep3jbp722
ห้ามลบ !important ออก เป็นตัวบังคับให้มันแสดงผลด้วยการแต่งของเรา บังคับให้มันทับของเดิม ถ้าลบออกบางอันจะไม่แสดงผล

1.ต้องการเปลี่ยนความกว้าง เปลี่ยนที่ width:90%  ลองใส่เปอเซนอื่นๆ แล้ว เซฟ จากนั้นกลับไปดูในหน้านิยาย
2.ต้องการเปลี่ยนสีพื้นหลังแก้ที่ background-color:#22201B !important;   เปลี่ยนรหัสสีที่ชอบ เช่น #006699

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("writer.dek-d.com") {

body{margin-left:5% !important;margin-right:5% !important;
width:90% !important;font-family:Angsana New !important; font-size:34px !important; 
		background-image: none !important;

background-color:#22201B !important;
}

td{font-family:Angsana New !important; font-size:34px !important; 
background-color: #9F9072 !important;

}

table{ width:90% !important;border:none !important; color:black !important; font-family:Angsana New !important; font-size:34px !important; font-weight:normal !important; text-decoration:none !important;}

p,span,font {color:black !important;font-family:Angsana New !important;font-size:34px !important;background:none !important;}}93 เอาไปแทนตัวตรงกลาง

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("writer.dek-d.com") {

body{margin-left:5% !important;margin-right:5% !important;
width:90% !important;font-family:Angsana New !important; font-size:34px !important; 
		background-image: none !important;

background-color:#22201B !important;
}

td{font-family:Angsana New !important; font-size:34px !important; 
background-color: #9F9072 !important;

}

table{ width:90% !important;border:none !important; color:black !important; font-family:Angsana New !important; font-size:34px !important; font-weight:normal !important; text-decoration:none !important;}

p,span,font {color:black !important;font-family:Angsana New !important;font-size:34px !important;background:none !important;}}

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("writer.dek-d.com") {

body{margin-left:5% !important;margin-right:5% !important;
width:90% !important;font-family:Angsana New !important; font-size:34px !important; 
		background-image: none !important;

background-color:#22201B !important;
}

td{font-family:Angsana New !important; font-size:34px !important; 
background-color: #9F9072 !important;

}

table{ width:90% !important;border:none !important; color:black !important; font-family:Angsana New !important; font-size:34px !important; font-weight:normal !important; text-decoration:none !important;}

p,span,font {color:black !important;font-family:Angsana New !important;font-size:34px !important;background:none !important;}}

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("writer.dek-d.com") {

body{margin-left:5% !important;margin-right:5% !important;
width:90% !important;font-family:Angsana New !important; font-size:34px !important; 
		background-image: none !important;

background-color:#22201B !important;
}

td{font-family:Angsana New !important; font-size:34px !important; 
background-color: #9F9072 !important;

}

table{ width:90% !important;border:none !important; color:black !important; font-family:Angsana New !important; font-size:34px !important; font-weight:normal !important; text-decoration:none !important;}

p,span,font {color:black !important;font-family:Angsana New !important;font-size:34px !important;background:none !important;}}@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("writer.dek-d.com") {

body{margin-left:5% !important;margin-right:5% !important;
width:90% !important;font-family:Angsana New !important; font-size:34px !important; 
		background-image: none !important;

background-color:#22201B !important;
}

td{font-family:Angsana New !important; font-size:34px !important; 
background-color: #9F9072 !important;

}

table{ width:90% !important;border:none !important; color:black !important; font-family:Angsana New !important; font-size:34px !important; font-weight:normal !important; text-decoration:none !important;}

p,span,font {color:black !important;font-family:Angsana New !important;font-size:34px !important;background:none !important;}}

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("writer.dek-d.com") {

body{margin-left:5% !important;margin-right:5% !important;
width:90% !important;font-family:Angsana New !important; font-size:34px !important; 
		background-image: none !important;

background-color:#22201B !important;
}

td{font-family:Angsana New !important; font-size:34px !important; 
background-color: #9F9072 !important;

}

table{ width:90% !important;border:none !important; color:black !important; font-family:Angsana New !important; font-size:34px !important; font-weight:normal !important; text-decoration:none !important;}

p,span,font {color:black !important;font-family:Angsana New !important;font-size:34px !important;background:none !important;}}

3. ต้องการเปลี่ยนพื้นหลังเป็นรูป จะมีอยู่สองส่วน คือส่วนพื้นหลังสุด กับส่วนพื้นหลังของส่วนตัวนิยายที่มีตัวหนังสือ
ต้องการเปลี่ยนภาพพื้นหลังสุดต้องแก้ที่ body  ในวงเล็บนั้นจะเห็น
background-image: none !

important;

background-color:#22201B !important;

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("writer.dek-d.com") {

body{margin-left:5% !important;margin-right:5% !important;
width:90% !important;font-family:Angsana New !important; font-size:34px !important; 
		background-image: none !important;

background-color:#22201B !important;
}

td{font-family:Angsana New !important; font-size:34px !important; 
background-color: #9F9072 !important;

}

table{ width:90% !important;border:none !important; color:black !important; font-family:Angsana New !important; font-size:34px !important; font-weight:normal !important; text-decoration:none !important;}

p,span,font {color:black !important;font-family:Angsana New !important;font-size:34px !important;background:none !important;}}

แก้เป็น
บรรทัดนี้ background-color:none !important; ลบทิ้ง

ส่วน อีกอัน แก้เป็น background-image: url(imagelocation) !important;
3.1แก้พื้นหลังในส่วนตัวนิยาย อยู่ที่ table { แก้ในนี้ } แก้เหมือนกันกับข้างบน
4.แก้ฟอนต์
font-family:Angsana New !important; font-

size:34px !important;
แค่เปลี่ยน Angsana New เป็นชื่อฟอนอื่นแค่นั้น  แต่ต้องมีในเครื่องเราเพราะอิงจากเครื่องเราไม่ใช่เครื่องเซอเวอแต่อย่างใด ดังนั้นอยากได้ฟอนต์วัยรุ่นก็ไปหาโหลดจากเว็บฟอนต์เอามาใส่เครื่อง แล้วพิมชื่อฟอนต์ให้ถูกต้อง มีวรรคเราก็วรรคตาม
เท่านี้เราก็จะมีฟอนต์สวยๆ ในหน้านิยายทุกเรื่องแล้ว
ขนาดฟอนต์ font-size ก็เปลี่ยนตัวเลขเอา
ที่แนะนำมี sarabun courier angsana ที่อ่านง่าย
5.อยากจัดตำแหน่งให้มันอยู่ชิดๆขอบ
แก้ที่ margin-left margin-right จากขอบซ้ายและขอบขวา
จบแล้วมีคำถามเชิญถามได้ แต่ตอบช้ามากเพราะไม่ชอบล็อคอิน

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

หากอยากได้แบบเดิมก็ disble มีปุ่มอยู่ในรูป2  

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("writer.dek-d.com") {

body{margin-left:5% !important;margin-right:5% !important;
width:90% !important;font-family:Angsana New !important; font-size:34px !important; 
		background-image: none !important;

background-color:#22201B !important;
}

td{font-family:Angsana New !important; font-size:34px !important; 
background-color: #9F9072 !important;

}

table{ width:90% !important;border:none !important; color:black !important; font-family:Angsana New !important; font-size:34px !important; font-weight:normal !important; text-decoration:none !important;}

p,span,font {color:black !important;font-family:Angsana New !important;font-size:34px !important;background:none !important;}}

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("writer.dek-d.com") {

body{margin-left:5% !important;margin-right:5% !important;
width:90% !important;font-family:Angsana New !important; font-size:34px !important; 
		background-image: none !important;

background-color:#22201B !important;
}

td{font-family:Angsana New !important; font-size:34px !important; 
background-color: #9F9072 !important;

}

table{ width:90% !important;border:none !important; color:black !important; font-family:Angsana New !important; font-size:34px !important; font-weight:normal !important; text-decoration:none !important;}

p,span,font {color:black !important;font-family:Angsana New !important;font-size:34px !important;background:none !important;}}

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("writer.dek-d.com") {

body{margin-left:5% !important;margin-right:5% !important;
width:90% !important;font-family:Angsana New !important; font-size:34px !important; 
		background-image: none !important;

background-color:#22201B !important;
}

td{font-family:Angsana New !important; font-size:34px !important; 
background-color: #9F9072 !important;

}

table{ width:90% !important;border:none !important; color:black !important; font-family:Angsana New !important; font-size:34px !important; font-weight:normal !important; text-decoration:none !important;}

p,span,font {color:black !important;font-family:Angsana New !important;font-size:34px !important;background:none !important;}}