[วิธีแก้ปัญหา] ของกระทู้ "MOD,Discuz.htm [แสดงบอร์ดอีกแบบสวยๆครับ..]"

-[E]xSoMax[Z]-

1. ดูผลงาน ModHack ต่างๆของ exsomaxz ได้ที่ ggthai.com เท่านั้น
   
2. อนาคตอาจเปิดรับทำสกินแบบโก๋อย่างเต็มรูปแบบ ตอนนี้กำลังศึกษา CSS ขั้นสูงอยู่^^
   

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

---

ปัญหาของ  http://forum.discuzthai.com/thread-30829-1-1.html

ปัญหาที่ 1 ตามรูป


เปิดไพล์ module.css เข้าไปที่ /สกินที่ใช้ /common/module.css

ค้นหา

1. .fl_tb { width: 100%; }

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

ปรับเป็น

1. .fl_tb { width: XX px; }

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

หมายเหตุ XX ให้เปลียนเป็นเลข เช่น 900px 950px 1000px
แก้ปัญหาแล้ว อย่าลืมกด + ท่าไม่กด ก็จะไม่บอกวิธีแก้ปัญหา OK!..

---

---

ปัญหาที่ 2 ตามรูป


เปิดไพล์ discuz.htm เข้าไปที่ /สกินที่ใช้ /forum/discuz.htm

ค้นหา

1. <td style="padding-left:10px; background:url({IMGDIR}/441.png) no-repeat;" class="fl_g" width="$cat[forumcolwidth]">

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

แทนที่

1. <td style="padding-left:10px; background:url({IMGDIR}/441.png) no-repeat;" class="" width="$cat[forumcolwidth]">

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

แล้วค้นหา

1. <div class="fl_icn_g"{if !empty($forum[extra][iconwidth]) && !empty($forum[icon])} style="width: {$forum[extra][iconwidth]}px;"{/if}>

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

แทนที่

1. <div class=""{if !empty($forum[extra][iconwidth]) && !empty($forum[icon])} style="width: {$forum[extra][iconwidth]}px;"{/if}>

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

แล้วค้นหา

1. <span class="style4"><b>&raquo; $forum[name]</b></span>

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

แก้ให้เป็น

1. &raquo; $forum[name]

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

หมายเหตุ......เวลาบันทึกไพล์ เลือก UTF-8 นะครับ ท่าเลือก ANSI จะเป็นภาษาต่างดาว
แก้ปัญหาแล้ว อย่าลืมกด + ท่าไม่กด ก็จะไม่บอกวิธีแก้ปัญหา OK!..

---

---

ปัญหาที่ 3 ลบโค๊ดที่ไม่จำเป็นออก ง่ายต่อการนำไปพัฒนา



หาโค๊ด

1. $forum[icon]
   
2. <!--{else}--><div style="width:205px; height:1px;">&raquo; $forum[name]
   
3. <a href="$forumurl"{if $forum[redirect]} target="_blank"{/if}><img src="{IMGDIR}/forum{if $forum[folder]}_new{/if}.gif" alt="$forum[name]" /></a></div><br />
   
4. 
   
5. 
   
6. <!--{/if}-->
   
7. <br />
   
8. <br />
   
9. <br />
   
10. <br />
    
11. 
    
12. <!--{if empty($forum[redirect])}-->
    
13. <div class="di2" style=" height:28px;"><font color="#FFFFFF">วันนี้:</font> $forum[todayposts]&nbsp;<font color="#FFFFFF">โพสต์:</font> $forum[threads]&nbsp;<font color="#FFFFFF">ตอบกลับ:</font> $forum[posts]</div>
    
14. <!--{/if}-->
    
15.            <div class="di3-1" style=" height:45px; line-height:20px; overflow:hidden;">
    
16.            <span class="style1">
    
17.                 <!--{if $forum[description]}-->
    
18.                 <img src="{IMGDIR}/ann.gif" align="absmiddle"/>&nbsp;$forum[description]</span>
    
19.            <span class="style1">
    
20.         <!--{else}-->
    
21.         <img src="{IMGDIR}/bullet_orange.png" align="absmiddle"/>ยังไม่มีรายระเอียด ณ ที่นี้ </span>
    
22.            <!--{/if}-->
    
