หมวดไฟฟ้า/อิเล็กทรอนิกส์/คอมพิวเตอร์ => Programming => ห้องคอมพิวเตอร์ => ห้อง SMF 2.0.X => ข้อความที่เริ่มโดย: Auto Man ที่ 30 เมษายน 2559, 11:37:28
-
พอใช้งานมาสักระยะหนึ่ง เราจะพบว่ารูปที่แสดงแต่ละบอร์ด จะเหมือนๆ กัน ดูแล้วไม่ได้สื่อความหมายอะไร
และทำให้เกิดการเบื่อหน่ายด้วย ดังนั้นเรามาดูวิธีการปรับแต่ง (โมดิฟาย = Modify) ในส่วนนี้กัน
ตรงนี้มีภาพ! แต่ท่านจะมองไม่เห็น , ท่านต้อง สมัครสมาชิก หรือ ลงชื่อเข้าระบบ
(http://upic.me/show/58387110)
ขออ้างอิงไปยังกระทู้นี้ครับ http://www.justusers.net/forum/index.php/topic,273.0.html
ขอบคุณเจ้าของกระทู้และผู้ตอบคำถามด้วยครับ
ตรงนี้มีภาพ! แต่ท่านจะมองไม่เห็น , ท่านต้อง สมัครสมาชิก หรือ ลงชื่อเข้าระบบ
(http://upic.me/show/58387114)
-
ไปแก้ไขที่ไฟล์
Themes/default/BoardIndex.template.php
(หรือธีมอื่นๆ ที่ท่านใช้อยู่)
ค้นหาส่วนนี้
/* 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">';
แล้วเพิ่มส่วนนี้เข้าไป
// ----------*** 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
..... .....
ถ้าอยากให้ลิงก์ได้ก็แก้โค๊ดเป็น
<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'], '" /></a>
-
แจ่มเลยจ้ะ
อิอิ
แต่รูปไม่ใหญ่ไปเหรอหนะ ?
งั้น เอามาฝากอีกซักอันนะจ๊ะ
การวางตำแหน่งไอค่อนบอร์ดให้อยู่ตรงกลาง
แต่เดิม รูปไอค่อนหน้าบอร์ด จะวางในตำแหน่งเช่นนี้ในตาราง
ตรงนี้มีภาพ! แต่ท่านจะมองไม่เห็น , ท่านต้อง สมัครสมาชิก หรือ ลงชื่อเข้าระบบ
แต่ผู้ทำเว็บบางท่านอาจจะชอบการวางให้ดูสวยงาม ให้อยู่ตรงกลาง
ตรงนี้มีภาพ! แต่ท่านจะมองไม่เห็น , ท่านต้อง สมัครสมาชิก หรือ ลงชื่อเข้าระบบ
ปรับได้ด้วยการแก้ไขที่ไฟล์ Themes/default/BoardIndex.template.php (หรือธีมอื่นๆ ที่ท่านใช้อยู่)
ค้นหาส่วนนี้
/* 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" เข้าไป เช่นนี้
/* 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">';
ก็จะได้ผลการแสดงไอค่อนที่อยู่ตรงกลาง ทั้งแนวตั้งและแนวนอน
-
ผมอยากให้อธิบายการใส่ภาพให้ละเอียดหน่อยอะครับ
ผมใส่แล้ว ภาพเหมือนกันทุกห้องเลย
อยากให้เป็นเหมือนของจัสอะครับ
ภาพละห้อง
พอจะเข้าใจมั้ยครับ
อันดับแรก ไปแก้ไฟล์ 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
-
ความจริงเขามีมอดให้ แต่ไม่รู้จะเวิร์คมั๊ย ลองไปดูที่กระทู้นี้
- เปลี่ยน Icon หน้าบอร์ด Board Icons SMF (http://www.auto-nkp.com/index.php?topic=1194.0)
-
ความจริงเขามีมอดให้ แต่ไม่รู้จะเวิร์คมั๊ย ลองไปดูที่กระทู้นี้
- เปลี่ยน Icon หน้าบอร์ด Board Icons SMF (http://www.auto-nkp.com/index.php?topic=1194.0)
วันนี้ 1 พฤษภา วันแรงงานแห่งชาติ ได้ทดลองใช้มอดตัวนี้ ต้องบอกว่า "มันได้ผล" แต่ต้องปรับแต่งไอค่อนแต่ละบอร์ด
ยิ่งมีมากเท่าไหร่ ยิ่งต้องใช้เวลามากขึ้นเท่านั้น งานนี้ต้องบอกว่า ??? ???
ส่วนการปรับแต่งด้านบนนั้น ก็ใช้ได้ แต่จะได้เฉพาะบอร์ดหลัก(หน้าแรก) ส่วนบอร์ดย่อยๆ จะไม่โชว์
สรุปว่า ใช้มอดตัวที่แนะนำ เวิร์กสุดๆ
-
ฝากไฟล์ไอค่อนประจำบอร์ดเครื่องใช้ไฟฟ้า