วิธีเปลี่ยนโลโก้discuzX3.2-X3.5
แก้ไขครั้งสุดท้ายโดย suttasilo เมื่อ 2023-5-8 17:19วิธีเปลี่ยนโลโก้discuz3.2-X3.5
1.ภาพโลโก้สกิน 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>
ผลลัพธ์
หรือ
เอาโค้ดนี้ไปวาง<div style="position: absolute; top: -1999px; left: -1988px;" id="stcpDiv"><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ก็เสร็จสิ้นเพียงเท่านี้
ศึกษารายละเอียดวิธีการทำได้ที่วีดีโอด้านล่าง
t4Rr90uHB6o
ที่มา : บทบันทึกการสอน "โครงการคอมพิวเตอร์สมองกลเสริมเยาวชนยุคIT" ชมรมรักพลับพลึงธารคุระบุรีศรีพังงา (pptflower.com)
้หมายเหตุ.-เพิ่มเติมอีกวิธีที่ 5 โดยการใช้ปลั๊กอินตัวช่วย ปลั๊กอินกำหนด LOGO 1.0.0 -เปลี่ยนโลโก้ (tx_diylogo)1. ตัวอย่าง LOGO เดิมที่ต้องการเปลี่ยน ดังรูปภาพ
2. ไปที่ admincp จัดการระบบ ติดตั้งปลั๊กอิน ปลั๊กอินกำหนด LOGO 1.0.0 -เปลี่ยนโลโก้ (tx_diylogo)
3. เปิดปลั๊กอินกำหนด LOGO 1.0.0ไปคลิกที่ปุ่มตั้งค่า LOGO ดังรูปภาพ
4. ใส่ลิงค์ที่อยุ่ของรูปภาพ LOGOแล้วคลิกที่ปุ่ม ส่งดังรูปภาพ
5. หรือเลือกไฟล์รูปภาพ LOGO ที่อยู่ในเครื่องคอมพิวเตอร์คลิกที่ปุ่มเลือกไฟล์/เลือกไฟล์ภาพโลโก้(สามารถใช้ไฟลภาพเคลื่อนไฟว gif ได้)/คลิก open/ คลิกปุ่มส่ง ดังรูปภาพ
6. ผลลัพธ์ LOGO ที่เปลี่ยน ดังรูปภาพ
ดาวน์โหลดปลั๊กอินที่นี่https://discuzthai.com/forum.php?mod=viewthread&tid=39478
หรือดาวน์โหลดไฟลตรงนี้ได้เลย
**** Hidden Message *****
ที่มา : บทบันทึกการสอน "โครงการคอมพิวเตอร์สมองกลเสริมเยาวชนยุคIT" ชมรมรักพลับพลึงธารคุระบุรีศรีพังงา (pptflower.com)
ขอบคุณครับ ขอบคุณมากครับ
ขอบคุณค่ะ ขอบคุณครับผม...
หน้า:
[1]