การแก้ไข/เปลี่ยนรูปประจำบอร์ดแต่ละบอร์ด ในเว็บบอร์ด SMF

[Auto Man]

   พอใช้งานมาสักระยะหนึ่ง เราจะพบว่ารูปที่แสดงแต่ละบอร์ด จะเหมือนๆ กัน ดูแล้วไม่ได้สื่อความหมายอะไร
และทำให้เกิดการเบื่อหน่ายด้วย  ดังนั้นเรามาดูวิธีการปรับแต่ง (โมดิฟาย = Modify) ในส่วนนี้กัน

ตรงนี้มีภาพ! แต่ท่านจะมองไม่เห็น , ท่านต้อง  สมัครสมาชิก หรือ ลงชื่อเข้าระบบ


   ขออ้างอิงไปยังกระทู้นี้ครับ  http://www.justusers.net/forum/index.php/topic,273.0.html
ขอบคุณเจ้าของกระทู้และผู้ตอบคำถามด้วยครับ

ตรงนี้มีภาพ! แต่ท่านจะมองไม่เห็น , ท่านต้อง  สมัครสมาชิก หรือ ลงชื่อเข้าระบบ

[Auto Man]

ไปแก้ไขที่ไฟล์
Themes/default/BoardIndex.template.php
(หรือธีมอื่นๆ ที่ท่านใช้อยู่)

ค้นหาส่วนนี้

โค๊ด: [Select]

