วิธีเปลี่ยนโลโก้discuzX3.2-X3.5

suttasilo

วิธีเปลี่ยนโลโก้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
หา

1. </head>

คัดลอกไปที่คลิปบอร์ด

นำโค้ดนี้ไปวาง

1. </div><table width="960" border="0" align="center">
   
2. <tr>
   
3. <td><a href="http://localhost/dz3/" title="ชมรมรักพลับพลึงธารคุระบุรีฯ"><img src="images/logo5.png" alt="ชมรมรักพลับพลึงธารคุระบุรีฯ" /></a></td>
   
4. </tr>
   
5. </table>
   
6. </div>
   

คัดลอกไปที่คลิปบอร์ด

ผลลัพธ์

หรือ
เอาโค้ดนี้ไปวาง

1. <div style="position: absolute; top: -1999px; left: -1988px;" id="stcpDiv"><a
   
2. href="http://localhost/dz3/"
   
3. title="ชมรมรักพลับพลึงธารคุระบุรีฯ"><img src="images/logo5.png"
   
4. alt="ชมรมรักพลับพลึงธารคุระบุรีฯ"  width="100%"
   
5. height="100%"/></a>
   

คัดลอกไปที่คลิปบอร์ด

ผลลัพธ์นี้จะ fix เต็มหน้าจอ

สำหรับวิธีที่ 2. ผู้เขียนไม่มีความรู้เรื่องโค้ด  เพียงนำตัวอย่างมาให้ดูว่าสามารถแก้ไขได้ที่ไฟล์ header.htm เท่านั้น
5.วิธีที่3 ไปที่ control Panel(จัดการระบบ)  เพิ่มเติม/ตั้งค่าโฆษณา/เลือกส่วนหัวด้านบนสุด/คลิกที่ปุ่มเพิ่ม  แล้วตั้งค่าตามภาพ
ช่องสุดท้ายนำโค้ดนี้ไปใส่ช่อง กรอกโค้ด HTML ของโฆษณา:

1. <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ก็เสร็จสิ้นเพียงเท่านี้

ศึกษารายละเอียดวิธีการทำได้ที่วีดีโอด้านล่าง

ที่มา : บทบันทึกการสอน "โครงการคอมพิวเตอร์สมองกลเสริมเยาวชนยุค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
หรือดาวน์โหลดไฟลตรงนี้ได้เลย

ผู้เข้าชมเนื้อหาถูกซ่อนไว้ คุณจะต้องแสดงความคิดเห็นก่อนจึงจะสามารถมองเห็นเนื้อหาส่วนที่ถูกซ่อนนี้ได้

ที่มา : บทบันทึกการสอน "โครงการคอมพิวเตอร์สมองกลเสริมเยาวชนยุคIT" ชมรมรักพลับพลึงธารคุระบุรีศรีพังงา (pptflower.com)

cholphan

ขอบคุณครับ

CyTrix-X

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

thaipips

ขอบคุณค่ะ

9kapong

ขอบคุณครับผม...