23.                               <div >
    
24. 
    
25.   <!--{if $forum['redirect']}-->
    
26.     <a style="color:#999999" href="$forumurl">{lang url_link}</a>
    
27.   <!--{elseif is_array($forum['lastpost'])}-->
    
28.   <img src="http://www.dae.mi.th/images/dot2.gif" width="14" height="14" border="0" />
    
29.   <a href="forum.php?mod=redirect&tid=$forum[lastpost][tid]&goto=lastpost#lastpost" class="xi2">
    
30.   <!--{echo cutstr($forum[lastpost][subject], 48)}-->
    
31.   </a>
    
32.   <!--{else}-->
    
33.   <span class="style1"><span class="style5">ยังไม่มีกระทู้&nbsp;<a style="color:#666666" href="forum.php?mod=post&action=newthread&fid=$forum[fid]">กดที่นี่เพื่อตั้งกระทู้</a></span></span>
    
34.   <!--{/if}--></div>
    
35.                                                         </td>
    
36.                                                 <!--{else}-->
    
37.                                                         <td align="center" class="fl_icn" {if !empty($forum[extra][iconwidth]) && !empty($forum[icon])} style="width: {$forum[extra][iconwidth]}px;"{/if}>
    
38.                                                                 <!--{if $forum[icon]}-->
    
39.                                                                         $forum[icon]
    
40.                                                                 <!--{else}-->
    
41.                                                                         <a href="$forumurl"{if $forum[redirect]} target="_blank"{/if}><img src="{IMGDIR}/forum-1.gif" alt="$forum[name]" /></a>
    
42.                                                                 <!--{/if}-->
    
43.                                                         </td>
    
44.                                                         <td>
    
45.                                                                 <a href="$forumurl"{if $forum[redirect]} target="_blank"{/if}{if $forum[extra][namecolor]} style="color: {$forum[extra][namecolor]};"{/if}><strong>&raquo; $forum[name]</strong> </a><!--{if $forum[todayposts] && !$forum['redirect']}--><!--{/if}-->|<span class="style28">
    
46.                                       <!--{if empty($forum[redirect])}-->
    
47.                                       <span class="style9"><span class="style13">วันนี้</span>:</span> <span style="color: rgb(0, 204, 255);">$forum[todayposts]</span> <span style="color:#FF00FF;"><span style="color:#FF00FF;"><span style="color:#FF00FF;"><span class="style2" style="color:#666666;"><span class="style13">โพสต์</span>: </span></span></span></span></span>  <span class="style28" style="color: rgb(153, 204, 0);">$forum[threads]</span> <span class="style29"><span class="style13">ตอบกลับ</span>: </span><span class="style28" style="color: rgb(255, 51, 153);">$forum[posts]
    
48.                                       </span>
    
49.                                       <!--{/if}-->
    
50.                                       <br />
    
51.                                                                 <span class="style1">
    
52.                 <!--{if $forum[description]}-->
    
53.                 <img src="{IMGDIR}/ann.gif" align="absmiddle"/>&nbsp;<span class="style5">$forum[description]</span></span>
    
54.            <span class="style1 style5">
    
55.         <!--{else}-->
    
56.         <img src="{IMGDIR}/bullet_orange.png" align="absmiddle"/>ยังไม่มีรายระเอียด ณ ที่นี้ </span>
    
57.            <!--{/if}-->
    
58.                                                                 <!--{if $forum['subforums']}--><p>{lang forum_subforums}: $forum['subforums']</p><!--{/if}--><br />
    
59. 
    
60.                                                         <!--{if $forum['moderators']}--><!--{if $moddisplay == 'flat'}--><p class="moderators"><img src="{IMGDIR}/0v2.png" /> $forum[moderators]</p><!--{else}--><img src="{IMGDIR}/0v2.png" /> $forum[moderators]<!--{/if}-->
    
61. <!--{else}-->
    
62. <img src="{IMGDIR}/0v1.png" /> <a href="#"><font color=#ff0000>ยังไม่มี ผู้ดูแล ครับผม..</font></a>
    
63. <!--{/if}-->

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

แทนที่ด้วย

1. $forum[icon]
   
2. <!--{else}-->
   
3. <div style="width:205px; height:1px;">&raquo; $forum[name]
   
