[HOT][เพิ่มโค๊ด] MOD,Discuz.htm [แสดงบอร์ดอีกแบบสวยๆครับ..] ( หมดปัญหาบัคต่างๆ)

-[E]xSoMax[Z]-

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

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

---

เอามาจากกระทู้ http://forum.discuzthai.com/thread-30829-1-1.html
เพือนๆหลายคนเอาไพล์ไปทับแล้วมีปัญหาเยอะมากมาย เรามาลุยวิธีลงโค๊ดเองดีกว่า ง่ายดี ชิวๆ อย่าลืมสำรองไพล์เก่าด้วย!

1. 
   
2. ต้นฉบับ : Style by 4DEZIGN
   
3. ปรับแต่งใหม่ : by POR20150
   
4. ปรับแต่งใหม่และเรียบเรียงโค๊ดที่ไม่ใช้และแก้ไขปัญหาทั้งหมดไว้ให้แล้ว  : by -[E]xSoMax[Z]-
   

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

---

---

ก่อนอื่น โหลดไพล์แล้ว  นำไปวาง static/image/สกินที่ใช้/


อย่าลืม + กะกาน! ไม่กด + อดรู้วิธีแก้ปัญหาเน้อ!

---

---

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

ค้นหา

1.         <table cellspacing="0" cellpadding="0" class="fl_tb">
   
2.                                                 <tr>
   
3.                                                 <!--{loop $cat[forums] $forumid}-->
   
4.                                                 <!--{eval $forum=$forumlist[$forumid];}-->
   
5.                                                 <!--{eval $forumurl = !empty($forum['domain']) && !empty($_G['setting']['domain']['root']['forum']) ? 'http://'.$forum['domain'].'.'.$_G['setting']['domain']['root']['forum'] : 'forum.php?mod=forumdisplay&fid='.$forum['fid'];}-->
   
6.                                                 <!--{if $cat['forumcolumns']}-->
   
7.                                                         <!--{if $forum['orderid'] && ($forum['orderid'] % $cat['forumcolumns'] == 0)}-->
   
8.                                                                 </tr>
   
9.                                                                 <!--{if $forum['orderid'] < $cat['forumscount']}-->
   
10.                                                                         <tr class="fl_row">
    
11.                                                                 <!--{/if}-->
    
12.                                                         <!--{/if}-->
    
13.                                                         <td class="fl_g" width="$cat[forumcolwidth]">
    
14.                                                                 <div class="fl_icn_g"{if !empty($forum[extra][iconwidth]) && !empty($forum[icon])} style="width: {$forum[extra][iconwidth]}px;"{/if}>
    
15.                                                                 <!--{if $forum[icon]}-->
    
16.                                                                         $forum[icon]
    
17.                                                                 <!--{else}-->
    
18.                                                                         <a href="$forumurl"{if $forum[redirect]} target="_blank"{/if}><img src="{IMGDIR}/forum{if $forum[folder]}_new{/if}.gif" alt="$forum[name]" /></a>
    
19.                                                                 <!--{/if}-->
    
20.                                                                 </div>
    
21.                                                                 <dl{if !empty($forum[extra][iconwidth]) && !empty($forum[icon])} style="margin-left: {$forum[extra][iconwidth]}px;"{/if}>
    
22.                                                                         <dt><a href="$forumurl"{if $forum[redirect]} target="_blank"{/if}{if $forum[extra][namecolor]} style="color: {$forum[extra][namecolor]};"{/if}>$forum[name]</a><!--{if $forum[todayposts] && !$forum['redirect']}--><em class="xw0 xi1" title="{lang forum_todayposts}"> ($forum[todayposts])</em><!--{/if}--></dt>
    
23.                                                                         <!--{if empty($forum[redirect])}--><dd><em>{lang forum_threads}: $forum[threads]</em>, <em>{lang forum_posts}: $forum[posts]</em></dd><!--{/if}-->
    
24.                                                                         <dd>
    
25.                                                                         <!--{if $forum['permission'] == 1}-->
    
