เปลี่ยน icon post หน้าฟรั่อม เป็น icon รูป discuz7.2
แก้ไขล่าสุดโดย suthida เมื่อ 2009-12-15 09:33ชื่อ : วิธีเปลี่ยน icon post หน้าฟรั่อมเป็น icon รูป
ไฟล์ที่ต้องแก้ไข :
1.กรณีไม่ได้เปลี่ยนสกิน คือ สกิน default แก้ไข 2 ไฟล์ค่ะ css_common.htmและ discuz.htm
2.กรณีเปลี่ยนสกิน ไฟล์ที่ต้องแก้ไข 3 ไฟล์css_append.htm,css_common.htmและ discuz.htm
ตัวอย่าง / example
มาปรับแบบกรณีที่ 1
เปิดไฟล์ : css_common.htm
ค้นหา
.list th { background: url({IMGDIR}/forum.gif) 5px 10px no-repeat; padding-left: 45px !important; }
และ
.list th.new { background-image: url({IMGDIR}/forum_new.gif); }
ลบออกค่ะ
ลบแค่ 2 แถวเท่านั้นนะคะ ดูดีๆบรรทัดมันขั้นกันอยู่ค่ะจากนั้นจัดเก็บไปทับตำแหน่งเดิมค่ะ
เปิดไฟล์ : discuz.htm
ค้นหา
<th width="$cat"{$forum}>
แทนที่ด้วย
<th width="$cat"{$forum}>$forum
จากนั้นจัดเก็บค่ะ และนำไปทับที่ตำแหน่งเดิมเสร็จเรียบร้อยค่ะ กรณีที่ 1
--------------------------------------------------------
ปรับแบบกรณีที่ 2 เปลี่ยนสกิน
ไฟล์ที่ต้องแก้ไข 3 ไฟล์css_append.htm,css_common.htmและ discuz.htm
ให้แก้ไขไฟล์ที่ชื่อ css_common.htmและ discuz.htmเหมือนกรณีที่ 1
จากนั้นเปิดไฟล์ css_append.htm ของสกินที่ใช้งาน
ค้นหา ตำแหน่งต่อไปนี้แล้วลบออกค่ะ
.list th.new { background-image: url({STYLEIMGDIR}/forum_new.gif); }
และ
.list th { background-image: url({STYLEIMGDIR}/forum.gif); }
หรือ
.list th { padding-left: 55px !important; background-image: url({STYLEIMGDIR}/forum.gif); background-position: 13px 10px; }
จัดเก็บไฟล์ แล้วอัพขึ้นเว็บไซต์ ตำแหน่งเดิมค่ะ จากนั้นอัพเดทแคชไฟล์ใน admin หลายภาคจริง :lol แต่ละภาคก้เหมือนกันหมดแหละ -.- สวยไปเลยพี่ อิอิ ขอบคุณมากๆครับ ภาคนี้มันจะเว้น space ข้างหน้าป่าวหว่า ว๊าาาาาาว ครับ ขอบคุณมากมาย เมื่่อไหร่เราจะได้มีความคิดดี ๆ เอามาแจกบ้างน้าาา ผมทำแล้วไม่ได้ครับ มือใหม่ ขอบคุณมากๆ ครับ ทำไม่ได้ครับ
จากนั้นเปิดไฟล์ css_append.htm ของสกินที่ใช้งาน.list th.new { background-image: url({STYLEIMGDIR}/forum_new.gif); }.list th { background-image: url({STYLEIMGDIR}/forum.gif); }หาไม่เจอครับ รูป Icon ข้างหน้าหายจริง แล้ววิธีใส่ละครับ Icon ที่เราต้องการงะอยู่ตรงไหน
เหอะๆๆ หายจริงครับ เขียนให้ละเอียดหน่อยนะ