Discuz Thai

 ลืมรหัสผ่าน
 สมัครสมาชิก

ข้อตกลงการใช้งานกระดานข่าวดิสคัสไทย DiscuzThai Agreement (English Version) ประกาศดิสคัสไทย - ทำเนียบดิสคัสภาษาไทย

Discuz! X3.5 Thai R20240520 Rev.9 (NEW) [วิดีโอช่วยสอน] อัปเกรด Discuz! X3.4 เป็น X3.5 Discord ของ Discuz! Thai Community อย่างเป็นทางการ

Discuz! X3.4 Thai R20220811 (REV.75) สิ้นสุดการสนับสนุน Discuz! X3.4 ภาษาไทยตั้งแต่วันนี้เป็นต้นไป (ขอแนะนำให้อัปเกรดเป็น X3.5 แทน)

ค้นหา
แท็กยอดนิยม: ดิสคัสภาษาไทย Discuz Thai
ดู: 3881|ตอบกลับ: 4

[เว็บบอร์ด] วิธีเปลี่ยนโลโก้discuzX3.2-X3.5

  [คัดลอกลิงก์]
suttasilo โพสต์ 2015-9-25 22:12:46 |โหมดอ่าน
แก้ไขครั้งสุดท้ายโดย 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
หา
  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)




ขออภัย! โพสต์นี้มีไฟล์แนบหรือรูปภาพที่ไม่ได้รับอนุญาตให้คุณเข้าถึง

คุณจำเป็นต้อง ลงชื่อเข้าใช้ เพื่อดาวน์โหลดหรือดูไฟล์แนบนี้ คุณยังไม่มีบัญชีใช่ไหม? สมัครสมาชิก

x

คะแนน

จำนวนผู้เข้าร่วม 1จิตพิศัย +1 ย่อ เหตุผล
alexbig + 1 ถูกใจ

ดูบันทึกคะแนน

cholphan โพสต์ 2015-10-7 04:50:46
ขอบคุณครับ
CyTrix-X โพสต์ 2016-8-22 22:22:00
ขอบคุณมากครับ
9kapong โพสต์ 2019-1-15 15:16:49
ขอบคุณครับผม...
ขออภัย! คุณไม่ได้รับสิทธิ์ในการดำเนินการในส่วนนี้ กรุณาเลือกอย่างใดอย่างหนึ่ง ลงชื่อเข้าใช้ | สมัครสมาชิก

รายละเอียดเครดิต

รายชื่อผู้กระทำผิด|Archiver|ดิสคัส ไทย Follow us: Become a fan on facebook. Follow us on Twitter.

GMT+7, 2024-7-24 03:28

Powered by Discuz! X3.4, Rev.66

Copyright © 2001-2021 Tencent Cloud. Licensed

ตอบกระทู้ ขึ้นไปด้านบน ไปที่หน้ารายการกระทู้