muksuck77 โพสต์ 2010-11-19 12:06:00

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

แก้ไขครั้งสุดท้ายโดย muksuck77 เมื่อ 2010-11-19 20:38


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

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

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



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

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



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

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

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

วิธีปรับแต่งมีดังต่อไปนี้
เปิดไฟล์template/สกินที่ใช้อยู่/forum/discuz.htmถ้าสกินที่ใช้อยู่ไม่มีไฟล์นี้ก็เปิดที่template/default/forum/discuz.htmค้นหา



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



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




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

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

สีเส้นขอบนอกสุด#EFEFEFสีพื้นหลังของภาพพื้นหลัง (จะเปลี่ยนหรือไม่เปลี่ยนหรือจะลบออกก็ได้)#F8F8F8ภาพพื้นหลัง (เซฟเอาฟรีดอมฯไปใช้ก็ได้)url({IMGDIR}/custom/forum-bg.png) repeat-x;ภาพพื้นหลังที่ผมใช้อยู่ตอนนี้เป็นภาพขนาด 15*135 สั่งให้วางต่อในแนวนอน
จะใช้ภาพพื้นหลังที่มีรายละเอียดหรือลวดลายต่างๆนาๆ ก็ใช้ภาพที่มีขนาด กว้าง 304 สูง 244 ขึ้นไป

สีเส้นขอบของไอคอน/รูปภาพของบอร์ด#E9E9E9สีพื้นหลังของไอคอน/รูปภาพของบอร์ด (จะเปลี่ยนหรือไม่เปลี่ยนหรือจะลบออกก็ได้)background: #FDFDFD; ความกว้างและความสูงของไอคอน/รูปภาพของบอร์ดwidth:284px; height:120px;รูปภาพที่ใช้แสดงแทนไอคอน/รูปภาพของบอร์ดในกรณีที่ยังไม่ได้กำหนดค่าในแอดมิน
รูปภาพที่นำมาใช้แทนหรือรูปภาพที่จะนำมาใช้จริงจะต้องมีขนาด 284*120<img src="{IMGDIR}/custom/forum-no-img.png"/>

ความสูงหลัก ระยะห่างจากด้านล่าง ความกว้าง ของรายละเอียด/คำอธิบายของบอร์ด<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
อัพรูปภาพไปที่static/image/FDSilver/custom/เครติดของคุณ i~Designs

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

kaiaoo โพสต์ 2010-11-19 19:23:19

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

weratad14 โพสต์ 2010-11-19 19:29:03

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

discuz777 โพสต์ 2010-11-20 11:24:54

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

bomwhat โพสต์ 2010-11-20 13:42:34

http://freedom-design.net/thread-48-1-1.htmlของเขาดีจริง

mooyongster โพสต์ 2010-11-20 21:33:42

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

muksuck77 โพสต์ 2010-11-20 21:44:40

แก้ไขครั้งสุดท้ายโดย muksuck77 เมื่อ 2010-11-20 21:45

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

หาโค๊ดนี้

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

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

mooyongster โพสต์ 2010-11-20 22:37:42

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

mooyongster โพสต์ 2010-11-20 22:59:18

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

muksuck77 โพสต์ 2010-11-21 00:06:52

แก้ไขครั้งสุดท้ายโดย muksuck77 เมื่อ 2010-11-21 00:11

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

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


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


ถ้าเป็น icon ประจำบอร์ด ให้สังเกตุ ที่อัพโหลดภาพดีๆ ครับผมก็เคยเจอปัญหา ไอคอนเว็บบอร์ดเหมือนก ัน
หน้า: [1] 2 3
ดูในรูปแบบกติ: [Mod]หน้าบอร์ดแบบใหม่ไฉไลกว่าเดิม (แบบของเว็บ freedom-design.net) ของคุณ i~Designs