MOD มาแจกครับแสดงบอร์ดอีกแบบโมเอง

por201502

มันอาจจะไม่ค่อยสวยเท่าไรน๊ครับ
เพราะนั่งทำไม่นานมาก ^^
วิธี ลง คือ
ให้เปิดไฟล์ สกินของท่าน/forum/discuz.htm
แล้วหาโค้ด

1.                 <div class="fl bm">
   
2. จนถึง
   
3.                         <!--{ad/intercat/bm a_c/$cat[fid]}-->
   
4.                 <!--{/loop}-->
   
5.                 </div>

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

แล้วใส่โค้ดนี่ลงไปทับ

1. <div class="fl bm">
   
2.                 <!--{loop $catlist $key $cat}-->
   
3.                         <div class="bm bmw {if $cat['forumcolumns']} flg{/if} cl">
   
4.                                 <div class="bm_h cl">
   
5.                                         <span class="o">
   
6.                                                 <img id="category_$cat[fid]_img" src="{IMGDIR}/$cat[collapseimg]" title="{lang spread}" alt="{lang spread}" onclick="toggle_collapse('category_$cat[fid]');" />                                        </span>
   
7.                                         <!--{if $cat['moderators']}--><span class="y">{lang forum_category_modedby}: $cat[moderators]</span><!--{/if}-->
   
8.                                         <!--{eval $caturl = !empty($cat['domain']) && !empty($_G['setting']['domain']['root']['forum']) ? 'http://'.$cat['domain'].'.'.$_G['setting']['domain']['root']['forum'] : '';}-->
   
9.                           <a href="{if !empty($caturl)}$caturl{else}forum.php?gid=$cat[fid]{/if}" class="style36" style="{if $cat[extra][namecolor]}color: {$cat[extra][namecolor]};{/if}">:'•': $cat[name] :'•':</a></div>
   
10.                                 <div id="category_$cat[fid]" class="bm_c" style="$collapse['category_'.$cat[fid]]">
    
11.                                         <table cellspacing="0" cellpadding="0" class="fl_tb">
    
12.                                                 <tr>
    
13.                                                 <!--{loop $cat[forums] $forumid}-->
    
14.                                                 <!--{eval $forum=$forumlist[$forumid];}-->
    
