-[E]xSoMax[Z]- โพสต์ 2011-12-9 01:12:55

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

แก้ไขครั้งสุดท้ายโดย -xSoMax- เมื่อ 2011-12-9 22:37

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

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

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


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

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


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


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

ค้นหา<td style="padding-left:10px; background:url({IMGDIR}/441.png) no-repeat;" class="fl_g" width="$cat">แทนที่<td style="padding-left:10px; background:url({IMGDIR}/441.png) no-repeat;" class="" width="$cat">แล้วค้นหา<div class="fl_icn_g"{if !empty($forum) && !empty($forum)} style="width: {$forum}px;"{/if}>แทนที่<div class=""{if !empty($forum) && !empty($forum)} style="width: {$forum}px;"{/if}>แล้วค้นหา<span class="style4"><b>&raquo; $forum</b></span>แก้ให้เป็น&raquo; $forumหมายเหตุ......เวลาบันทึกไพล์ เลือก UTF-8 นะครับ ท่าเลือก ANSI จะเป็นภาษาต่างดาว
แก้ปัญหาแล้ว อย่าลืมกด + ท่าไม่กด ก็จะไม่บอกวิธีแก้ปัญหา OK!..



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



หาโค๊ด$forum
<!--{else}--><div style="width:205px; height:1px;">&raquo; $forum
<a href="$forumurl"{if $forum} target="_blank"{/if}><img src="{IMGDIR}/forum{if $forum}_new{/if}.gif" alt="$forum" /></a></div><br />


<!--{/if}-->
<br />
<br />
<br />
<br />

<!--{if empty($forum)}-->
<div class="di2" style=" height:28px;"><font color="#FFFFFF">วันนี้:</font> $forum&nbsp;<font color="#FFFFFF">โพสต์:</font> $forum&nbsp;<font color="#FFFFFF">ตอบกลับ:</font> $forum</div>
<!--{/if}-->
         <div class="di3-1" style=" height:45px; line-height:20px; overflow:hidden;">
         <span class="style1">
                <!--{if $forum}-->
                <img src="{IMGDIR}/ann.gif" align="absmiddle"/>&nbsp;$forum</span>
         <span class="style1">
      <!--{else}-->
      <img src="{IMGDIR}/bullet_orange.png" align="absmiddle"/>ยังไม่มีรายระเอียด ณ ที่นี้ </span>
         <!--{/if}-->
                              <div >

<!--{if $forum['redirect']}-->
    <a style="color:#999999" href="$forumurl">{lang url_link}</a>
<!--{elseif is_array($forum['lastpost'])}-->
<img src="http://www.dae.mi.th/images/dot2.gif" width="14" height="14" border="0" />
<a href="forum.php?mod=redirect&tid=$forum&goto=lastpost#lastpost" class="xi2">
<!--{echo cutstr($forum, 48)}-->
</a>
<!--{else}-->
<span class="style1"><span class="style5">ยังไม่มีกระทู้&nbsp;<a style="color:#666666" href="forum.php?mod=post&action=newthread&fid=$forum">กดที่นี่เพื่อตั้งกระทู้</a></span></span>
<!--{/if}--></div>
                                                        </td>
                                                <!--{else}-->
                                                        <td align="center" 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-1.gif" alt="$forum" /></a>
                                                                <!--{/if}-->
                                                        </td>
                                                        <td>
                                                                <a href="$forumurl"{if $forum} target="_blank"{/if}{if $forum} style="color: {$forum};"{/if}><strong>&raquo; $forum</strong> </a><!--{if $forum && !$forum['redirect']}--><!--{/if}-->|<span class="style28">
                                    <!--{if empty($forum)}-->
                                    <span class="style9"><span class="style13">วันนี้</span>:</span> <span style="color: rgb(0, 204, 255);">$forum</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</span> <span class="style29"><span class="style13">ตอบกลับ</span>: </span><span class="style28" style="color: rgb(255, 51, 153);">$forum
                                    </span>
                                    <!--{/if}-->
                                    <br />
                                                                <span class="style1">
                <!--{if $forum}-->
                <img src="{IMGDIR}/ann.gif" align="absmiddle"/>&nbsp;<span class="style5">$forum</span></span>
         <span class="style1 style5">
      <!--{else}-->
      <img src="{IMGDIR}/bullet_orange.png" align="absmiddle"/>ยังไม่มีรายระเอียด ณ ที่นี้ </span>
         <!--{/if}-->
                                                                <!--{if $forum['subforums']}--><p>{lang forum_subforums}: $forum['subforums']</p><!--{/if}--><br />

                                                        <!--{if $forum['moderators']}--><!--{if $moddisplay == 'flat'}--><p class="moderators"><img src="{IMGDIR}/0v2.png" /> $forum</p><!--{else}--><img src="{IMGDIR}/0v2.png" /> $forum<!--{/if}-->
<!--{else}-->
<img src="{IMGDIR}/0v1.png" /> <a href="#"><font color=#ff0000>ยังไม่มี ผู้ดูแล ครับผม..</font></a>
<!--{/if}-->แทนที่ด้วย$forum
<!--{else}-->
<div style="width:205px; height:1px;">&raquo; $forum
<a href="$forumurl"{if $forum} target="_blank"{/if}><img src="{IMGDIR}/forum{if $forum}_new{/if}.gif" alt="$forum" /></a></div><br />

