ข่าวประชาสัมพันธ์

มาร่วมเป็นกำลังใจให้เว็บด้วยการสมัครสมาชิกวีไอพี ~~ เลือกปีที่ท่านต้องการได้โดยไม่ต้องเรียงปี ~~ ปีละ 350 บาท สมัคร 2 ปีลดเหลือ 600 บาท ~~ มีไลน์กลุ่ม VIP จำนวนหลายร้อยท่าน เอาไว้ปรึกษางานซ่อม ~~ เข้าถึงข้อมูลด้านเทคนิค ข้อมูลเชิงลึกมากมาย.....


ผู้เขียน หัวข้อ: SMF ใส่ภาพ logo ประจำบอร์ด  (อ่าน 941 ครั้ง)

0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้

ออฟไลน์ Auto Man

  • Administrator
  • หัวหน้าศูนย์ซ่อมสร้าง
  • *****
  • เจ้าของกระทู้
  • Joined: ก.ย. 2558
  • กระทู้: 37146
  • สมาชิกลำดับที่ : 1
  • เพศ: ชาย
  • มือผู้ให้ย่อมสูงกว่ามือผู้รับ
    • เว็บชุมชนคนรักช่างยนต์
    • อีเมล์
SMF ใส่ภาพ logo ประจำบอร์ด
« เมื่อ: 11 มีนาคม 2563, 07:53:53 »
  • ขึ้นบน
  • ลงล่าง
  •   ไปตามลิ้งค์ => http://www.jaikonjaunt.com/board/index.php?topic=156.0

    ตรงนี้มีภาพ! แต่ท่านจะมองไม่เห็น , ท่านต้อง  สมัครสมาชิก หรือ ลงชื่อเข้าระบบ
    สวัสดีคุณ...ผู้เยี่ยมชม  กด ❤ ถูกใจโพสท์นี้ หรือยัง...
    ต้องการสมัครสมาชิก VIP สมัครได้ที่นี่...   หรือทาง Line ID: k.sonchai

    ออฟไลน์ Auto Man

    • Administrator
    • หัวหน้าศูนย์ซ่อมสร้าง
    • *****
    • เจ้าของกระทู้
    • Joined: ก.ย. 2558
    • กระทู้: 37146
    • สมาชิกลำดับที่ : 1
    • เพศ: ชาย
    • มือผู้ให้ย่อมสูงกว่ามือผู้รับ
      • เว็บชุมชนคนรักช่างยนต์
      • อีเมล์
    SMF ใส่ภาพ logo ประจำบอร์ด
    « ตอบกลับ #1 เมื่อ: 18 กุมภาพันธ์ 2567, 09:42:13 »
  • ขึ้นบน
  • ลงล่าง
  • จริงๆ หลักการก็เช่นเดียวกันการใส่  banner ครับ เพียงแต่ตัวนี้เราเพิ่มที่ด้านบน
    ผมอ้างอิงตาม Themes default นะครับ เพราะในบอร์ดนี้ใช้ Themes นี้ในการปรับแต่ง

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


    ให้ค้นหา  code สวนนี้
    โค๊ด: [Select]
       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'] . '" />', '[/url]
             </h1>';


    นี่คือส่วนที่ เกี่ยวกับการแสดง logo ของ SMF บอร์ดครับ
    สวัสดีคุณ...ผู้เยี่ยมชม  กด ❤ ถูกใจโพสท์นี้ หรือยัง...
    ต้องการสมัครสมาชิก VIP สมัครได้ที่นี่...   หรือทาง Line ID: k.sonchai

    ออฟไลน์ Auto Man

    • Administrator
    • หัวหน้าศูนย์ซ่อมสร้าง
    • *****
    • เจ้าของกระทู้
    • Joined: ก.ย. 2558
    • กระทู้: 37146
    • สมาชิกลำดับที่ : 1
    • เพศ: ชาย
    • มือผู้ให้ย่อมสูงกว่ามือผู้รับ
      • เว็บชุมชนคนรักช่างยนต์
      • อีเมล์
    SMF ใส่ภาพ logo ประจำบอร์ด
    « ตอบกลับ #2 เมื่อ: 18 กุมภาพันธ์ 2567, 09:44:03 »
  • ขึ้นบน
  • ลงล่าง
  • ต่อไปก็ ทำความรู้จักกับ Code ในส่วนที่เราต้องการจะแทรกเช้าไป

    code ที่ใช้ในการแทรกภาพ จริงแล้วมีแต่นิดเดียวครับ เทคนิคอยู่แทรกในตาราง

    โค๊ด: [Select]
    <TABLE background="Themes/default/images/theme/board.png"  WIDTH="100%" HEIGHT="150">
           <TR>
            <TD>

    แต่จะเพิ่มให้เก๋ขึ้นอีกหน่อย คือ เปลี่ยนรูปตาม id board โดยการใส่ switch case เข้าไปด้วย

    โค๊ด: [Select]
    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>';
    }
    สวัสดีคุณ...ผู้เยี่ยมชม  กด ❤ ถูกใจโพสท์นี้ หรือยัง...
    ต้องการสมัครสมาชิก VIP สมัครได้ที่นี่...   หรือทาง Line ID: k.sonchai

    SMF ใส่ภาพ logo ประจำบอร์ด
    « ตอบกลับ #2 เมื่อ: 18 กุมภาพันธ์ 2567, 09:44:03 »


    ออฟไลน์ Auto Man

    • Administrator
    • หัวหน้าศูนย์ซ่อมสร้าง
    • *****
    • เจ้าของกระทู้
    • Joined: ก.ย. 2558
    • กระทู้: 37146
    • สมาชิกลำดับที่ : 1
    • เพศ: ชาย
    • มือผู้ให้ย่อมสูงกว่ามือผู้รับ
      • เว็บชุมชนคนรักช่างยนต์
      • อีเมล์
    SMF ใส่ภาพ logo ประจำบอร์ด
    « ตอบกลับ #3 เมื่อ: 18 กุมภาพันธ์ 2567, 09:45:40 »
  • ขึ้นบน
  • ลงล่าง
  • Code ที่สมบูรณ์หลังจากการ ควบคุมเรื่องตำแหน่งให้สวยงาม

    โค๊ด: [Select]
    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'] . '" />', '[/url]
             </h1>';
    สวัสดีคุณ...ผู้เยี่ยมชม  กด ❤ ถูกใจโพสท์นี้ หรือยัง...
    ต้องการสมัครสมาชิก VIP สมัครได้ที่นี่...   หรือทาง Line ID: k.sonchai

    ออฟไลน์ Auto Man

    • Administrator
    • หัวหน้าศูนย์ซ่อมสร้าง
    • *****
    • เจ้าของกระทู้
    • Joined: ก.ย. 2558
    • กระทู้: 37146
    • สมาชิกลำดับที่ : 1
    • เพศ: ชาย
    • มือผู้ให้ย่อมสูงกว่ามือผู้รับ
      • เว็บชุมชนคนรักช่างยนต์
      • อีเมล์
    SMF ใส่ภาพ logo ประจำบอร์ด
    « ตอบกลับ #4 เมื่อ: 18 กุมภาพันธ์ 2567, 09:46:10 »
  • ขึ้นบน
  • ลงล่าง
  • Code ที่สมบูรณ์หลังจากการ ควบคุมเรื่องตำแหน่งให้สวยงาม

    อ้างถึง
    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'] . '" />', '[/url]
             </h1>';
    สวัสดีคุณ...ผู้เยี่ยมชม  กด ❤ ถูกใจโพสท์นี้ หรือยัง...
    ต้องการสมัครสมาชิก VIP สมัครได้ที่นี่...   หรือทาง Line ID: k.sonchai

    ออฟไลน์ Auto Man

    • Administrator
    • หัวหน้าศูนย์ซ่อมสร้าง
    • *****
    • เจ้าของกระทู้
    • Joined: ก.ย. 2558
    • กระทู้: 37146
    • สมาชิกลำดับที่ : 1
    • เพศ: ชาย
    • มือผู้ให้ย่อมสูงกว่ามือผู้รับ
      • เว็บชุมชนคนรักช่างยนต์
      • อีเมล์
    SMF ใส่ภาพ logo ประจำบอร์ด
    « ตอบกลับ #5 เมื่อ: 18 กุมภาพันธ์ 2567, 09:47:53 »
  • ขึ้นบน
  • ลงล่าง
  •    ใครสนใจเอาไปลองปรับใช้กันดูนะครับ ผมพยายามแยกส่วนการทำงานให้ดูเท่าที่คิดว่าจะมีประโยชน์ เพราะในส่วนการทำงานลึกๆ ของแต่ละFunction ผมก็ไม่ได้เข้าไปแกะและปรับเปลี่ยน เพื่อความสะดวกในการ update version ต่อไปครับ

    ข้อมูลมาจากที่นี่...
    สวัสดีคุณ...ผู้เยี่ยมชม  กด ❤ ถูกใจโพสท์นี้ หรือยัง...
    ต้องการสมัครสมาชิก VIP สมัครได้ที่นี่...   หรือทาง Line ID: k.sonchai

    SMF ใส่ภาพ logo ประจำบอร์ด
    « ตอบกลับ #5 เมื่อ: 18 กุมภาพันธ์ 2567, 09:47:53 »