วิธีเปลี่ยนโลโก้discuzX3.2
วิธีเปลี่ยนโลโก้discuzX3.21.ภาพโลโก้สกิน default เมื่อติดตั้งเริ่มต้นดังภาพ2.วิธีที่1 เปลี่ยนโลโก้รูปดิสคัสใหม่ แก้ไข 3ไฟล์ logo.png,logo_sc.png,logo_sc_s.png เปิดโปรแกรมPhptoshop ทำการแก้ไขไฟล์ภาพทั้งสามแล้วเซฟไฟล์ต้นฉบับpsdสำหรับไว้แก้ไขภายหลังได้ส่วนไฟล์ภาพเซฟเป็นไฟล์ png ชื่อเดิม (แบ็คอัพไฟล์เดิมไว้เผื่อนำกลับมาใช้ใหม่) เสร็จแล้วอัพโหลดไฟล์โลโก้ logoทั้งสามไปที่โฟลเดอร์ static/image/common
ทดลองรีเฟรชหน้าดูผลลัพธ์
3.สร้างไฟล์ logo.png ด้วย โปรแกรม Phptoshopออกแบบใหม่ตามที่เราต้องการ ขนาด width="960"height="186" (ความสูงปรับขนาดได้)
อัพโหลดไฟล์โลโก้ logo.png ไปที่โฟลเดอร์ static/image/commonทับไฟล์เดิม (แบ็คอัพไฟล์เดิมไว้เผื่อนำกลับมาใช้ใหม่)
ดูผลลัพธ์ โลโก้เล็กจะถูกแทนที่ โลโก้ภาพใหญ่ทันที
เสร็จแล้วในที่นี้ขอกลับคืนค่าเดิมนำไฟล์เก่าโลโก้เล็กไปทับ
4.วิธีที่2 ไฟล์ logo.png ที่สร้างข้อ 3. อัพโหลดไฟล์โลโก้ ไปไว้ที่โฟลเดอร์ images/logo5.png(ถ้าไม่มีโฟลเดอร์images ให้สร้างขึ้นใหม่)
เปิดไฟล์ header.htm อยู่ในโฟลเดอร์template/default/common/header.htm
หา
</head>
นำโค้ดนี้ไปวาง
</div><table width="960" border="0" align="center">
<tr>
<td><a href="http://localhost/dz3/" title="ชมรมรักพลับพลึงธารคุระบุรีฯ"><img src="images/logo5.png" alt="ชมรมรักพลับพลึงธารคุระบุรีฯ" /></a></td>
</tr>
</table>
</div>
ผลลัพธ์
หรือ
เอาโค้ดนี้ไปวาง
<a href="http://localhost/dz3/" title="ชมรมรักพลับพลึงธารคุระบุรีฯ"><img src="images/logo5.png" alt="ชมรมรักพลับพลึงธารคุระบุรีฯ"width="100%" height="100%"/></a>
ผลลัพธ์นี้จะ fix เต็มหน้าจอ
สำหรับวิธีที่ 2. ผู้เขียนไม่มีความรู้เรื่องโค้ดเพียงนำตัวอย่างมาให้ดูว่าสามารถแก้ไขได้ที่ไฟล์ header.htm เท่านั้น
5.วิธีที่3 ไปที่ control Panel(จัดการระบบ)เพิ่มเติม/ตั้งค่าโฆษณา/เลือกส่วนหัวด้านบนสุด/คลิกที่ปุ่มเพิ่มแล้วตั้งค่าตามภาพ
ช่องสุดท้ายนำโค้ดนี้ไปใส่ช่อง กรอกโค้ด HTML ของโฆษณา:
<a href="http://localhost/dz3/" title="ชมรมรักพลับพลึงธารคุระบุรีฯ"><img src="images/logo5.png" alt="ชมรมรักพลับพลึงธารคุระบุรีฯ"width="100%" height="100%"/></a>
6.ผลลัพธ์ เวลาย่อขยายภาพจะปรับแต่งตามไปด้วย
7.วิธีที่4 ไปที่ตั้งค่าโฆษณา/เลือกด้านบนใต้เมนูหลัก/คลิกที่ปุ่มเพิ่มแล้วทำการปรับแต่งตามข้อ 3.ใส่โค้ดเดิมเหมือนเดิม
8.ผลลัพธ์ เวลาย่อขยายภาพจะปรับแต่งตามไปด้วย
9.ติดตั้งปลั๊กอิน เปลี่ยน LOGO และพื้นหลัง 1.1ดาวน์โหลดได้ที่ http://forum.discuzthai.com/thread-35562-1-1.html
ขั้นตอนการติดตั้งตามภาพ
10.ค่าเริ่มต้นที่ปลั๊กอินเปลี่ยน LOGO และพื้นหลัง1.1 ตั้งไว้ดังภาพ
11.สามารถปรับค่าตำแหน่งโลโก้ได้ตามต้องการลองปรับเปลี่ยนภาพพื้นหลังใหม่ เลือกภาพพื้นหลังเป็น Holiday
12.ผลลัพธ์ดังภาพ
13.การปรับเปลี่ยนโลโก้พื้นฐานของสกินdefault และการติดตั้งและใช้งาน ปลั๊กอินเปลี่ยน LOGO และพื้นหลัง1.1ก็เสร็จสิ้นเียงเท่านี้
ศึกษารายละเอียดวิธีการทำได้ที่วีดีโอด้านล่าง
https://www.youtube.com/watch?v=t4Rr90uHB6o
บทบันทึกการสอน "โครงการคอมพิวเตอร์สมองกลเสริมเยาวชนยุคIT"ชมรมรักพลับพลึงธารคุระบุรีศรีพังงา (pptflower.com)
หน้า:
[1]