[Mod]หน้าบอร์ดแบบใหม่ไฉไลกว่าเดิม (แบบของเว็บ freedom-design.net) ของคุณ i~Designs

muksuck77

อันดับแรกขอขอบคุณ คุณ i~Designs ครับ

ผมเลยนำมาแจกสมาชิก discuzthai.com

ที่ไม่นำโค๊ดขึ้นนั้นเป็นเพราะโพสเกินนะครับเลยใส่เป็นไฟล์ .TXT แทน



มาเริ่มกันเลย

ตัวอย่างก็แบบที่ฟรีดอมดีไซน์ใช้อยู่



ดูแล้วเห็นแล้วก็เป็นที่ถูกอกถูกใจสำหรับใครหลายๆคน หลายคนถึงขั้นเป็นทุกเพราะอยากได้ บางคนคัดลอกไปเรียบร้อยแล้ว

การปรับแต่งนี้คือผมบังคับให้แสดง 3 คอลัม โดยที่ไม่ต้องกำหนดค่าในแอดมิน หากต้องการให้แสดงแค่ 2 หรือมากกว่า 3 คอลัม ก็สามารถปรับแต่งเพิ่มเติมได้

สำหรับผู้ที่จะนำไปใช้ หากกำหนดจำนวนคอลัมในแอดมินไว้ ให้ตั้งค่าเป็นค่าเริ่มต้น มิฉะนั้นบอร์ดจะไม่แสดง
หากเปิดใช้งานแถบด้านข้างจะต้องปรับลดขนาดต่างๆลง(ไปทดลองเอาเอง)

วิธีปรับแต่งมีดังต่อไปนี้
เปิดไฟล์

1. template/สกินที่ใช้อยู่/forum/discuz.htm

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

ถ้าสกินที่ใช้อยู่ไม่มีไฟล์นี้ก็เปิดที่

1. template/default/forum/discuz.htm

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

ค้นหา



แทนที่ด้วยโค้ดนี้



เสร็จแล้วก็บันทึกไฟล์ อัพโหลดแทนตัวเดิม




รายละเอียดเพิ่มเติม

แก้ไขปรับเปลี่ยนตามต้องการ

สีเส้นขอบนอกสุด

1. #EFEFEF

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

สีพื้นหลังของภาพพื้นหลัง (จะเปลี่ยนหรือไม่เปลี่ยนหรือจะลบออกก็ได้)

1. #F8F8F8

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

ภาพพื้นหลัง (เซฟเอาฟรีดอมฯไปใช้ก็ได้)

1. url({IMGDIR}/custom/forum-bg.png) repeat-x;

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

ภาพพื้นหลังที่ผมใช้อยู่ตอนนี้เป็นภาพขนาด 15*135 สั่งให้วางต่อในแนวนอน
จะใช้ภาพพื้นหลังที่มีรายละเอียดหรือลวดลายต่างๆนาๆ ก็ใช้ภาพที่มีขนาด กว้าง 304 สูง 244 ขึ้นไป  

สีเส้นขอบของไอคอน/รูปภาพของบอร์ด

1. #E9E9E9

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

สีพื้นหลังของไอคอน/รูปภาพของบอร์ด (จะเปลี่ยนหรือไม่เปลี่ยนหรือจะลบออกก็ได้)

1. background: #FDFDFD;

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

ความกว้างและความสูงของไอคอน/รูปภาพของบอร์ด

1. width:284px; height:120px;

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

รูปภาพที่ใช้แสดงแทนไอคอน/รูปภาพของบอร์ดในกรณีที่ยังไม่ได้กำหนดค่าในแอดมิน
รูปภาพที่นำมาใช้แทนหรือรูปภาพที่จะนำมาใช้จริงจะต้องมีขนาด 284*120

1. <img src="{IMGDIR}/custom/forum-no-img.png"  />

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

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

1. <div style="min-height: 40px; margin-bottom: 10px; width:292px;">

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

รายละเอียด/คำอธิบายของบอร์ด ถ้าบอร์ดใดบอร์ดหนึ่งมี 3 บรรทัด บอร์ดที่อยู่ในแถวเดียวกันจะต้องมี 3 บรรทัดเช่นกัน ถ้าน้อยกว่า 3 บรรทัด การแสดงผลอาจจะเพี้ยนไป แต่ถ้าคิดยังงัยก็คิดได้แค่ 1-2 บรรทัด ให้เพิ่มความสูงหลัก จากเดิม 40 เป็น 50-60

ปุ่มรูปภาพสำหรับคลิกเข้าชมบอร์ด



สำหรับใครที่ใช้สกิน

http://forum.discuzthai.com/thread-22353-1-1.html

อัพรูปภาพไปที่

1. static/image/FDSilver/custom/

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

เครติดของคุณ i~Designs

ขอบคุณก็ยังดีครับ

kaiaoo

ขอบคุณหาต้องนาน ครับ

weratad14

สุดยอด แห่งการ Designs

discuz777

ขอบคุณมากอยากได้มานาน

bomwhat

1. http://freedom-design.net/thread-48-1-1.html

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

ของเขาดีจริง

mooyongster

ถ้าใช้สกินเดิมของ discuz x1.5 ละครับ ต้องอัพ ปุ่มรูปภาพสำหรับคลิกเข้าชมบอร์ด ไปไว้ที่โฟลเดอร์ไหนครับ

muksuck77

ต้นฉบับโพสต์โดย mooyongster เมื่อ 2010-11-20 21:33
ถ้าใช้สกินเดิมของ discuz x1.5 ละครับ ต้องอัพ ปุ่มรูปภาพสำ ...

หาโค๊ดนี้

<img src="{IMGDIR}/custom/forum-more.png" alt="" /></a></div>

เปลี่ยน ที่เก็บไฟล์รูปภาพ ก็ได้ครับ
{IMGDIR}/custom/forum-more.png

mooyongster

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

mooyongster

พี่ครับอีกอย่างครับผม ตอนนี้ผมลบไอคอน ที่เป็นตัวเดิมออกแล้ว ผมทำไอคอนขนาด 284*120 แล้วอัพขึ้นที่ admincp เรียบร้อยแล้ว แต่ยังไม่ยอมแสดงอันใหม่ มันยังโชว์ของเดิมครับ

muksuck77

ต้นฉบับโพสต์โดย mooyongster เมื่อ 2010-11-20 22:59
พี่ครับอีกอย่างครับผม ตอนนี้ผมลบไอคอน ที่เป็นตัวเดิ ...

ขอรายละเอียดครับ icon โลโก้เว็บ หรือ icon ประจำบอร์ดครับ


ถ้าเป็น icon โลโก้ เว็บบอร์ด ก็แก้ใน สกินที่เลือกใช้ครับ


ถ้าเป็น icon ประจำบอร์ด ให้สังเกตุ ที่อัพโหลดภาพดีๆ ครับผมก็เคยเจอปัญหา ไอคอนเว็บบอร์ดเหมือนก ัน