เอนทรีนี้จะมาบอกวิธีแต่งธีมAmebaโดยแก้ไขจากโค้ดCSSกัน
ก่อนอื่นให้ไปทำตามขั้นตอนที่ 1, 2, และ 3 จากเอนทรี่ที่แล้วก่อนนะคะ
 
ขั้นตอนที่ 1 และ 2 จะอยู่เอนทรีนี้เลย
 
ส่วนขั้นตอนที่ 3 เอนทรีนี้
 
จากนั้นเราก็มาเริ่มกันเลย
 
ต่อไปขั้นตอนที่ 4 กัน
 
 
 4
จะไปอย่างไวเลยนะดูตามรูปภาพ
ให้กดเลือกอันแรกที่ชื่อว่า CSS編集用デザイン
 
 
5
 
 
6
 
 
7
จากขั้นตอนที่6 เมือกดเข้ามาแล้วจะปรากดหน้าตาแบบแต่ให้เลื่อนเมาส์ขึ้นไปนิดหน่อย
เพราะหลังจากกดมาจากขั้นตอนที่6 หน้าจอไปหยุดอยู่ตรงแก้ไขโค้ดเลย
แต่ก่อนจะไปพูดถึงตรงนั้นจะอธิบายตรงนี้ซะก่อน
ตรงนี้คือรูปภาพที่เราจะนำมาแต่งบล็อกของเราทั้งพื้นหลังและรูปเฮดเดอร์
*ไว้อัพรูปที่ใหญ่ๆ
**รูปเล็กๆน้อยของตรงส่วนรายละเอียดย้อยอัพไว้ในไหนก็ได้ของเว็บAmeba หรือตรงส่วนอัลบั้มของบันทึกเราก็ได้
***Ameba จะไม่อ่านหากเรานำภาพมามาจากเว็บภายนอก
 
 
8
เลื่อนจากตรงขั้นตอนที่7 นิดนึง
ให้เห็นตรงส่วนของโค้ดCSS
จะเห็นได้ว่ามีตัวเลขกับตัวหนังสือภาษญี่ปุ่นกำกับอยู่
ซึ่งเขาจะแยกเป็นส่วนๆดังนี้
(1) 文字のスタイル
จะเป็นการไขเกี่ยวกับพวกtext(ตัวหนังสือ)ทั้งหมดในหน้าบล็อกทั้งรูปแบบตัวอักษร สีตัวอักษรและสีของตัวอักษรที่เป็นลิงค์ทั้งหมดสามารถแก้ไขได้
(2) ボタンのスタイル
ตัวนี้เกี่ยวกับbutton(ปุ่ม)ต่างในหน้าบล็อกทั้งหมด
(3) エリアのスタイル
ตัวที่สามนี่จะเป็นรูปแบบของพื้นที่หน้าบล็อกตรงนี้เป็นการปรับเปลี่ยนแก้ไขทั้งรูปเฮดบล็อกรูปพื้นหลังตรงส่วนต่างๆทั้งหมดในหน้าบล็อกรวมไปถึงสีพื้นหลังของหน้าบันทึกเราด้วยหรือจะใส่รูปก็ได้
(4) その他、拡張
ส่วนนี้จะเป็นส่วนเสริมต่างๆที่เราเพิ่มเข้ามาเอง แต่ในส่วนนี้ในโค้ดที่มีอยู่แล้วจะไม่มีอะไรเลยจะว่างเปล่าไว้
****แต่ก่อนอื่นที่เราจะแก้ไขตรงนี้ได้ก็ต้องพอรู้เรื่องของโครงสร้างของโค้ดด้วยเหมือนกันว่าตรงไหนต้องใส่แบบไหนยังไงซึ่งตรงนี้เราก็สอนคนไม่เป็นซะด้วยเอาเป้นว่าลองๆหาเรียนจากกูเกิ้ลนะค๊าา/#ชิ่ง
 
 
9
หลังจากที่เราแก้ไขโค้ดทุกอย่างเสร็จเรียบร้อยแล้วว
ก็ลองกดพรีวิดดูก่อนหรือกดตกลงใช้แบบนี้เลย
เอาเป็นว่าจบการแต่งธีมบล็อกแบบแก้ไขโค้ดเรียบร้อยแล้ว
 

Comment

Comment:

Tweet

ทำให้บ้างสิต๋อม

#1 By usazaza on 2014-09-01 20:35