Author Topic: SMF ใส่ภาพ logo ประจำบอร์ด  (Read 9952 times)

Offline Phoenix

  • Administrator
  • เซียน
  • *****
  • Posts: 1551
SMF ใส่ภาพ logo ประจำบอร์ด
« on: September 19, 2011, 07:43:08 PM »
การใส่รูปประจำบอร์ด โดยการใส่รูปสวยๆ หรือรูปที่สื่อถือเนื้อหาในบอร์ด
เป็นอีกหนึ่ง วิธีการเพิ่มเติมให้ บอร์ดของเราน่าสนใจขึ้นกว่ารูปแบบบมาตรฐานของ Themes ของ smf ที่ใช้อยู่
อย่างเช่นบอร์ดหัวใจออนทัว เราก็อยากสร้างเอกลักษณ์  ด้วยการใส่รูปที่หัวบอร์ดเพื่อให้สมาชิกสามารถดูได้ง่ายว่าตัวเองอยู่บอร์ดไหน แม้จะใช้ Theames เดียวกัน
ตามองดาว เท้าย่ำโคลน

Offline Phoenix

  • Administrator
  • เซียน
  • *****
  • Posts: 1551
Re: SMF ใส่ภาพ logo ประจำบอร์ด
« Reply #1 on: September 19, 2011, 07:48:48 PM »
จริงๆ หลักการก็เช่นเดียวกันการใส่  banner ครับ เพียงแต่ตัวนี้เราเพิ่มที่ด้านบน
ผมอ้างอิงตาม Themes default นะครับ เพราะในบอร์ดนี้ใช้ Themes นี้ในการปรับแต่ง

ไฟล์ชื่อ index.template.php
ตำแหน่งของไฟล์ Themes\default

ให้ค้นหา  code สวนนี้
Quote

   echo !empty($settings['forum_width']) ? '
<div id="wrapper" style="width: ' . $settings['forum_width'] . '">' : '', '
   <div id="header"><div class="frame">
      <div id="top_section"> '.$board_pic.'
         <h1 class="forumtitle">
            <a href="', $scripturl, '">', empty($settings['header_logo_url']) ? $context['forum_name'] : '<img src="' . $settings['header_logo_url'] . '" alt="' . $context['forum_name'] . '" />', '</a>
         </h1>';


นี่คือส่วนที่ เกี่ยวกับการแสดง logo ของ SMF บอร์ดครับ
ตามองดาว เท้าย่ำโคลน

Offline Phoenix

  • Administrator
  • เซียน
  • *****
  • Posts: 1551
Re: SMF ใส่ภาพ logo ประจำบอร์ด
« Reply #2 on: September 19, 2011, 07:54:47 PM »
ต่อไปก็ ทำความรู้จักกับ Code ในส่วนที่เราต้องการจะแทรกเช้าไป

code ที่ใช้ในการแทรกภาพ จริงแล้วมีแต่นิดเดียวครับ เทคนิคอยู่แทรกในตาราง
Quote
<TABLE background="Themes/default/images/theme/board.png"  WIDTH="100%" HEIGHT="150">
       <TR>
        <TD>

แต่จะเพิ่มให้เก๋ขึ้นอีกหน่อย คือ เปลี่ยนรูปตาม id board โดยการใส่ switch case เข้าไปด้วย
Quote
switch ($context['current_board']) {
   case 1 : //คเนจร
$board_pic='<TABLE background="Themes/default/images/theme/board.png"  WIDTH="100%" HEIGHT="150">
       <TR>
        <TD>';
        break;

case 2 : //ชมรมจักรยาน จ.ระนอง
$board_pic='<TABLE background="Themes/default/images/theme/bike.png"  WIDTH="100%" HEIGHT="150">
       <TR>
        <TD>';
        break;
   case 5 : //คนรักชูก้าร์
$board_pic='<TABLE background="Themes/default/images/theme/winny2.png"  WIDTH="100%" HEIGHT="150">
       <TR>
        <TD>';
        break;
   case 6 : //technic_energy
$board_pic='<TABLE background="Themes/default/images/theme/technic_energy.png"  WIDTH="100%" HEIGHT="150">
       <TR>
        <TD>';
        break;
   default :
$board_pic='<TABLE background="Themes/default/images/theme/board.png"  WIDTH="100%" HEIGHT="150">
       <TR>
        <TD>';
}
ตามองดาว เท้าย่ำโคลน