/* Each board in each category's boards has:
new (is it new?), id, name, description, moderators (see below), link_moderators (just a list.),
children (see below.), link_children (easier to use.), children_new (are they new?),
topics (# of), posts (# of), link, href, and last_post. (see below.) */
foreach ($category['boards'] as $board)
{
   echo '
<tr>
   <td ' , !empty($board['children']) ? 'rowspan="2"' : '' , ' class="windowbg" width="6%" align="center" valign="center"><a href="', $scripturl, '?action=unread;board=', $board['id'], '.0">';
แล้วเพิ่มส่วนนี้เข้าไป

โค๊ด: [Select]

// ----------*** Board Icon ***----------
   echo '
   <td class="windowbg" width="6%" align="center" valign="center">
   <img src="', $settings['images_url'], '/boardicons/board' . $board['id'] . '.gif" alt="" title="', $board['name'], '" />
   </td>';
ส่วนนี้คือระบุที่มาของรูปไอค่อนที่จะใช้นะจ๊ะ
/boardicons/

เราจะแก้เองก็ได้ ให้มันไว้ในที่ที่เราต้องการ

ส่วนนี้คือระบุชื่อไฟล์ที่จะตั้งให้โดยอัตโนมัติ
board' . $board['id'] . '.gif"

เช่นของจัสนี่ ก็จะเป็น board00.gif

ส่วนของ id นั่นก็ตามลำดับบอร์ดที่สร้างขึ้นมาเลยจ้ะ


ยกตัวอย่างของจัสนะ
หมวด :: Just Never Die ! :: สร้างมาเป็นลำดับที่ 1 นะ


ไอค่อนประจำบอร์ด ก็จะเป็น

/Themes/default/images/boardicons/board1.gif



ประการฉะนี้แล .... จ้ะ
อิอิ

จากนั้นก็หารูปไอค่อนที่เราปราถนา ไปไว้ในที่ที่สมควร อีกทั้งขนาดไม่ใหญ่เกินไป (เพราะมันโชว์ขนาดจริง)
ไล่ไปตามลำดับหมวดที่สร้างขึ้นมา วางรูปตามชื่อตามลำดับบอร์ดนั้นๆ ไว้ในโฟล์เดอร์ที่อ้างถึง ก็โอเคแล้วหละจ้ะ

?board=1.0       รูป  board1.gif
?board=2.0       รูป  board2.gif
?board=3.0       รูป  board3.gif
.....       .....
?board=10.0       รูป  board10.gif
.....       .....

ถ้าอยากให้ลิงก์ได้ก็แก้โค๊ดเป็น

โค๊ด: [Select]

   <td class="windowbg" width="6%" align="center" valign="center">
   <a href="', $board['href'], '" name="b', $board['id'], '">
   <img src="', $settings['images_url'], '/boardicons/' . $board['id'] . '.gif" alt="" title="', $board['name'], '" />[/url]

[Auto Man]

แจ่มเลยจ้ะ
อิอิ

แต่รูปไม่ใหญ่ไปเหรอหนะ ?

งั้น เอามาฝากอีกซักอันนะจ๊ะ


การวางตำแหน่งไอค่อนบอร์ดให้อยู่ตรงกลาง

แต่เดิม รูปไอค่อนหน้าบอร์ด จะวางในตำแหน่งเช่นนี้ในตาราง

ตรงนี้มีภาพ! แต่ท่านจะมองไม่เห็น , ท่านต้อง  สมัครสมาชิก หรือ ลงชื่อเข้าระบบ


แต่ผู้ทำเว็บบางท่านอาจจะชอบการวางให้ดูสวยงาม ให้อยู่ตรงกลาง
ตรงนี้มีภาพ! แต่ท่านจะมองไม่เห็น , ท่านต้อง  สมัครสมาชิก หรือ ลงชื่อเข้าระบบ


ปรับได้ด้วยการแก้ไขที่ไฟล์ Themes/default/BoardIndex.template.php (หรือธีมอื่นๆ ที่ท่านใช้อยู่)

ค้นหาส่วนนี้

โค๊ด: [Select]

   /* Each board in each category's boards has:
   new (is it new?), id, name, description, moderators (see below), link_moderators (just a list.),
   children (see below.), link_children (easier to use.), children_new (are they new?),
   topics (# of), posts (# of), link, href, and last_post. (see below.) */
   foreach ($category['boards'] as $board)
   {
      echo '
   <tr>
   <td ' , !empty($board['children']) ? 'rowspan="2"' : '' , ' class="windowbg" width="6%"><a href="', $scripturl, '?action=unread;board=', $board['id'], '.0">';
แล้วเพิ่มคำสั่ง align="center" valign="middle" เข้าไป เช่นนี้

โค๊ด: [Select]

   /* Each board in each category's boards has:
   new (is it new?), id, name, description, moderators (see below), link_moderators (just a list.),
   children (see below.), link_children (easier to use.), children_new (are they new?),
   topics (# of), posts (# of), link, href, and last_post. (see below.) */
   foreach ($category['boards'] as $board)
   {
      echo '
   <tr>
   <td ' , !empty($board['children']) ? 'rowspan="2"' : '' , ' class="windowbg" width="6%" align="center" valign="middle"><a href="', $scripturl, '?action=unread;board=', $board['id'], '.0">';
ก็จะได้ผลการแสดงไอค่อนที่อยู่ตรงกลาง ทั้งแนวตั้งและแนวนอน

[Auto Man]

ผมอยากให้อธิบายการใส่ภาพให้ละเอียดหน่อยอะครับ

ผมใส่แล้ว ภาพเหมือนกันทุกห้องเลย

อยากให้เป็นเหมือนของจัสอะครับ

ภาพละห้อง

พอจะเข้าใจมั้ยครับ

อันดับแรก  ไปแก้ไฟล์ Themes/default/BoardIndex.template.php 
ตามขั้นตอนนี้ 
http://www.justusers.net/forum/index.php?topic=273.msg1263#msg1263

หากบอร์ดเพี้ยน  ให้คืนค่าเดิมของไฟล์ทั้งหมด  แล้วทำขั้นตอนนี้แทน
http://www.justusers.net/forum/index.php?topic=273.msg18600#msg18600

พร้อมทั้งไปสร้างโฟลเดอร์  boardicons
ไว้ใน  ธีม/ธีม....ที่บอร์ดใช้/อิมเมจ


จากนั้นไปสร้างไอคอนรูป
?board=1.0     รูป  board1.gif
?board=2.0     รูป  board2.gif
?board=3.0     รูป  board3.gif
.....     .....
?board=10.0     รูป  board10.gif
.....     .....
แล้วอัพไปไว้ใน   ธีม/ธีม....ที่บอร์ดใช้/อิมเมจ/boardicons


ผลที่ออกมาก็จะเหมือนอย่าจัสต์นี้เลย

โดย :  เซียวเหล่งนึ่งฯ
ที่มา... http://www.justusers.net/forum/index.php/topic,273.45.html

[Auto Man]

   ความจริงเขามีมอดให้ แต่ไม่รู้จะเวิร์คมั๊ย ลองไปดูที่กระทู้นี้
- เปลี่ยน Icon หน้าบอร์ด Board Icons SMF

[Auto Man]

   ความจริงเขามีมอดให้ แต่ไม่รู้จะเวิร์คมั๊ย ลองไปดูที่กระทู้นี้
- เปลี่ยน Icon หน้าบอร์ด Board Icons SMF

วันนี้ 1 พฤษภา วันแรงงานแห่งชาติ ได้ทดลองใช้มอดตัวนี้ ต้องบอกว่า "มันได้ผล" แต่ต้องปรับแต่งไอค่อนแต่ละบอร์ด
ยิ่งมีมากเท่าไหร่ ยิ่งต้องใช้เวลามากขึ้นเท่านั้น งานนี้ต้องบอกว่า  ??? ???

   ส่วนการปรับแต่งด้านบนนั้น ก็ใช้ได้ แต่จะได้เฉพาะบอร์ดหลัก(หน้าแรก) ส่วนบอร์ดย่อยๆ จะไม่โชว์

สรุปว่า ใช้มอดตัวที่แนะนำ เวิร์กสุดๆ

[Auto Man]

ฝากไฟล์ไอค่อนประจำบอร์ดเครื่องใช้ไฟฟ้า