[Guide] เริ่มต้นสร้างสกิน

i~Designs

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

หลายคน หลายวิธีแตกต่างกันไป มาเริ่มกันเลยดีกว่า

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 นำไปใส่ไว้ที่โฟลเดอร์สกินของคุณ

แค่นี้คุณก็สามารถทำสกินในรูปแบบของคุณได้

sanamchaiin

แหล่มอะงับ

trickstertik

ขอบคุณมากครับพี่โก๋ เป็นประโยชน์ดีจริง

rocjit

สุดยอดๆๆๆ แหล่มเลย

dsiwarsza

ขอบคุรมากครับๆ เจ๋งๆ จริงๆ

manuza

ขอบคุณมากครับ

GS_DCTWB

ขอบคุณมากๆครับ^^

sakko51150

เป็นความรู้ที่ดีมากๆเลยนะครับ

สำหรับมือเริ่มต้นเนอะ  จะให้สวยต้องละเอียดกว่านี้อีกแยะล่ะมั่ง

ผมก็ยังทำไม่เป็นเลย เหอะๆ  (- -*)

samusai

เดี๋ยวผมลองฝึกทำมั่ง

takaerihiro

สุดยอดเลย กำลังจะลองทำพอดีเลยค่ะ