26.                                                                                 {lang private_forum}
    
27.                                                                         <!--{else}-->
    
28.                                                                                 <!--{if $forum['redirect']}-->
    
29.                                                                                         <a href="$forumurl" class="xi2">{lang url_link}</a>
    
30.                                                                                 <!--{elseif is_array($forum['lastpost'])}-->
    
31.                                                                                         <!--{if $cat['forumcolumns'] < 3}-->
    
32.                                                                                                 <a href="forum.php?mod=redirect&tid=$forum[lastpost][tid]&goto=lastpost#lastpost" class="xi2"><!--{echo cutstr($forum[lastpost][subject], 30)}--></a> <cite>$forum[lastpost][dateline] <!--{if $forum['lastpost']['author']}-->$forum['lastpost']['author']<!--{else}-->$_G[setting][anonymoustext]<!--{/if}--></cite>
    
33.                                                                                         <!--{else}-->
    
34.                                                                                                 <a href="forum.php?mod=redirect&tid=$forum[lastpost][tid]&goto=lastpost#lastpost">{lang forum_lastpost}: $forum[lastpost][dateline]</a>
    
35.                                                                                         <!--{/if}-->
    
36.                                                                                 <!--{else}-->
    
37.                                                                                         {lang never}
    
38.                                                                                 <!--{/if}-->
    
39.                                                                         <!--{/if}-->
    
40.                                                                         </dd>
    
41.                                                                 </dl>
    
42.                                                         </td>
    
43.                                                 <!--{else}-->
    
44.                                                         <td class="fl_icn" {if !empty($forum[extra][iconwidth]) && !empty($forum[icon])} style="width: {$forum[extra][iconwidth]}px;"{/if}>
    
45.                                                                 <!--{if $forum[icon]}-->
    
46.                                                                         $forum[icon]
    
47.                                                                 <!--{else}-->
    
48.                                                                         <a href="$forumurl"{if $forum[redirect]} target="_blank"{/if}><img src="{IMGDIR}/forum{if $forum[folder]}_new{/if}.gif" alt="$forum[name]" /></a>
    
49.                                                                 <!--{/if}-->
    
50.                                                         </td>
    
51.                                                         <td>
    
52.                                                                 <h2><a href="$forumurl"{if $forum[redirect]} target="_blank"{/if}{if $forum[extra][namecolor]} style="color: {$forum[extra][namecolor]};"{/if}>$forum[name]</a><!--{if $forum[todayposts] && !$forum['redirect']}--><em class="xw0 xi1" title="{lang forum_todayposts}"> ($forum[todayposts])</em><!--{/if}--></h2>
    
53.                                                                 <!--{if $forum[description]}--><p class="xg2">$forum[description]</p><!--{/if}-->
    
54.                                                                 <!--{if $forum['subforums']}--><p>{lang forum_subforums}: $forum['subforums']</p><!--{/if}-->
    
55.                                                                 <!--{if $forum['moderators']}--><p>{lang forum_moderators}: <span class="xi2">$forum[moderators]</span></p><!--{/if}-->
    
56.                                                         </td>
    
57.                                                         <td class="fl_i">
    
58.                                                                 <!--{if empty($forum[redirect])}--><span class="xi2">$forum[threads]</span><span class="xg1"> / $forum[posts]</span><!--{/if}-->
    
59.                                                         </td>
    
60.                                                         <td class="fl_by">
    
61.                                                                 <div>
    
62.                                                                 <!--{if $forum['permission'] == 1}-->
    
63.                                                                         {lang private_forum}
    
64.                                                                 <!--{else}-->
    
65.                                                                         <!--{if $forum['redirect']}-->
    
66.                                                                                 <a href="$forumurl" class="xi2">{lang url_link}</a>
    
67.                                                                         <!--{elseif is_array($forum['lastpost'])}-->
    
