AIR for Discuz 6.1 Thai มาพร้อมกับ AL8 Toplist [Bug Fix]

mastergtx

Style name : AIR for 6.1
Applicable version : Discuz 6.1.0
Language coding : UTF-8
Style by : alan888
Copyright : -
Support site : http://www.com-bannok.com/forum/index.php
http://www.com-bannok.com/forum/thread-12-1-1.html



Demo : http://board.com-bannok.com/index.php

- ใส่ Toplist ของ alan888 ( แก้ไขให้มันบอกเวอร์ชันของโปรแกรมบราวเซอร์, ใส่รูปภาพส่วนตัวให้, แก้ไขไฟล์ newthread.inc.php ที่มันพา Toplist เพี้ยนc และอื่นๆ)
- ใส่ปีกให้มัน 2 ข้าง, ใส่ขาให้มันด้วย โดยใช้โค้ดนี้
โค้ดสำหรับปีก เผื่อใครอยากเอาไปประยุค ก่อนอื่นต้องไปเพิ่มโค้ดใน css_append.htm ก่อนเช่น

1. .catleft{ float:left; width:150px; height:27px;background: #FFF url(../../{IMGDIR}/cat_top_ls.gif);}
   
2. .catright{float:right; width:150px; height:27px;background: #FFF url(../../{IMGDIR}/cat_top_rs.gif);}

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

จากนั้นก็ดึงโค้ดจาก css มาวางใน discuz.htm เช่น

1. <div class="catleft"></div><div class="catright"><span class="headactions">
   
2.                                 <!--{if $cat['moderators']}-->{lang forum_category_modedby}<img src="images/air/ar.gif"> $cat[moderators]<!--{/if}-->
   
3.                                 <img id="category_$cat[fid]_img" src="{IMGDIR}/$cat[collapseimg]" title="{lang spread}" alt="{lang spread}" onclick="toggle_collapse('category_$cat[fid]');" />
   
4.                         </span></div><div class="mainbox forumlist">
   
5.                         </span>

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

เท่านี้แหละครับ สำหรับขามันง่ายๆ นะจับรูปมาใส่ตารางให้มันเป็นระเบียบแล้วเอามาวาง เช่น

1. <table width="{TABLEWIDTH}" border="0" cellpadding="0" cellspacing="0" align="center"><tr><td width="60" height="14" align="left" valign="top"><img src="{IMGDIR}/ls_main_table_bottom.gif" width="70" height="14"></td><td height="22" width="100%" background="{IMGDIR}/extended_main_table_bottom.gif"></td><td width="44" height="14" align="right" valign="top"><img src="{IMGDIR}/rs_main_table_bottom.gif" width="70" height="14"></td></tr></table>

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

ไฟล์ extended_main_table_bottom.gif ใช้ Photoshop เข้ามาช่วยนิดหน่อย ดังนั้นการใส่ปีกของ 5.5 กับ 6.0 หรือ 6.1 จะไม่เหมือนกันกับของต้นฉบับ และ 6.0 ของต้นฉบับไม่มีปีก หวังว่าคงเข้าใจนะปีกคืออะไร

- แสดงรายชื่อผู้ดูแลกระดานข่าวให้เป็น Option Menu เหมือนกับเวอร์ชัน 5.5 เลยนะ แต่ไม่เหมือนเท่าไหร่-*-
อันนี้ไม่อยากครับ วิธีทำนะครับ
เปิดไฟล์ discuz.htm แล้วหา

1. <td class="lastpost" align="center">{lang forum_lastpost}</td>

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

วางโค้ดนี้ด้านล้าง

1. <td class="mod" align="center">ผู้ดูแลกระดานข่าว</td>

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

หรือ

1. <td class="mod" align="center">{lang forum_moderators}</td>

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

ถ้าอยากเรื่องมากหน่อย-*-

หาต่อ

1. <!--{else}-->
   
2.                                                                         {lang never}
   
3.                                                                 <!--{/if}-->
   
4.                                                         <!--{/if}-->
   
5.                                                         </td>

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

จากนั้นเสียบโค้ดนี้ลงไปด้านล้าง หรือต่อท้าย ถ้าอยากให้มันเป็นระเบียบหน่อยก็เคาะ 1 ครั้งแล้ววาง-*-

1. <td class="mod" align="center" style="word-break: keep-all"><img src="images/common/online_mod.gif" class="absmiddle" alt="" /> <select  name="url" onChange="if(this.options[this.selectedIndex].value) {window.open(this.options[this.selectedIndex].value); this.options[0].selected=true;}" style="width: 100px"><option align="center">*รายชื่อผู้ดูแล*</option><option value="">------------------</option>
   
2.                                                         <option value="stats.php?type=team">$forum[moderators]</option></select>
   
3.                                                         </td>

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

สังเกต td class="mod" นั่นก็คือเราต้องไปเพิ่มโค้ดที่ css อีก และก็ใส่เส้นให้มัน  class="mod" นะครับ

ดังนั้นต้องเปิดไฟล์ css_common.htm แล้วหา

1. .forumlist tbody tr:hover th, .forumlist tbody tr:hover td, .threadlist tbody tr:hover th, .threadlist tbody tr:hover td { background-color: {ALTBG2}; }

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

เพิ่มโค้ดนี้ลงไปคือ

1. .forumlist td.mod { width: 150px; }

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

ผมจะให้มันกว้างแค่ 150px นะครับกำลังดี จากนั้นก็ Save รองรันดูสังเกตได้ว่ามันไม่มีเส้นแบ่ง มันดูไม่สวยอีก ไม่พอใจก็ใส่เส้นให้มัน
หาต่อ

1. .forumlist tbody strong, .threadlist tbody strong , .formbox tbody strong  { color: {NOTICETEXT}; }

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

แทนด้วยโค้ดนี้ครับ

1. .forumlist tbody th, .forumlist tbody td.nums,.forumlist tbody td.fname, .forumlist tbody td.lastpost{ border-right: {BORDERWIDTH}  solid {BGBORDER};padding: 0px 5px; }

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

Save อัพเดทแคช ลองรันดู ตรง *รายชื่อผู้ดูแล* พื้นหลังมันเป็นสีขาวๆ ยังไงไม่รู้นะ ดูแล้วไม่ค่อยสวย-*- ไม่พอใจก็ใส่โค้ดอีก--

6.0, 6.1 มันไม่มี Style ที่จะแสดงผล select Menu ใน css นะครับ ดังนั้นเราก็ไปเพิ่มเองใน css_common.htm ใน 6.1
หา

1. .invitecodelist input { border: none; font-family: "Courier New", Courier, monospace; font-size: 13px; cursor: pointer; }

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

จากนั้นวางโค้ดนี้ด้านล้างครับโค้ดใหม่สดๆ

1. select{border:solid 1px; border-color: {COMMONBOXBORDER} {LIGHTTEXT} {LIGHTTEXT} {COMMONBOXBORDER}; background: {ALTBG2};}

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

เรียบร้อย Save อัพเดทแคช ได้แล้ว
อ่ะยังอีกส่วนนึงนะครับ ในเมื่อเราจะให้แสดงรายชื่อผู้ดูแลแบบนี้แล้ว แล้วเราจะเอาแบบเดิมไว้ทำไมหละนะครับ ไม่สวยลบทิ้งเลยครับ discuz.htm โค้ดนี้

1. <!--{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)">{lang forum_moderators}</span><ul class="moderators popupmenu_popup" id="mod$forum[fid]_menu" style="display: none">$forum[moderators]</ul><!--{/if}--><!--{/if}-->

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

ลบทิ้งได้เลยเรียบร้อยแล้วครับอิอิ

ผู้เข้าชมเนื้อหาถูกซ่อนไว้ คุณจะต้องแสดงความคิดเห็นก่อนจึงจะสามารถมองเห็นเนื้อหาส่วนที่ถูกซ่อนนี้ได้

อย่าลืมเปิด URL Rewrite ด้วยหละครับ เพราะในส่วนของ "สมัครใช้งานล่าสุด : xxx " ตรงลิงค์ผมใส่เป็นลิงค์ตรงเลยนะคือ

1. <a href="space-username-$memberenc.html">สมาชิกล่าสุด</a>

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

อ่ะลิงค์ตรงนะ

[ แก้ไขล่าสุด mastergtx เมื่อ 2008-6-10 17:11 ]

mastergtx

รับลอง 100% ใช้ดีไม่มีปัญหา ตัวที่ใช้งานปัจจุบัน ดูดมาปล่อยแบบสดๆ อิอิ:)

[ แก้ไขล่าสุด mastergtx เมื่อ 2008-6-11 13:38 ]

suthida

เยี่ยมๆ  ขอบคุณมากค่ะ ~[48]~

acaz

ว๊าวคุณเบิร์ดไฟแรงแฮะช่วงนี้

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

ผมไฟหมด

มีใครจะมาเติมไฟให้ผมมั้ยครับ~:13:~

zadman

ขอบคุณครับผม

barboo

ขอบคุณครับ

dorzaa

ลองใช้ดูอ่ะ

panakorn

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

kanumtan

ขอบคุณค่ะ

sacoolspicy

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