30 พฤศจิกายน 2551

แจกเทมเพลตจูมล่าฟรี

วันหยุดพักผ่อนวันเสาร์ ทำตัวให้เป็นประโยชน์ต่อสังคม โดยการสร้างเทมเพลตสำหรับ Joomla CMS 1.5 การร่างโครงและเริ่มเขียนเทมเพลต ใช้เวลาร่วม ๆ สองชั่วโมง จึงออกมาเป็นรูปเป็นร่าง สำหรับเทมเพลต วันพ่อ ๕ ธันวาคม เวลาสองชั่วโมงที่ปั่นงานเล่น ก็เหมือนเคยคือ ได้ความรู้ใหม่ ๆ มาใส่ตัวเสมอ

เล่าเรื่องการสร้างให้ฟังนิดหน่อย...

ตอนทำไม่มีหลักการอะไรเพียงแต่คิดไว้ว่าจะใช้สีเหลืองและชมพู เป็นหลัก ส่วนรูปภาพทั้งหมดค่อยไปหาในเน็ต นอกจากนี้ก็วางโครงไว้ที่สามสดมภ์ ขนาดหน้าจอ 1024 ทั้งหมดนี้ใช้ table มาจัดการ จากนั้นก็ลุย...

ผมใช้โปรแกรมตกแต่งภาพกราฟิกทั้งหมดจาก Gimp สนใจก็ลองเอามาใช้ดู ถ้าหากเคยใช้ Photoshop มาแล้ว Gimp ก็มีลักษณะคล้ายกัน ส่วนโปรแกรมที่ใช้โค้ดงานคือ Quanta+ ทดสอบบนระบบปฎิบัติการลินุกซ์ ใช้ Mozilla Firefox ในการดีบั๊กทั้งหมด

หากมีปัญหากับ IE ก็ตัวใครตัวมันครับพี่น้อง...

งานที่เสร็จเรียบร้อยสามารถดาวน์โหลดมาทดลองใช้ได้ที่นี่
http://www.surin3.net/kp/Downloads/Joomla/template/surin3king.zip

เมื่อเอาไปแล้ววิธีใช้ก็ติดตั้งเหมือนปกติ แต่....
ควรปรับแต่งเสียก่อน โดยวิธีปรับแต่งขอแนะนำดังนี้
1. รูปภาพในส่วนของ header เป็นภาพชื่อ header.jpg ซึ่งอยู่ที่โฟลเดอร์ images ภาพ header.jpg นี้อย่างที่ได้บอกไว้ว่าสร้างจาก Gimp ผมได้แนบต้นฉบับชื่อไฟล์ header.xcf ไว้ให้แล้ว หากมีโปรแแกรม Gimp อยู่ ก็เปิดออกมาแก้ไขได้ทันที ผมไม่ได้รวมเลเยอร์ทั้งหมด ดังนั้นคุณสามารถแก้ไขได้อย่างอิสระ เมื่อแก้ไขเรียบร้อยแล้วก็ให้บันทึกกลับไปเป็นไฟล์ header.jpg
2. แก้ไขส่วนของ footer ในไฟล์ index.php ตามใจชอบครับ (อยู่แถว ๆ ด้านล่าง)
3. แก้ไขงานข้อ 1 และ 2 แล้ว ก็ติดตั้งเหมือนติดตั้งเทมเพลตทั่วไป

แค่นี้ก็เรียบร้อยแล้ว....
มีปัญหาในการแก้ไข มีข้อผิดพลาดในการแสดงผล และติดตั้ง คุณสามารถร่วมพัฒนาโดยฝากคอมเม้นไว้ครับ...

แก้ไขเพิ่มเติมเพื่อให้การแสดงผลใน IE สวยงามและถูกต้องขึ้น และ valid xhtml w3c ด้วย เวอร์ชั่น 1.0 ดาวน์โหลดได้ที่นี่
http://www.surin3.net/kp/Downloads/Joomla/template/surin3king-1.0.zip


ดูตัวอย่างงานสำเร็จแล้วได้ที่นี่
http://info.surin3.net
แสดงความคิดเห็น