68.                                                                                 <a href="forum.php?mod=redirect&tid=$forum[lastpost][tid]&goto=lastpost#lastpost" class="xi2"><!--{echo cutstr($forum[lastpost][subject], 30)}--></a> <cite>$forum[lastpost][dateline] <!--{if $forum['lastpost']['author']}-->$forum['lastpost']['author']<!--{else}-->$_G[setting][anonymoustext]<!--{/if}--></cite>
    
69.                                                                         <!--{else}-->
    
70.                                                                                 {lang never}
    
71.                                                                         <!--{/if}-->
    
72.                                                                 <!--{/if}-->
    
73.                                                                 </div>
    
74.                                                         </td>
    
75.                                                 </tr>
    
76.                                                 <tr class="fl_row">
    
77.                                                 <!--{/if}-->
    
78.                                                 <!--{/loop}-->
    
79.                                                 $cat['endrows']
    
80.                                                 </tr>
    
81.                                         </table>

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

แทนที่

1.                                         <table cellspacing="0" cellpadding="0" class="fl_tb">
   
2.                                                 <tr>
   
3.                                                 <!--{loop $cat[forums] $forumid}-->
   
4.                                                 <!--{eval $forum=$forumlist[$forumid];}-->
   
5.                                                 <!--{eval $forumurl = !empty($forum['domain']) && !empty($_G['setting']['domain']['root']['forum']) ? 'http://'.$forum['domain'].'.'.$_G['setting']['domain']['root']['forum'] : 'forum.php?mod=forumdisplay&fid='.$forum['fid'];}-->
   
6.                                                 <!--{if $cat['forumcolumns']}-->
   
7.                                                         <!--{if $forum['orderid'] && ($forum['orderid'] % $cat['forumcolumns'] == 0)}-->
   
8.                                           </tr>
   
9. <!--{if $forum['orderid'] < $cat['forumscount']}-->
   
10. <tr class="fl_row">
    
11. <!--{/if}-->
    
12. <!--{/if}-->
    
13. <td style="padding-left:10px; background:url({IMGDIR}/441.png) no-repeat;" class="" width="$cat[forumcolwidth]">
    
14. <div class=""{if !empty($forum[extra][iconwidth]) && !empty($forum[icon])} style="width: {$forum[extra][iconwidth]}px;"{/if}>
    
15. <!--{if $forum[icon]}-->
    
16. <a href="$forumurl"{if $forum[redirect]} target="_blank"{/if}{if $forum[extra][namecolor]} style="color: {$forum[extra][namecolor]};"{/if}>&raquo; $forum[name]</a><!--{if $forum['moderators']}--><!--{if $moddisplay == 'flat'}--><p class="moderators">{lang forum_moderators}: $forum[moderators]</p><!--{else}--><span class="dropmenu" id="mod$forum[fid]" onmouseover="showMenu(this.id)"><img src="{IMGDIR}/0v2.png" /></span><ul class="moderators popupmenu_popup" id="mod$forum[fid]_menu" style="display: none; background: url({IMGDIR}/mpop.png); width:300px; height:50px;"><div style=" padding-left:10px; padding-top:20px;">$forum[moderators]</div></ul><!--{/if}-->
    
17. <!--{else}-->
    
18. <span class="dropmenu" id="mod$forum[fid]" onmouseover="showMenu(this.id)"><img src="{IMGDIR}/0v1.png" /></span> <ul class="moderators popupmenu_popup" id="mod$forum[fid]_menu" style="display: none; background: url({IMGDIR}/mpop.png); width:300px; height:50px;"><div style=" padding-left:10px; padding-top:20px;"><a href="#"><font color=#ff0000>ยังไม่มี ผู้ดูแล ครับผม..</font></a></div></ul>
    
19. <!--{/if}-->
    
20. <br />
    
21. $forum[icon]
    
22. <!--{else}-->
    
23. <div style="width:205px; height:1px;">&raquo; $forum[name]
    
24. <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 />
    
25. 
    
26. <!--{/if}-->
    
27. <br/>
    
28. <br/>
    
29. <br/>
    
30. <br/>
    
31. 
    
32. <!--{if empty($forum[redirect])}-->
    
33. <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>
    
34. <!--{/if}-->
    