15.                                                 <!--{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'];}-->
    
16.                                                 <!--{if $cat['forumcolumns']}-->
    
17.                                                         <!--{if $forum['orderid'] && ($forum['orderid'] % $cat['forumcolumns'] == 0)}-->
    
18.                                           </tr>
    
19.                                                                 <!--{if $forum['orderid'] < $cat['forumscount']}-->
    
20.                                                                         <tr class="fl_row">
    
21.                                                                 <!--{/if}-->
    
22.                                                         <!--{/if}-->
    
23. <td class="fl_g" width="$cat[forumcolwidth]" style="padding:10px 5px; ">
    
24. <script language="javascript">
    
25. function forumbackshow(id){
    
26. document.getElementById(id).style.background="#f8f8f8";
    
27. }
    
28. function forumbackout(id){
    
29. document.getElementById(id).style.background="";
    
30. }
    
31. function showgoto() {
    
32.   var i, args=showgoto.arguments; document.showgtvlaue = false;
    
33.   for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
    
34. }
    
35. </script>
    
36. <!--/***************************************************************************/-->
    
37. <div id="showback_$forum[fid]" style="border:1px solid #ccc; cursor:default;" onmouseover="forumbackshow('showback_$forum[fid]')" onmouseout="forumbackout('showback_$forum[fid]')" ondblclick="showgoto('parent','forum.php?mod=forumdisplay&fid=$forum[fid]');return document.showgtvlaue" title="กดเลย..จ๊">
    
38. <div style="padding:5px; ">
    
39. <style>
    
40. .ficodiv {float: left;}
    
41. .f_ttdiv {  height:56px; line-height:20px;overflow: hidden;}
    
42. .f_name {height:20px; overflow:hidden;}
    
43. .f_name small{float:right;color:#aaa;}
    
44. .f_name small span{color:#f30;}
    
45. .f_name a span{font-size:13px; overflow:hidden;}
    
46. .f_lyhp { float: left;}
    
47. .f_lyhp {color:#999;}
    
48. .f_bkjs {height:20px; line-height:18px; overflow:hidden;color:#888;}
    
49. .f_tzmh {padding:3px; height:18px; line-height:20px; overflow:hidden;}
    
50. </style>
    
51.   <div class="ficodiv">
    
52.         <!--{if $forum[icon]}-->
    
53.         $forum[icon]
    
54.         <!--{else}-->
    
55.     <a href="$forumurl"{if $forum[redirect]} target="_blank"{/if}>
    
56.         <img src="{IMGDIR}/forum{if $forum[folder]}_new{/if}.gif" alt="$forum[name]" />
    
57.         </a>
    
58.         <!--{/if}-->
    
59.   </div>
    
60. 
    
61.   <div class="f_ttdiv" {if !empty($forum[extra][iconwidth]) && !empty($forum[icon])} style="margin-left: {$forum[extra][iconwidth]}px;"{/if}>
    
62.           <div class="f_name" title="$forum[name]">
    
63.           <small>
    
64.           <!--{if $forum[todayposts] && !$forum['redirect']}-->
    
65.           (<span title="{lang forum_todayposts}">$forum[todayposts]</span>)&nbsp;&nbsp;
    
66.           <!--{/if}-->
    
67.           </small>
    
68.           <a href="forum.php?mod=forumdisplay&amp;fid=$forum[fid]" class="style36" {if $forum[redirect]}target="_blank" {/if}>&nbsp;&nbsp;$forum[name]</a> <font class="smalltext"><!--{if $forum[todayposts]}-->
    
69.           <span class="style33">วันนี้ : </span><font color="#FF3399">$forum[todayposts]</font><img src="{IMGDIR}/new.gif" align="absmiddle"><!--{else}-->
    
70.           <span class="style33">วันนี้ :</span> <font color="#FF3399"><img src="http://bbs.animeox.com/images/default/moder.gif" /></font><!--{/if}-->
    
71.           </font>
    
72.           <!--{if $forum['moderators']}--><!--{if $moddisplay == 'flat'}--><img src="{IMGDIR}/moderator.gif" title="Forum Moderator" style="cursor:pointer" /> <em class="moderators" id="coll_1" style="display:none">$forum[moderators]</em><!--{/if}--><!--{/if}--></div>
    
73.           <div class="f_name">
    
74.          <!--{if empty($forum[redirect])}-->
    
75.          <div class="f_lyhp">
    
76.                  <span>&nbsp;<span class="style31">&nbsp;<span class="style32">โพสต์</span> :</span> </span><span style="color: rgb(153, 204, 0);">$forum[threads]</em></span> </div>
    
77.          <div style="float:left;">  
    
78.                 <span>&nbsp;&nbsp;<span class="style32">ตอบกลับ</span> : </span><em style="color: rgb(255, 51, 153);">$forum[posts]</em>         </div>
    
79.          <!--{/if}-->
    
80.          </div>
    
81.         <div class="f_bkjs">
    
82.         <!--{if $forum[description]}-->
    
83.                 <span tabindex="$forum[description]">&nbsp;&nbsp;$forum[description]</span>
    
84.         <!--{else}-->
    
85.         <!--{/if}-->
    
86.         </div>
    
87.   </div>
    
88. </div>
    
89. <!--/******************ฬ๛ืำรภปฏ*************************************/-->
    
90. <div class="f_tzmh">
    
91. <!--{if $forum['redirect']}-->
    
92.   <a href="$forumurl" class="xi2">{lang url_link}</a>
    
93. <!--{elseif is_array($forum['lastpost'])}-->
    
94. <b style="color:#f30;"><img src="http://bbs.animeox.com/images/default/newtopic_online.gif" width="39" height="12" /></b>
    
95.   <a href="forum.php?mod=redirect&tid=$forum[lastpost][tid]&goto=lastpost#lastpost" class="xi2">
    
96.   <!--{echo cutstr($forum[lastpost][subject], 48)}-->
    
97.   </a>
    
98.   <!--{else}-->
    
99. <b style="color:#d60; margin-right:5px;"><img src="http://bbs.animeox.com/images/default/newtopic_online.gif" width="39" height="12" /></b>  <span class="style28">ไม่มี !</span>
    
100.   <!--{/if}-->
     
101. </div>
     
102. </div>
     
103. <!--/*****************ฝแส๘***********************************/-->
     
104. </td>
     
105.                                                 <!--{else}-->
     
106.                                                         <td class="fl_icn" {if !empty($forum[extra][iconwidth]) && !empty($forum[icon])} style="width: {$forum[extra][iconwidth]}px;"{/if}>
     
107.                                                                 <!--{if $forum[icon]}-->
     
108.                                                                         $forum[icon]
     
109.                                                                 <!--{else}-->
     
110.                                                                         <a href="$forumurl"{if $forum[redirect]} target="_blank"{/if}><img src="{IMGDIR}/forum{if $forum[folder]}_new{/if}.gif" alt="$forum[name]" /></a>
     
111.                                                                 <!--{/if}-->
     
112.                                                         </td>
     
113.                                                         <td><a href="forum.php?mod=forumdisplay&amp;fid=$forum[fid]" class="style36" {if $forum[redirect]}target="_blank" {/if}>$forum[name]</a> <span class="style34"><font class="smalltext">
     
114.                                                     <!--{if $forum[todayposts]}-->
     
115.                                                     T: <font color="#FF3399">$forum[todayposts]</font><img src="{IMGDIR}/new.gif" align="absmiddle">
     
116.                                                     <!--{else}-->
     
117.                                                     T: <font color="#FF3399">0</font>
     
118.                                                     <!--{/if}-->
     
119.                                                     P: <font color="#00CCFF">$forum[threads]</font> R: <font color="#99CC00">$forum[posts]</font></font>
     
120.                                             <!--{if $forum['moderators']}-->
     
121.                                                 <!--{if $moddisplay == 'flat'}-->                                                          
     
122.                                                     <img src="{IMGDIR}/moderator.gif" title="Forum Moderator" style="cursor:pointer" /> <em class="moderators" id="coll_1" style="display:none">$forum[moderators]</em>
     
123.                                                 <!--{/if}-->
     
124.                                                 <!--{/if}-->
     
125.                                                     </span>
     
126.                                                           <!--{if $forum[description]}-->
     
127.                                                           <p class="xg2">$forum[description]</p><!--{/if}-->
     
128.                                                           <!--{if $forum['subforums']}--><p>{lang forum_subforums}: $forum['subforums']</p><!--{/if}-->
     
129.                                                           <!--{if $forum['moderators']}--><p>{lang forum_moderators}: <span class="xi2">$forum[moderators]</span></p><!--{/if}-->                                                          </td>
     
130.                                                         <td class="fl_i">
     
131.                                                                 <!--{if empty($forum[redirect])}--><span class="xi2">$forum[threads]</span><span class="xg1"> / $forum[posts]</span><!--{/if}-->
     
132.                                                         </td>
     
133.                                                         <td class="fl_by">
     
134.                                                                 <div>
     
135.                                                                 <!--{if $forum['permission'] == 1}-->
     
136.                                                                         {lang private_forum}
     
137.                                                                 <!--{else}-->
     
138.                                                                         <!--{if $forum['redirect']}-->
     
139.                                                                                 <a href="$forumurl" class="xi2">{lang url_link}</a>
     
140.                                                                         <!--{elseif is_array($forum['lastpost'])}-->
     
141.                                                                                 <img src="http://bbs.animeox.com/images/default/newtopic_online.gif" width="39" height="12" /> <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>
     
142.                                                                         <!--{else}-->
     
143.                                                                                 {lang never}
     
144.                                                                         <!--{/if}-->
     
145.                                                                 <!--{/if}-->
     
146.                                                                 </div>
     
147.                                                         </td>
     
148.                                                 </tr>
     
149.                                                 <tr class="fl_row">
     
150.                                                 <!--{/if}-->
     
151.                                                 <!--{/loop}-->
     
152.                                                 $cat['endrows']
     
153.                                                 </tr>
     
154.                                         </table>
     
155.                                 </div>
     
156.                         </div>
     
157.                         <!--{ad/intercat/bm a_c/$cat[fid]}-->
     
158.                 <!--{/loop}-->
     
159.                 </div>

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

ปล.อย่าลืมสำรองไฟล์ Discuz.htm ด้วยน๊ครับ

ลืมอีกอย่างครับ
หาโค้ด

1. <!--{subtemplate common/header}-->
   

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

แล้วเอาโค้ดอันนี้ลงไปไว้ด้านใต้

1. <style type="text/css">
   
2. <!--
   
3. .style23 {color: #CC66FF}
   
4. .style25 {color: #999999}
   
5. .style26 {color: #FF6600}
   
6. .style27 {color: #0066FF}
   
7. .style28 {color: #999999}
   
8. .style29 {color: #FF33FF}
   
9. .style30 {color: #9933FF}
   
10. #Layer1 {
    
11.         position:absolute;
    
12.         left:762px;
    
13.         top:146px;
    
14.         width:304px;
    
15.         height:139px;
    
16.         z-index:1;
    
17. }
    
18. #Layer2 {
    
19.         position:absolute;
    
20.         left:30px;
    
21.         top:189px;
    
22.         width:499px;
    
23.         height:171px;
    
24.         z-index:2;
    
25. }
    
26. .style31 {color: #333333}
    
27. .style32 {color: #666666}
    
28. .style33 {
    
29.         font-size: 10px;
    
30.         color: #999999;
    
31. }
    
32. .style34 {font-size: 10px}
    
33. .style36 {color: #333333; font-weight: bold; }
    
34. .style42 {color: #CC9900}
    
35. .style44 {color: #0099FF}
    
36. .style45 {color: #339900}
    
37. .style48 {color: #333333; font-size: 12px;}
    
38. -->
    
39. </style>

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

+ให้ด้วยน๊

arafarn12

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

แต่ตรง 3 คอลัมภ์ ภาพบอร์ดดูแปลกๆ แหะ

suthida

สวยค่ะ มีทำกราฟฟิกวางภาพแนวเอียงด้วย คิคิ

kanzayo

ดีค่ะมีให้เลือกตามความชอบ สวยไปอีกแบบค่ะ ขอบคุณค่ะ

por201502

ต้นฉบับโพสต์โดย kanzayo เมื่อ 2011-7-29 17:30
ดีค่ะมีให้เลือกตามความชอบ สวยไปอีกแบบค่ะ ขอบคุณค่ะ ...

อันนี้เป็นที่ไปคอนครับ อิอิ ผมออกแบบให้เป็นแบบนี้เอง

MasterTGZ

ทำมาให้ก็ดีหรอกนะครับ
แต่ช่วยออนเอ็มทีได้ไหมครับ พี่ปอ... ตอบด้วยนะ......
เมื่อไหร่ผมจะให้ทำต่อได้ซักที (ทำอย่างอื่นนะ)


เอย ลืมไป
เพิม่เติม ขอบคุณครับ