4. <a href="$forumurl"{if $forum[redirect]} target="_blank"{/if}><img src="{IMGDIR}/forum{if $forum[folder]}_new{/if}.gif" alt="$forum[name]" /></a></div><br />
   
5. 
   
6. <!--{/if}-->
   
7. <br/>
   
8. <br/>
   
9. <br/>
   
10. <br/>
    
11. 
    
12. <!--{if empty($forum[redirect])}-->
    
13. <div class="di2" style=" height:28px;"><font color="#FFFFFF">วันนี้:</font> $forum[todayposts]&nbsp;<font color="#FFFFFF">โพสต์:</font> $forum[threads]&nbsp;<font color="#FFFFFF">ตอบกลับ:</font> $forum[posts]</div>
    
14. <!--{/if}-->
    
15. <div class="di3-1" style=" height:45px; line-height:20px; overflow:hidden;">
    
16. 
    
17. <!--{if $forum[description]}-->
    
18. <img src="{IMGDIR}/ann.gif" align="absmiddle"/>&nbsp;$forum[description]
    
19. 
    
20. <!--{else}-->
    
21. <img src="{IMGDIR}/bullet_orange.png" align="absmiddle"/>ยังไม่มีรายระเอียด ณ ที่นี้  
    
22. <!--{/if}-->
    
23. <div >
    
24. 
    
25. <!--{if $forum['redirect']}-->
    
26. <a style="color:#999999" href="$forumurl">{lang url_link}</a>
    
27. <!--{elseif is_array($forum['lastpost'])}-->
    
28. <img src="http://www.dae.mi.th/images/dot2.gif" width="14" height="14" border="0" />
    
29. <a href="forum.php?mod=redirect&tid=$forum[lastpost][tid]&goto=lastpost#lastpost" class="xi2">
    
30. <!--{echo cutstr($forum[lastpost][subject], 48)}-->
    
31. </a>
    
32. <!--{else}-->
    
33. ยังไม่มีกระทู้&nbsp;<a style="color:#666666" href="forum.php?mod=post&action=newthread&fid=$forum[fid]">กดที่นี่เพื่อตั้งกระทู้</a>
    
34. <!--{/if}--></div>
    
35. </td>
    
36. <!--{else}-->
    
37. <td align="center" class="fl_icn" {if !empty($forum[extra][iconwidth]) && !empty($forum[icon])} style="width: {$forum[extra][iconwidth]}px;"{/if}>
    
38. <!--{if $forum[icon]}-->
    
39. $forum[icon]
    
40. <!--{else}-->
    
41. <a href="$forumurl"{if $forum[redirect]} target="_blank"{/if}><img src="{IMGDIR}/forum-1.gif" alt="$forum[name]" /></a>
    
42. <!--{/if}-->
    
43. </td>
    
44. <td>
    
45. <a href="$forumurl"{if $forum[redirect]} target="_blank"{/if}{if $forum[extra][namecolor]} style="color: {$forum[extra][namecolor]};"{/if}><strong>&raquo; $forum[name]</strong> </a><!--{if $forum[todayposts] && !$forum['redirect']}--><!--{/if}-->|<span class="style28">
    
46. <!--{if empty($forum[redirect])}-->
    
47. วันนี้: <span style="color: rgb(0, 204, 255);">$forum[todayposts]</span> <span style="color:#FF00FF;"><span style="color:#666666;">โพสต์</span>: </span></span>  <span style="color: rgb(153, 204, 0);">$forum[threads]</span> ตอบกลับ: <span style="color: rgb(255, 51, 153);">$forum[posts]</span>
    
48. <!--{/if}-->
    
49. <br/>
    
50. <span class="style1">
    
51. <!--{if $forum[description]}-->
    
52. <img src="{IMGDIR}/ann.gif" align="absmiddle"/>&nbsp;$forum[description]
    
53. <!--{else}-->
    
54. <img src="{IMGDIR}/bullet_orange.png" align="absmiddle"/>ยังไม่มีรายระเอียด ณ ที่นี้
    
55. <!--{/if}-->
    
56. <!--{if $forum['subforums']}--><p>{lang forum_subforums}: $forum['subforums']</p><!--{/if}--><br />
    
57. 
    
