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
ดู: 1501|ตอบกลับ: 5

[การใช้งาน] ขอวิธีการเปลี่ยนพื้นหลัง discuz หน่อยสิ

[คัดลอกลิงก์]
taeyeontwo โพสต์ 2016-3-13 19:57:57 |โหมดอ่าน
ตามหัวข้อเลย เรามือใหม่สุดๆ ไม่ค่อยรู้

เราอยากเปลี่ยนพื้นหลังของ discuz ตรงที่ body  อ่า ขอบคุณน่าาาาา
suttasilo โพสต์ 2016-3-13 20:08:19
ลองดูกระทู้นี้ครับ http://www.discuzthai.com/thread-40094-1-1.html
 เจ้าของ| taeyeontwo โพสต์ 2016-3-13 20:56:53
suttasilo ตอบกลับเมื่อ 2016-3-13 20:08
ลองดูกระทู้นี้ครับ http://www.discuzthai.com/thread-40094-1-1.html

ขอบคุณน๊าาา อื่อเราก็แก้ไขตรงนั้น แต่ทำได้แต่เปลี่ยนสี อยากทำให้เปลี่ยนเป็นรูปภาพหน่ะ ไม่ทราบว่าแก้ไขตรงส่วนไหนเหรอ
suttasilo โพสต์ 2016-3-13 21:54:06
taeyeontwo ตอบกลับเมื่อ 2016-3-13 20:56
ขอบคุณน๊าาา อื่อเราก็แก้ไขตรงนั้น แต่ทำได้แต่เปลี่ ...

เปลี่ยนที่ไฟล์รูป template/default/style/background.png
ใช้ปลั๊กอินง่ายกว่าสามารถตั้งค่าได้ว่าจะให้พื้นหลังเรียงเป็นไหน
ปลั๊กอิน ปรับตำแหน่ง LOGO และเปลี่ยนภาพพื้นหลัง 1.1 ( ltg_bglogo)  ดาวน์โหลดที่นี่ http://forum.discuzthai.com/thread-35562-1-1.html
ปลั้กอินพื้นหลังโปร่งใส  shicha ดาวน์โหลดที่นี่  http://www.discuzthai.com/forum.php?mod=viewthread&tid=37064

เพิ่มเนื้อหา (2016-5-18 15:12):
แก้ไขเพิ่มเติม style มี 5 แบบ t1-t5 แก้ไขไฟล์เปลี่ยนรูปภาพชื่อ background.png  เป็นภาพที่เราต้องการแทน
template/default/t1/background.png

beerqazasa โพสต์ 2016-3-14 17:36:04
  1. <style type="text/css">
  2.                                 /* Alobaidi Full Background Plugin */
  3.                                 html{
  4.                                         background-image:none !important;
  5.                                         background:none !important;
  6.                                 }
  7.                                
  8.                                 body{
  9.                                         background-image:none !important;
  10.                                         background:url(ใส่ Url รูป) 0 0 fixed no-repeat !important;
  11.                                         background-size:100% 100% !important;
  12.                                         -webkit-background-size:100% 100% !important;
  13.                                         -moz-background-size:100% 100% !important;
  14.                                         -ms-background-size:100% 100% !important;
  15.                                         -o-background-size:100% 100% !important;
  16.                                 }
  17.                                 /*
  18.                                 body.logged-in{
  19.                                         background-position: 0 -32px !important;
  20.                                 }
  21.                                 */
  22.                         </style>
คัดลอกไปที่คลิปบอร์ด


เอาโค้ดนี้ไปใส่ดูครับ จะเป็นแบบ Responsive Full Background ไม่เลื่อนตาม เต็มขนาด 100%
Demo : cdn.sixrevisions.com/0431-01_responsive_background_image_demo/responsive-full-background-image-demo.html
suttasilo โพสต์ 2016-5-18 15:21:07
เปลี่ยนพื้นหลังตำแหน่งต่างๆ ตามรูปภาพ (ไปแก้ไขที่รูปใหม่ภาพ หรือใส่ลิงค์รูปภาพใหม่แทน)



เสร็จแล้วใส่โค้ดตาม @beerqazasa จะเป็นแบบ Responsive Full Background ไม่เลื่อนตาม เต็มขนาด 100%

เปลี่ยนพื้นหลังกระทู้ตามรูปภาพปลั๊กอิน ปรับตำแหน่ง LOGO และเปลี่ยนภาพพื้นหลัง 1.1



ปลั้กอินพื้นหลังโปร่งใส  shicha ดาวน์โหลดที่นี่


ปลั๊กอินสองตัวนี้ใช้ได้ลองแล้ว ดีกว่าการแก้ CODE และยังไม่มีปัญาหากับธีมที่เราใช้อยู่อีก มันจะแสดงทุกหน้าทั้งหน้าเว็บบอร์ด,พอร์ทัล,เสปซ,คลับ สะดวกเลยลองโหลดไปใช้ดู






ขออภัย! คุณไม่ได้รับสิทธิ์ในการดำเนินการในส่วนนี้ กรุณาเลือกอย่างใดอย่างหนึ่ง ลงชื่อเข้าใช้ | สมัครสมาชิก

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

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

GMT+7, 2024-11-16 14:29

Powered by Discuz! X3.4, Rev.66

Copyright © 2001-2021 Tencent Cloud. Licensed

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