<!--{/if}-->
<br/>
<br/>
<br/>
<br/>

<!--{if empty($forum)}-->
<div class="di2" style=" height:28px;"><font color="#FFFFFF">วันนี้:</font> $forum&nbsp;<font color="#FFFFFF">โพสต์:</font> $forum&nbsp;<font color="#FFFFFF">ตอบกลับ:</font> $forum</div>
<!--{/if}-->
<div class="di3-1" style=" height:45px; line-height:20px; overflow:hidden;">

<!--{if $forum}-->
<img src="{IMGDIR}/ann.gif" align="absmiddle"/>&nbsp;$forum

<!--{else}-->
<img src="{IMGDIR}/bullet_orange.png" align="absmiddle"/>ยังไม่มีรายระเอียด ณ ที่นี้
<!--{/if}-->
<div >

<!--{if $forum['redirect']}-->
<a style="color:#999999" href="$forumurl">{lang url_link}</a>
<!--{elseif is_array($forum['lastpost'])}-->
<img src="http://www.dae.mi.th/images/dot2.gif" width="14" height="14" border="0" />
<a href="forum.php?mod=redirect&tid=$forum&goto=lastpost#lastpost" class="xi2">
<!--{echo cutstr($forum, 48)}-->
</a>
<!--{else}-->
ยังไม่มีกระทู้&nbsp;<a style="color:#666666" href="forum.php?mod=post&action=newthread&fid=$forum">กดที่นี่เพื่อตั้งกระทู้</a>
<!--{/if}--></div>
</td>
<!--{else}-->
<td align="center" 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-1.gif" alt="$forum" /></a>
<!--{/if}-->
</td>
<td>
<a href="$forumurl"{if $forum} target="_blank"{/if}{if $forum} style="color: {$forum};"{/if}><strong>&raquo; $forum</strong> </a><!--{if $forum && !$forum['redirect']}--><!--{/if}-->|<span class="style28">
<!--{if empty($forum)}-->
วันนี้: <span style="color: rgb(0, 204, 255);">$forum</span> <span style="color:#FF00FF;"><span style="color:#666666;">โพสต์</span>: </span></span><span style="color: rgb(153, 204, 0);">$forum</span> ตอบกลับ: <span style="color: rgb(255, 51, 153);">$forum</span>
<!--{/if}-->
<br/>
<span class="style1">
<!--{if $forum}-->
<img src="{IMGDIR}/ann.gif" align="absmiddle"/>&nbsp;$forum
<!--{else}-->
<img src="{IMGDIR}/bullet_orange.png" align="absmiddle"/>ยังไม่มีรายระเอียด ณ ที่นี้
<!--{/if}-->
<!--{if $forum['subforums']}--><p>{lang forum_subforums}: $forum['subforums']</p><!--{/if}--><br />

<!--{if $forum['moderators']}--><!--{if $moddisplay == 'flat'}--><p class="moderators"><img src="{IMGDIR}/0v2.png" /> $forum</p><!--{else}--><img src="{IMGDIR}/0v2.png" /> $forum<!--{/if}-->
<!--{else}-->
<img src="{IMGDIR}/0v1.png" /> <a href="#"><font color=#ff0000>ยังไม่มี ผู้ดูแลครับผม..</font></a>
<!--{/if}-->หมายเหตุ......เวลาบันทึกไพล์ เลือก UTF-8 นะครับ ท่าเลือก ANSI จะเป็นภาษาต่างดาว
แก้ปัญหาแล้ว อย่าลืมกด + ท่าไม่กด ก็จะไม่บอกวิธีแก้ปัญหา OK!..


ปัญหาที่ 4 fonts ไม่ชัด
เปิดไพล์ common.css เข้าไปที่ /สกินที่ใช้ /common/common.css
ค้าหา.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;}แทนที่.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 โพสต์ 2011-12-9 08:35:15

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

maxalate โพสต์ 2011-12-9 08:58:18

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

chaisawang โพสต์ 2011-12-9 14:08:50

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

chaisawang โพสต์ 2011-12-9 15:02:52

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

maxalate โพสต์ 2011-12-10 19:21:03

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

bombbnut โพสต์ 2011-12-11 21:59:55

แก้ไขครั้งสุดท้ายโดย bombbnut เมื่อ 2011-12-11 22:04

แก้ไขครั้งสุดท้ายโดย bombbnut เมื่อ 2011-12-11 22:00

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


http://handsmake.net/forum.php

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

tom_tc โพสต์ 2012-5-4 10:01:29

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

kid1412kid โพสต์ 2012-10-25 21:16:33

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

exesiden โพสต์ 2013-1-2 05:32:52

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

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

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

http://upic.me/i/mb/2013-01-02_052613.png

ช่วยหน่อยนะครับ ขอบคุณครับ
หน้า: [1] 2
ดูในรูปแบบกติ: [วิธีแก้ปัญหา] ของกระทู้ "MOD,Discuz.htm [แสดงบอร์ดอีกแบบสวยๆครับ..]"