เว็บบอร์ด › Discuz! X2 Addon Mod Hack › MOD มาแจกครับแสดงบอร์ดอีกแบบโมเอง

por201502 โพสต์ 2011-7-29 12:12:40

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

แก้ไขครั้งสุดท้ายโดย por201502 เมื่อ 2011-7-29 12:15



มันอาจจะไม่ค่อยสวยเท่าไรน๊ครับ
เพราะนั่งทำไม่นานมาก ^^
วิธี ลง คือ
ให้เปิดไฟล์ สกินของท่าน/forum/discuz.htm
แล้วหาโค้ด                <div class="fl bm">
จนถึง
                        <!--{ad/intercat/bm a_c/$cat}-->
                <!--{/loop}-->
                </div>แล้วใส่โค้ดนี่ลงไปทับ<div class="fl bm">
                <!--{loop $catlist $key $cat}-->
                        <div class="bm bmw {if $cat['forumcolumns']} flg{/if} cl">
                                <div class="bm_h cl">
                                        <span class="o">
                                                <img id="category_$cat_img" src="{IMGDIR}/$cat" title="{lang spread}" alt="{lang spread}" onclick="toggle_collapse('category_$cat');" />                                        </span>
                                        <!--{if $cat['moderators']}--><span class="y">{lang forum_category_modedby}: $cat</span><!--{/if}-->
                                        <!--{eval $caturl = !empty($cat['domain']) && !empty($_G['setting']['domain']['root']['forum']) ? 'http://'.$cat['domain'].'.'.$_G['setting']['domain']['root']['forum'] : '';}-->
                          <a href="{if !empty($caturl)}$caturl{else}forum.php?gid=$cat{/if}" class="style36" style="{if $cat}color: {$cat};{/if}">:'•': $cat :'•':</a></div>
                                <div id="category_$cat" class="bm_c" style="$collapse['category_'.$cat]">
                                        <table cellspacing="0" cellpadding="0" class="fl_tb">
                                                <tr>
                                                <!--{loop $cat $forumid}-->
                                                <!--{eval $forum=$forumlist[$forumid];}-->
                                                <!--{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'];}-->
                                                <!--{if $cat['forumcolumns']}-->
                                                        <!--{if $forum['orderid'] && ($forum['orderid'] % $cat['forumcolumns'] == 0)}-->
                                          </tr>
                                                                <!--{if $forum['orderid'] < $cat['forumscount']}-->
                                                                        <tr class="fl_row">
                                                                <!--{/if}-->
                                                        <!--{/if}-->
<td class="fl_g" width="$cat" style="padding:10px 5px; ">
<script language="javascript">
function forumbackshow(id){
document.getElementById(id).style.background="#f8f8f8";
}
function forumbackout(id){
document.getElementById(id).style.background="";
}
function showgoto() {
var i, args=showgoto.arguments; document.showgtvlaue = false;
for (i=0; i<(args.length-1); i+=2) eval(args+".location='"+args+"'");
}
</script>
<!--/***************************************************************************/-->
<div id="showback_$forum" style="border:1px solid #ccc; cursor:default;" onmouseover="forumbackshow('showback_$forum')" onmouseout="forumbackout('showback_$forum')" ondblclick="showgoto('parent','forum.php?mod=forumdisplay&fid=$forum');return document.showgtvlaue" title="กดเลย..จ๊">
<div style="padding:5px; ">
<style>
.ficodiv {float: left;}
.f_ttdiv {height:56px; line-height:20px;overflow: hidden;}
.f_name {height:20px; overflow:hidden;}
.f_name small{float:right;color:#aaa;}
.f_name small span{color:#f30;}
.f_name a span{font-size:13px; overflow:hidden;}
.f_lyhp { float: left;}
.f_lyhp {color:#999;}
.f_bkjs {height:20px; line-height:18px; overflow:hidden;color:#888;}
.f_tzmh {padding:3px; height:18px; line-height:20px; overflow:hidden;}
</style>
<div class="ficodiv">
        <!--{if $forum}-->
        $forum
        <!--{else}-->
    <a href="$forumurl"{if $forum} target="_blank"{/if}>
        <img src="{IMGDIR}/forum{if $forum}_new{/if}.gif" alt="$forum" />
        </a>
        <!--{/if}-->
</div>

<div class="f_ttdiv" {if !empty($forum) && !empty($forum)} style="margin-left: {$forum}px;"{/if}>
          <div class="f_name" title="$forum">
          <small>
          <!--{if $forum && !$forum['redirect']}-->
          (<span title="{lang forum_todayposts}">$forum</span>)&nbsp;&nbsp;
          <!--{/if}-->
          </small>
          <a href="forum.php?mod=forumdisplay&amp;fid=$forum" class="style36" {if $forum}target="_blank" {/if}>&nbsp;&nbsp;$forum</a> <font class="smalltext"><!--{if $forum}-->
          <span class="style33">วันนี้ : </span><font color="#FF3399">$forum</font><img src="{IMGDIR}/new.gif" align="absmiddle"><!--{else}-->
          <span class="style33">วันนี้ :</span> <font color="#FF3399"><img src="http://bbs.animeox.com/images/default/moder.gif" /></font><!--{/if}-->
          </font>
          <!--{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</em><!--{/if}--><!--{/if}--></div>
          <div class="f_name">
       <!--{if empty($forum)}-->
       <div class="f_lyhp">
               <span>&nbsp;<span class="style31">&nbsp;<span class="style32">โพสต์</span> :</span> </span><span style="color: rgb(153, 204, 0);">$forum</em></span> </div>
       <div style="float:left;">
                <span>&nbsp;&nbsp;<span class="style32">ตอบกลับ</span> : </span><em style="color: rgb(255, 51, 153);">$forum</em>       </div>
       <!--{/if}-->
       </div>
        <div class="f_bkjs">
        <!--{if $forum}-->
                <span tabindex="$forum">&nbsp;&nbsp;$forum</span>
        <!--{else}-->
        <!--{/if}-->
        </div>
</div>
</div>
<!--/******************ฬ๛ืำรภปฏ*************************************/-->
<div class="f_tzmh">
<!--{if $forum['redirect']}-->
<a href="$forumurl" class="xi2">{lang url_link}</a>
<!--{elseif is_array($forum['lastpost'])}-->
<b style="color:#f30;"><img src="http://bbs.animeox.com/images/default/newtopic_online.gif" width="39" height="12" /></b>
<a href="forum.php?mod=redirect&tid=$forum&goto=lastpost#lastpost" class="xi2">
<!--{echo cutstr($forum, 48)}-->
</a>
<!--{else}-->
<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>
<!--{/if}-->
</div>
</div>
<!--/*****************ฝแส๘***********************************/-->
</td>
                                                <!--{else}-->
                                                        <td class="fl_icn" {if !empty($forum) && !empty($forum)} style="width: {$forum}px;"{/if}>
                                                                <!--{if $forum}-->
                                                                        $forum
                                                                <!--{else}-->
                                                                        <a href="$forumurl"{if $forum} target="_blank"{/if}><img src="{IMGDIR}/forum{if $forum}_new{/if}.gif" alt="$forum" /></a>
                                                                <!--{/if}-->
                                                        </td>
                                                        <td><a href="forum.php?mod=forumdisplay&amp;fid=$forum" class="style36" {if $forum}target="_blank" {/if}>$forum</a> <span class="style34"><font class="smalltext">
                                                  <!--{if $forum}-->
                                                  T: <font color="#FF3399">$forum</font><img src="{IMGDIR}/new.gif" align="absmiddle">
                                                  <!--{else}-->
                                                  T: <font color="#FF3399">0</font>
                                                  <!--{/if}-->
                                                  P: <font color="#00CCFF">$forum</font> R: <font color="#99CC00">$forum</font></font>
                                            <!--{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</em>
                                                <!--{/if}-->
                                                <!--{/if}-->
                                                  </span>
                                                          <!--{if $forum}-->
                                                          <p class="xg2">$forum</p><!--{/if}-->
                                                          <!--{if $forum['subforums']}--><p>{lang forum_subforums}: $forum['subforums']</p><!--{/if}-->
                                                          <!--{if $forum['moderators']}--><p>{lang forum_moderators}: <span class="xi2">$forum</span></p><!--{/if}-->                                                          </td>
                                                        <td class="fl_i">
                                                                <!--{if empty($forum)}--><span class="xi2">$forum</span><span class="xg1"> / $forum</span><!--{/if}-->
                                                        </td>
                                                        <td class="fl_by">
                                                                <div>
                                                                <!--{if $forum['permission'] == 1}-->
                                                                        {lang private_forum}
                                                                <!--{else}-->
                                                                        <!--{if $forum['redirect']}-->
                                                                                <a href="$forumurl" class="xi2">{lang url_link}</a>
                                                                        <!--{elseif is_array($forum['lastpost'])}-->
                                                                                <img src="http://bbs.animeox.com/images/default/newtopic_online.gif" width="39" height="12" /> <a href="forum.php?mod=redirect&tid=$forum&goto=lastpost#lastpost" class="xi2"><!--{echo cutstr($forum, 30)}--></a> <cite>$forum <!--{if $forum['lastpost']['author']}-->$forum['lastpost']['author']<!--{else}-->$_G<!--{/if}--></cite>
                                                                        <!--{else}-->
                                                                                {lang never}
                                                                        <!--{/if}-->
                                                                <!--{/if}-->
                                                                </div>
                                                        </td>
                                                </tr>
                                                <tr class="fl_row">
                                                <!--{/if}-->
                                                <!--{/loop}-->
                                                $cat['endrows']
                                                </tr>
                                        </table>
                                </div>
                        </div>
                        <!--{ad/intercat/bm a_c/$cat}-->
                <!--{/loop}-->
                </div>ปล.อย่าลืมสำรองไฟล์ Discuz.htm ด้วยน๊ครับ

ลืมอีกอย่างครับ
หาโค้ด<!--{subtemplate common/header}-->
แล้วเอาโค้ดอันนี้ลงไปไว้ด้านใต้<style type="text/css">
<!--
.style23 {color: #CC66FF}
.style25 {color: #999999}
.style26 {color: #FF6600}
.style27 {color: #0066FF}
.style28 {color: #999999}
.style29 {color: #FF33FF}
.style30 {color: #9933FF}
#Layer1 {
        position:absolute;
        left:762px;
        top:146px;
        width:304px;
        height:139px;
        z-index:1;
}
#Layer2 {
        position:absolute;
        left:30px;
        top:189px;
        width:499px;
        height:171px;
        z-index:2;
}
.style31 {color: #333333}
.style32 {color: #666666}
.style33 {
        font-size: 10px;
        color: #999999;
}
.style34 {font-size: 10px}
.style36 {color: #333333; font-weight: bold; }
.style42 {color: #CC9900}
.style44 {color: #0099FF}
.style45 {color: #339900}
.style48 {color: #333333; font-size: 12px;}
-->
</style>+ให้ด้วยน๊

arafarn12 โพสต์ 2011-7-29 14:16:30

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

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

suthida โพสต์ 2011-7-29 15:24:03

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

kanzayo โพสต์ 2011-7-29 17:30:00

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

por201502 โพสต์ 2011-7-29 17:33:25

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

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

MasterTGZ โพสต์ 2011-7-29 17:51:05

แก้ไขครั้งสุดท้ายโดย MasterTGZ เมื่อ 2011-7-29 17:51

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


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

ดูในรูปแบบกติ: MOD มาแจกครับแสดงบอร์ดอีกแบบโมเอง