Offline Phoenix

  • Administrator
  • เซียน
  • *****
  • Posts: 1551
Re: SMF ใส่ภาพ logo ประจำบอร์ด
« Reply #3 on: September 19, 2011, 07:56:27 PM »
Code ที่สมบูรณ์หลังจากการ ควบคุมเรื่องตำแหน่งให้สวยงาม
Quote
function template_body_above()
{
   global $context, $settings, $options, $scripturl, $txt, $modSettings;


///////////edite by phoenix//////////////
$board_pic_end='</h1>
         </TD>
      </TR>
   </TABLE>';
switch ($context['current_board']) {
   case 1 : //¤à¹¨Ã
$board_pic='<TABLE background="Themes/default/images/theme/board.png"  WIDTH="100%" HEIGHT="150">
       <TR>
        <TD>';
        break;

case 2 : //ªÁÃÁ¨Ñ¡ÃÂÒ¹ ¨.Ãйͧ
$board_pic='<TABLE background="Themes/default/images/theme/bike.png"  WIDTH="100%" HEIGHT="150">
       <TR>
        <TD>';
        break;
   case 5 : //¤¹ÃÑ¡ªÙ¡éÒÃì
$board_pic='<TABLE background="Themes/default/images/theme/winny2.png"  WIDTH="100%" HEIGHT="150">
       <TR>
        <TD>';
        break;
   case 6 : //technic_energy
$board_pic='<TABLE background="Themes/default/images/theme/technic_energy.png"  WIDTH="100%" HEIGHT="150">
       <TR>
        <TD>';
        break;
   default :
$board_pic='<TABLE background="Themes/default/images/theme/board.png"  WIDTH="100%" HEIGHT="150">
       <TR>
        <TD>';
}
///////////edite by phoenix//////////////



   echo !empty($settings['forum_width']) ? '
<div id="wrapper" style="width: ' . $settings['forum_width'] . '">' : '', '
   <div id="header"><div class="frame">
      <div id="top_section"> '.$board_pic.'
         <h1 class="forumtitle">
            <a href="', $scripturl, '">', empty($settings['header_logo_url']) ? $context['forum_name'] : '<img src="' . $settings['header_logo_url'] . '" alt="' . $context['forum_name'] . '" />', '</a>
         </h1>';
ตามองดาว เท้าย่ำโคลน

Offline Phoenix

  • Administrator
  • เซียน
  • *****
  • Posts: 1551
Re: SMF ใส่ภาพ logo ประจำบอร์ด
« Reply #4 on: September 19, 2011, 07:58:20 PM »
ใครสนใจเอาไปลองปรับใช้กันดูนะครับ ผมพยายามแยกส่วนการทำงานให้ดูเท่าที่คิดว่าจะมีประโยชน์ เพราะในส่วนการทำงานลึกๆ ของแต่ละFunction ผมก็ไม่ได้เข้าไปแกะและปรับเปลี่ยน เพื่อความสะดวกในการ update version ต่อไปครับ
ตามองดาว เท้าย่ำโคลน

Offline sbolover

  • คนผ่านทาง
  • *
  • Posts: 2
Re: SMF ใส่ภาพ logo ประจำบอร์ด
« Reply #5 on: January 09, 2012, 03:14:15 PM »
ขอบคุณมากครับ
ดูกีฬา,เช็คผลบอลผ่าน SBOTV SBONews
SBOsports

Offline mosai

  • เรียนรู้โลกกว้าง
  • **
  • Posts: 47
Re: SMF ใส่ภาพ logo ประจำบอร์ด
« Reply #6 on: January 19, 2012, 09:21:09 AM »
อ๋อ ....ขอบใจม๊ากมาก
ออกแบบเว็บ รับออกแบบเว็บไซต์ สวยงาม และ รับทำ Adwords โปรโมทเว็บไซต์ รับทำ SEO รวดเร็วทันใจ รับโปรโมทเว็บ