บทความ 
วันนี้ผมจะมานำเสนอเทคนิค การเพิ่มรูปภาพให้กับ โมดูล โดยให้ header เดิมหายไป ดูที่รูปนะครับ
?(ใช้กับ joomla 1.5 เท่านั้น เพราะ joomla 1.0 เมนู จะต่างกัน)
???? 1. รูปภาพที่ต้องการ ขนาดตามที่ต้องการ แต่ไม่ควรเกิน พื้นที่ที่ต้องการแสดงผล ในตัวอย่างนี้ ใช้ file ชื่อ myheader.gif ขนาด 180x35 (เพื่อความชัดเจนขอ ทำกรอบสีแดงนะครับ)
???????? 1.1 วิธีเพิ่มคือ backend > site > media manager
???????? 1.2 ดูด้านล่าง จะพบคำว่า Upload File กด browser เลือกไฟล์ myheader.gif? ในเครื่องของเรา
???????? 1.3 กด start upload
2. เข้าไปที่ โมดูล Who's Online ทำการเพิ่ม prefix ให้เป็น -myheader (ถ้าจะทำเพิ่ม ก็ใส่ตัวอักษรตามต้องการไม่ซ้ำเดิม)
???????? 2.1 วิธีเพิ่มคือ เข้าไปที่ backend > Extensions > module manager > โมดูลที่ต้องการ (ผมยกตัวอย่างคือ Who's Online)
???????? 2.2 ดูทางด้านขวา parameters > Module Parameters > แก้ที่ Module Class Suffix
?
3.ไปแก้ไขไฟล์ template.css
????????? 3.1 วิธีเพิ่มคือ เข้าแก้ไขได้ที่ backend > Extensions >Template Manager
????????? 3.2 เลือกเทมเพลทที่ใช้อยู่ปัจจุบัน ให้คลิกที่จุดกลมๆ ด้านหน้าก่อน โดยสังเกตรูปดาวด้านหลัง จะบอกว่าให้คลิกเทมเพลทไหน
?
????????? 3.4 คลิกที่ Edit CSS เลือก template.css? แล้ว Edit อีกครั้ง
????????? 3.5 เพิ่มข้อความดังต่อไปนี้ด้านล่างสุด
div.moduletable_myheader{
transparent url(../../../images/myheader.gif) no-repeat scroll left top
padding-top:35px;
width:180px;
}
div.moduletable_myheader h3{
display:none;
}
?
เสร็จแย้ว
หมายเหตุ ตัวอย่างนี้จะใช้ไม่ได้กับ โมดูลบางประเภท.
?
?
