ย่อรูป ไม่ให้ล้นบอร์ด SMF

1539 1

0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้

ย่อรูป ไม่ให้ล้นบอร์ด SMF
« เมื่อ: 12/07/14 เวลา 12:53 น. »
       ในการโพสบทความลงเว็บบอร์ด SMF นั้น บางทีมันก็ต้องมีการโพสรูปภาพประกอบด้วย และบังเอิญเราดันมีแต่ภาพใหญ่ด้วยน่ะสิ พอโพสลงบอร์ดไป ภาพก็จะล้นบอร์ด จนมีสกอร์บาร์ให้เลื่อน ตามภาพ


มันทำให้ดูไม่ดีเลยใช่ไหม  :(

ดังนั้นเราจะมาทำให้รูปที่ใหญ่เกินกว่าหน้าบอร์ด ให้พอดีบอร์ดกัน
//ส่วนรูปที่เล็กกว่าหน้าบอร์ด ยังคงขนาดเท่าเดิม



วิธีทำ

เปิดไฟล์ Sources/Subs.php

หา
โค๊ด: [Select]
<img class="message" src="$1"
เพิ่มโค้ดนี้ต่อท้ายที่หา
โค๊ด: [Select]
style="max-width:100%"
หา อีกรอบ
โค๊ด: [Select]
<img class="message" src="$1"
เพิ่มโค้ดนี้ต่อท้ายที่หา
โค๊ด: [Select]
style="max-width:100%"

เมื่อทำเสร็จแล้ว ผลลัพธ์ก็จะได้ตามนี้


จะเห็นว่า ภาพใหญ่ถูกย่อลงให้พอดีกับหน้าเว็บบอร์ด ไม่มีสกอร์บาร์ให้เลื่อนภาพแล้ว  :D

Re: ย่อรูป ไม่ให้ล้นบอร์ด SMF
« ตอบกลับ #1 เมื่อ: 28/10/14 เวลา 11:53 น. »
ผมใช้เวอรชั่น 2.0.8 ทำไมหาโค้ดนี้
โค๊ด: [Select]
<img class="message" src="$1"ในไฟล์ Sources/Subs.php  ไม่เจอครับหาไงก็ไม่มี  :'(