[Guide] เริ่มต้นสร้างสกิน
แก้ไขล่าสุด i~Designs เมื่อ 2009-8-2 15:00สมาชิกหลายคนคงอยากทำสกินในรูปแบบของตัวเอง แต่ไม่รู้จะเริ่มยังงัย ผมมีวิธีที่ผมใช้ประจำมาบอกให้ทราบกัน เผื่อจะเป็นแนวทางได้บ้าง
หลายคน หลายวิธีแตกต่างกันไป มาเริ่มกันเลยดีกว่า
1. เข้าไปที่โพลเดอร์ templates แล้วสร้างโฟลเดอร์ใหม่ขึ้นมา 1 โฟลเดอร์ โฟลเดอร์นี้จะเป็นโฟลเดอร์สกินของคุณ ใส่ชื่อโฟลเดอร์นี้ตามต้องการ เช่น MyStyle
2.หลังจากที่สร้างโฟลเดอร์ของสกินเสร็จแล้ว จากนั้นให้คัดลอกไฟล์ css_common.htm, discuz.htm, footer.htm, header.htm ของสกิน default มาใส่โฟลเดอร์สกินของคุณ
3. เข้าไปที่โพลเดอร์ images แล้วสร้างโฟลเดอร์ใหม่ขึ้นมา 1 โฟลเดอร์ โฟลเดอร์นี้จะเป็นโฟลเดอร์เก็บไฟล์รูปภาพของสกินของคุณ ใส่ชื่อโฟลเดอร์นี้ตามต้องการ เช่น MyStyle
4. หลังจากที่สร้างโฟลเดอร์ของสกินเสร็จแล้ว จากนั้นให้คัดลอกไฟล์รูปภาพทั้งหมดของสกิน default มาใส่โฟลเดอร์เก็บไฟล์รูปภาพของสกินของคุณ [ไฟล์รูปภาพทั้งหมดของสกิน default อยู่ใน images/default]
5. เปิดเว็บไซต์ของคุรขึ้นมา แล้วไปที่ เมนูผู้ดูแลระบบ » รูปแบบ » เทมเพลท » เพิ่มใหม่: ใส่รายละเอียดลงไปให้ครบทั้ง 3 ช่อง
ช่องที่ 1 ใส่ชื่อสกินของคุณ เช่น My Style
ช่องที่ 2 ใส่ตำแหน่งที่อยู่ของโฟลเดอร์สกินของคุณ เช่น ./templates/MyStyle
ช่องที่ 3 ใส่รายละเอียดที่แสดงความเป็นเจ้าของสกิน หรือ ลิขสิทธิ์ จะใส่อีเมล, ชื่อเว็บไซต์, หรืออะไรก็แล้วแต่
ใส่ครบแล้วคลิกที่ ส่ง แล้วจะได้สกินเพิ่มขึ้นมา
6. ยังอยู่ในเมนูผู้ดูแลระบบ ไปที่ รูปแบบ » สกิน
ทำการคัดลอกสกิน Default คลิกที่ คัดลอก แล้วจะได้สกินเพิ่มขึ้นมา 1 สกิน
ทำไมไม่ใส่รายละเอียดในช่อง เพิ่มใหม่: ทำไมต้องคัดลอกสกิน Default ที่คัดลอกสกิน Default เพราะว่าเราจะได้การตั้งค่าต่างๆจากสกิน Default โดยเราไม่ต้องไปเสียเวลาตั้งเอง หรือลองถูกลองผิดเอง ได้การตั้งค่าต่างๆมาแล้ว เราก็แค่เข้าไปแก้ไขเอา
7. ทำการคัดลอกสกิน Default เสร็จแล้ว ได้สกินใหม่มาแล้ว ให้เปลี่ยนชื่อสกินที่เพิ่มมาใหม่เป็นชื่อสกินของคุณ เช่น My Style
แล้วคลิกที่ส่ง
8. ทำการแก้ไขสกินของคุณ โดยคลิกที่แก้ไข
จะมีรายละเอียดต่างๆ มาให้เราแก้ไข ผมจะแนะนำเฉพาะส่วนที่จะเป็นนะครับ นอกเหนือจากที่ผมบอกก้ลองแก้ไขกันเอง
1. จับคู่กับเทมเพลท: เลือกให้เป็นสกินของคุณ ปกติจะเป็นสกิน Default
2. ที่อยู่ไฟล์รูปภาพ (IMGDIR): ใส่ที่อยู่โฟลเดอร์ที่เก็บไฟล์รูปภาพของสกินของคุณ เช่น images/MyStyle
เสร็จแล้วกดส่ง นอกเหนือจากนี้ก็ลองปรัลองแก้ไขดูนะครับ
จากนั้นก็ตั้งให้สกินของคุณเป็นสกินหลัก พวกกราฟฟิกก็นำมาแต่งเติมกันเอาเอง ไฟล์หลักๆที่ต้องแก้ก็จะมี css_common.htm, discuz.htm, footer.htm, header.htm
หลังจากที่แก้ไขแต่งเติมจนสวยแล้วก็ จับภาพหน้าจอสกินของคุณ นำภาพที่ได้มาย่อให้ได้ขนาด 110*120 แล้วเซฟเป็น .jpg ชื่อว่า preview นำไปใส่ไว้ที่โฟลเดอร์สกินของคุณ
แค่นี้คุณก็สามารถทำสกินในรูปแบบของคุณได้ แหล่มอะงับ ขอบคุณมากครับพี่โก๋ เป็นประโยชน์ดีจริง สุดยอดๆๆๆ แหล่มเลย ขอบคุรมากครับๆ เจ๋งๆ จริงๆ ขอบคุณมากครับ:handshake ขอบคุณมากๆครับ^^ เป็นความรู้ที่ดีมากๆเลยนะครับ :victory:
สำหรับมือเริ่มต้นเนอะ จะให้สวยต้องละเอียดกว่านี้อีกแยะล่ะมั่ง
ผมก็ยังทำไม่เป็นเลย เหอะๆ (- -*) เดี๋ยวผมลองฝึกทำมั่ง สุดยอดเลย กำลังจะลองทำพอดีเลยค่ะ