35. <div class="di3-1" style=" height:45px; line-height:20px; overflow:hidden;">
    
36. 
    
37. <!--{if $forum[description]}-->
    
38. <img src="{IMGDIR}/ann.gif" align="absmiddle"/>&nbsp;$forum[description]
    
39. 
    
40. <!--{else}-->
    
41. ยังไม่มีรายระเอียด ณ ที่นี้  
    
42. <!--{/if}-->
    
43. <div >
    
44. 
    
45. <!--{if $forum['redirect']}-->
    
46. <a style="color:#999999" href="$forumurl">{lang url_link}</a>
    
47. <!--{elseif is_array($forum['lastpost'])}-->
    
48. <img src="http://www.dae.mi.th/images/dot2.gif" width="14" height="14" border="0" />
    
49. <a href="forum.php?mod=redirect&tid=$forum[lastpost][tid]&goto=lastpost#lastpost" class="xi2">
    
50. <!--{echo cutstr($forum[lastpost][subject], 48)}-->
    
51. </a>
    
52. <!--{else}-->
    
53. ยังไม่มีกระทู้&nbsp;<a style="color:#666666" href="forum.php?mod=post&action=newthread&fid=$forum[fid]">กดที่นี่เพื่อตั้งกระทู้</a>
    
54. <!--{/if}--></div>
    
55. </td>
    
56. <!--{else}-->
    
57. <td align="center" class="fl_icn" {if !empty($forum[extra][iconwidth]) && !empty($forum[icon])} style="width: {$forum[extra][iconwidth]}px;"{/if}>
    
58. <!--{if $forum[icon]}-->
    
59. $forum[icon]
    
60. <!--{else}-->
    
61. <a href="$forumurl"{if $forum[redirect]} target="_blank"{/if}><img src="{IMGDIR}/forum-1.gif" alt="$forum[name]" /></a>
    
62. <!--{/if}-->
    
63. </td>
    
64. <td>
    
65. <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">
    
66. <!--{if empty($forum[redirect])}-->
    
67. วันนี้: <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>
    
68. <!--{/if}-->
    
69. <br/>
    
70. <span class="style1">
    
71. <!--{if $forum[description]}-->
    
72. <img src="{IMGDIR}/ann.gif" align="absmiddle"/>&nbsp;$forum[description]
    
73. <!--{else}-->
    
74. ยังไม่มีรายระเอียด ณ ที่นี้
    
75. <!--{/if}-->
    
76. <!--{if $forum['subforums']}--><p>{lang forum_subforums}: $forum['subforums']</p><!--{/if}--><br />
    
77. 
    
78. <!--{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}-->
    
79. <!--{else}-->
    
80. <img src="{IMGDIR}/0v1.png" /> <a href="#"><font color=#ff0000>ยังไม่มี ผู้ดูแลครับผม..</font></a>
    
81. <!--{/if}-->
    
82.                                                                
    
83. 
    
84.                                                         </td>
    
85.                                                
    
86.                             <td class="csnon">
    
87.                         <!--{if empty($forum[redirect])}--><div class="di">$forum[threads]<p>$forum[posts]</p></div><!--{/if}-->
    
88.                         </td>
    
89.                                                         <td class="fl_by">
    
90.                                                                 <div>
    
91.                                                                 <!--{if $forum['permission'] == 1}-->
    
92.                                                                         {lang private_forum}
    
93.                                                                 <!--{else}-->
    
94.                                                                         <!--{if $forum['redirect']}-->
    
95.                                                                         <a href="$forumurl" class="xi2">{lang url_link}</a>
    
96. <!--{elseif is_array($forum['lastpost'])}--><img src="{IMGDIR}/053753251.gif" width="16" height="16"/>&nbsp;<a href="forum.php?mod=redirect&tid=$forum[lastpost][tid]&goto=lastpost#lastpost" class="xi2"><font color="#FF6600"><!--{echo cutstr($forum[lastpost][subject], 30)}--></font></a> <cite><font color="#999999"><img src="{IMGDIR}/web_icon_017.gif" />&nbsp;$forum[lastpost][dateline] <!--{if $forum['lastpost']['author']}--><br />
    