58. <!--{if $forum['moderators']}--><!--{if $moddisplay == 'flat'}--><p class="moderators"><img src="{IMGDIR}/0v2.png" /> $forum[moderators]</p><!--{else}--><img src="{IMGDIR}/0v2.png" /> $forum[moderators]<!--{/if}-->
    
59. <!--{else}-->
    
60. <img src="{IMGDIR}/0v1.png" /> <a href="#"><font color=#ff0000>ยังไม่มี ผู้ดูแลครับผม..</font></a>
    
61. <!--{/if}-->

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

หมายเหตุ......เวลาบันทึกไพล์ เลือก UTF-8 นะครับ ท่าเลือก ANSI จะเป็นภาษาต่างดาว
แก้ปัญหาแล้ว อย่าลืมกด + ท่าไม่กด ก็จะไม่บอกวิธีแก้ปัญหา OK!..

---

---

ปัญหาที่ 4 fonts ไม่ชัด
เปิดไพล์ common.css เข้าไปที่ /สกินที่ใช้ /common/common.css
ค้าหา

1. .di { width:67px; height:50px; padding-top:6px; background:url({IMGDIR}/di.jpg) no-repeat center top; margin:1px; text-align:center; text-shadow: 0 0 0.2em #838383, 0 0 0.2em #838383; color:#000000; font-weight:bold; font-size:17px; line-height:18px; font-family: Georgia, "Times New Roman", Times, serif;}

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

แทนที่

1. .di { width:67px; height:50px; padding-top:6px; background:url({IMGDIR}/di.jpg) no-repeat center top; margin:1px; text-align:center; text-shadow: 0 0 0.2em #838383, 0 0 0.2em #838383; color:#000000; font-weight:bold; font-size:17px; line-height:18px; }

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

แก้ปัญหาแล้ว อย่าลืมกด + ท่าไม่กด ก็จะไม่บอกวิธีแก้ปัญหา OK!..

---

---

ปัญหาที่ 5
ดำเนินเขียนวันอื่นไม่ว่าง.....แล้ว ทำงาน

---

---

แก้ปัญหาแล้ว อย่าลืมกด + ท่าไม่กด ก็จะไม่บอกวิธีแก้ปัญหา OK!..

iiimouiii

ขอบคุณครับสวยดี ;)

maxalate

กดบวกแล้ว มีแก้ปัญหารูปไม่ขึ้น ตัวหนังสือเพี้ยนๆไหม

chaisawang

ตัวหนังสือผมก็เพี้ยนเหมือนกันครับ

chaisawang

แก้ได้แล้วครับ ขอบคุณมากครับ

maxalate

แก้ได้แล้วล่ะ เปลี่ยนสกินมันเลยใช้ได้ แต่จะใช้ไม่ได้กับสกินเดิมของดิสคัสน่ะ ก็เอาแบบนี้แหละ

bombbnut

หนูมีปัญหาค่ะ Font ใหญ่มาก!!! หนูรู้สึกว่า มันเหมือนทะลักออกมาอ่าค่ะ


http://handsmake.net/forum.php

รบกวนดูให้หนูตามเว็บนี้ทีนะค่ะ ขอบคุณมากคะ

tom_tc

สุดยอด ขอบคุณครับ

kid1412kid

ขอตัวที่แก้แล้วได้มัยครับ อัพให้หน่อย อยากใช้

exesiden

ขอบคุณมากคับ

พี่แล้วถ้าเราจะเลื่อนตำแหน่งบอร์ดทั้งหมดทั้ง 4 บอร์ด ดังรูป ให้เลื่อนไปทาง ขวา เพราะว่าด้านซ้ายมันติดกับขอบเว็บเลย แต่เหลือพื้นที่ด้านขวาไว้เยอะ ต้องแก้ที่ตัวไหนครับ

ผมลองแก้ที่ นี่แล้วก็ไม่ได้

เปิดไพล์ module.css เข้าไปที่ /สกินที่ใช้ /common/module.css
ค้นหา
.fl_tb { width: 100%; }
ปรับเป็น
.fl_tb { width: ใส่หมดแล้วแต่ก็ไม่ได้ครับ px; }

รูปตัวอย่างที่จะปรับเลื่อนไปทางด้านขวา



ช่วยหน่อยนะครับ ขอบคุณครับ