97. <img src="{IMGDIR}/web_icon_022.gif" />&nbsp;$forum['lastpost']['author']<!--{else}-->{lang anonymous}<!--{/if}--></font></cite>
    
98.                                                                         <!--{else}-->
    
99. <img src="{IMGDIR}/mbi_043.gif" />&nbsp;ยังไม่มีกระทู้
    
100.                                                                         <!--{/if}-->
     
101.                                                                 <!--{/if}-->
     
102.                                                           </div>
     
103.                                                         </td>
     
104.                                                 </tr>
     
105.                                                 <tr class="fl_row">
     
106.                                                 <!--{/if}-->
     
107.                                                 <!--{/loop}-->
     
108.                                                 $cat['endrows']
     
109.                                                 </tr>
     
110.                                         </table>
     

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

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

---

---

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

เพิ่มไว้ล่างสุดของโค๊ด

1. 
   
2. .di2 { width:200px; height:30px; padding-top:6px; background:url({IMGDIR}/di2.jpg) no-repeat center top;  text-align:center; text-shadow: 0 0 0.2em #838383, 0 0 0.2em #838383; color:#000000;}
   
3. .di3-1 { width:200px; height:30px; padding-top:1px; background:url({IMGDIR}/di3-1.jpg) no-repeat center top;  text-align:center; text-shadow: 0 0 0.2em #838383, 0 0 0.2em #838383; color:#000000;}
   
4. .tvv { width:150px; height:25px; padding-top:22px; background:url({IMGDIR}/tvv.jpg) no-repeat center top;}
   
5. 
   
6. 
   
7. .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; }
   
8.    .di p {  display:block; text-shadow: 0 0 0.2em #ccc, 0 0 0.2em #ccc; font-weight:100; margin:0px; padding-top:6px; border:0px; color:#fff; font-size:14px; }
   

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

---

---

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

ค้นหา

1. .fl_tb { width: 100%; }

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

ปรับเป็น

1. .fl_tb { width: XX px; }

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

หมายเหตุ XX ให้เปลียนเป็นเลข เช่น 900px 950px 1000px ตามความเหาะสมของเว็บบอร์ดของคุณนะคับ
อัพแคช เป็นเสร็จเรียบร้อย!

เสร็จแล้วก๊าบ อย่าลืม + กะกาน! ไม่กด + อดรู้วิธีแก้ปัญหาเน้อ!

chaisawang

นายครับ ทำไมของผมมันกลายเป็นภาษาต่างดาวซะงั้นอ่า ตรงวันนี้ โพส ตอบกลับ อ่ะครับ

chaisawang

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

ตรงแก้ .fl_tb { width: 100%; } ผมลองไม่แก้ดูครับ ก็สามารถใช้ได้เหมือนกัน ขอบไม่ตกด้วยครับ
เพราะของผม ใช้ Firefox กับ Chrome เทียบกันเหมือนมันจะไม่เท่ากันอ่ะครับขนาดของบอร์ด

sakko51150

เยี่ยมไปเลยครับ

GamEHiT

ผมใช้สกินอันนี้อ่ะครับ http://forum.discuzthai.com/foru ... id=27526&page=1
ทำให้มันไม่เห็นหน้าบอร์ดที่แต่งใหม่เลยครับ พอจะมีวิธีแก้หรือเปล่าครับ ต้องเอาไฟล์ discuz.htm common.css
ไปวางที่ไหนหรือเปล่าครับ ช่วยทีนะครับ เพราะ infuse มันสวยมากเลย

poikong

ขอบคุณมากคร๊าฟ

kaknoi

รบกวนทำอย่างนี้ให้ 7.2 หน่อยสิครับ หวังว่ายังไม่ถูกลืม {:18_777:}

bacteria

พี่ครับ มือใหม่ ใส่ภาพยังไง อ่าครับ
**ใส่ภาพให้บอร์ด**