การย้ายช่องข้อมูลส่วนตัวด้านข้างกระทู้

[LittleCat]

การย้ายช่องข้อมูลส่วนตัวด้านข้างกระทู้

เรามาลองดูกันนะ ว่าแก้ไขอะไรยังไงกันบ้าง
แต่เดิมธีมดีฟอลต์จะโชว์แบบนี้


ในส่วนที่วงสีแดงเอาไว้ คือส่วนของข้อมูลส่วนตัว ซึ่งเริ่มตั้งแต่บรรทัดที่ 262 (หรือไล่ๆ กัน) ในไฟล์ Display.template.php ไปจนถึงบรรทัดที่ 369


// Show information about the poster of this message.
ไปถึงก่อนหน้า
// Done with the information about the poster... on to the post itself.

ทีนี้เราลองมาปิดการใช้งานท่อนนี้ดู โดยการเติม /* และ */


แต่ปิดแค่นี้จะทำให้หน้าบอร์ดเพี้ยนไป เพราะคำสั่ง <table> มันถูกตัดไปหนึ่ง ก่อนบรรทัด
// Done with the information about the poster... on to the post itself.


ดังนั้นเราจะต้องเพิ่มคำสั่ง<table> คืนให้มันด้วย ก็จะได้เช่นนี้




ทีนี้ แล้วตรงส่วนของช่องว่างๆ นั่นหละ จะทำยังไง?

นั่นเป็นเพราะว่า มันมีคำสั่งคอลัมน์อยู่ตรงนั้นหนึ่งคู่ หากเราลบมันทิ้ง มันก็จะหายไป
(</div> ที่เห็นนั่น เป็นคำสั่งปิดสืบเนื่องมาจากด้านบน บรรทัดที่ 268 ที่ถูกปิดคำสั่งไป)

[LittleCat]

ทีนี้ก็ถึงขั้นตอนการเพิ่มข้อมูลส่วนตัวนี้ไว้ที่ใหม่ ให้นำคำสั่งทั้งหมดที่เราเพิ่งปิดคำสั่งไปเมื่อครู่นี้ ก๊อบไปวางไว้ที่ใหม่ที่ต้องการ
ตั้งแต่ // Show information about the poster of this message. ไปถึง </a>’; ก่อนหน้า // Done with the information about the poster... on to the post itself.

ถ้าเราต้องการเพิ่มไว้ด้านบนของหัวข้อกระทู้ ก็ให้วางโค้ดท่อนนี้ไว้ในระหว่าง  // Done with the information about the poster... on to the post itself. (เริ่มต้นหัวข้อกระทู้)

ก่อนอื่นมาดูกันก่อนว่า ส่วนไหนคืออะไรบ้าง


ไตเติ้ลส่วนตัว

      // Show the member's custom title, if they have one.
      if (isset($message['member']['title']) && $message['member']['title'] != '')
         echo '
                        ', $message['member']['title'], '<br />';

สถานะตำแหน่ง

      // Show the member's primary group (like 'Administrator') if they have one.
      if (isset($message['member']['group']) && $message['member']['group'] != '')
         echo '
                        ', $message['member']['group'], '<br />';

รูปดาวประจำตำแหน่ง

         // Show the post group if and only if they have no other group or the option is on, and they are in a post group.
         if ((empty($settings['hide_post_group']) || $message['member']['group'] == '') && $message['member']['post_group'] != '')
            echo '
                        ', $message['member']['post_group'], '<br />';
         echo '
                        ', $message['member']['group_stars'], '<br />';

การ์ม่า

         // Is karma display enabled?  Total or +/-?
         if ($modSettings['karmaMode'] == '1')
            echo '
                        <br />
                        ', $modSettings['karmaLabel'], ' ', $message['member']['karma']['good'] - $message['member']['karma']['bad'], '<br />';
         elseif ($modSettings['karmaMode'] == '2')
            echo '
                        <br />
                        ', $modSettings['karmaLabel'], ' +', $message['member']['karma']['good'], '/-', $message['member']['karma']['bad'], '<br />';

         // Is this user allowed to modify this member's karma?
         if ($message['member']['karma']['allow'])
            echo '
                        <a href="', $scripturl, '?action=modifykarma;sa=applaud;uid=', $message['member']['id'], ';topic=', $context['current_topic'], '.' . $context['start'], ';m=', $message['id'], ';sesc=', $context['session_id'], '">', $modSettings['karmaApplaudLabel'], '</a>
                        <a href="', $scripturl, '?action=modifykarma;sa=smite;uid=', $message['member']['id'], ';topic=', $context['current_topic'], '.', $context['start'], ';m=', $message['id'], ';sesc=', $context['session_id'], '">', $modSettings['karmaSmiteLabel'], '</a><br />';

สถานะออน/ออฟไลน์

         // Show online and offline buttons?
         if (!empty($modSettings['onlineEnable']) && !$message['member']['is_guest'])
            echo '
                        ', $context['can_send_pm'] ? '<a href="' . $message['member']['online']['href'] . '" title="' . $message['member']['online']['label'] . '">' : '', $settings['use_image_buttons'] ? '<img src="' . $message['member']['online']['image_href'] . '" alt="' . $message['member']['online']['text'] . '" border="0" style="margin-top: 2px;" />' : $message['member']['online']['text'], $context['can_send_pm'] ? '</a>' : '', $settings['use_image_buttons'] ? '<span class="smalltext"> ' . $message['member']['online']['text'] . '</span>' : '', '<br /><br />';

เพศ

         // Show the member's gender icon?
         if (!empty($settings['show_gender']) && $message['member']['gender']['image'] != '')
            echo '
                        ', $txt[231], ': ', $message['member']['gender']['image'], '<br />';

โชว์จำนวนกระทู้ของสมาชิก

         // Show how many posts they have made.
         echo '
                        ', $txt[26], ': ', $message['member']['posts'], '<br />
                        <br />';

รูปอเวเตอร์

         // Show avatars, images, etc.?
         if (!empty($settings['show_user_images']) && empty($options['show_no_avatars']) && !empty($message['member']['avatar']['image']))
            echo '
                        <div style="overflow: auto; width: 100%;">', $message['member']['avatar']['image'], '</div><br />';

ข้อความส่วนบุคคล

         // Show their personal text?
         if (!empty($settings['show_blurb']) && $message['member']['blurb'] != '')
            echo '
                        ', $message['member']['blurb'], '<br />
                        <br />';

[LittleCat]

ข้อมูลอื่นๆ ที่สมาชิกจะกรอกไว้ เช่น msn, icq, ฯลฯ

         // This shows the popular messaging icons.
         echo '
                        ', $message['member']['icq']['link'], '
                        ', $message['member']['msn']['link'], '
                        ', $message['member']['aim']['link'], '
                        ', $message['member']['yim']['link'], '<br />';

ไอค่อนข้อมูลส่วนตัว

            // Don't show the profile button if you're not allowed to view the profile.
            if ($message['member']['can_view_profile'])
               echo '
                        <a href="', $message['member']['href'], '">', ($settings['use_image_buttons'] ? '<img src="' . $settings['images_url'] . '/icons/profile_sm.gif" alt="' . $txt[27] . '" title="' . $txt[27] . '" border="0" />' : $txt[27]), '</a>';

ไอค่อนเว็บไซต์

            // Don't show an icon if they haven't specified a website.
            if ($message['member']['website']['url'] != '')
               echo '
                        <a href="', $message['member']['website']['url'], '" title="' . $message['member']['website']['title'] . '" target="_blank">', ($settings['use_image_buttons'] ? '<img src="' . $settings['images_url'] . '/www_sm.gif" alt="' . $txt[515] . '" border="0" />' : $txt[515]), '</a>';

ไอค่อนอีเมล์

            // Don't show the email address if they want it hidden.
            if (empty($message['member']['hide_email']))
               echo '
                        <a href="mailto:', $message['member']['email'], '">', ($settings['use_image_buttons'] ? '<img src="' . $settings['images_url'] . '/email_sm.gif" alt="' . $txt[69] . '" title="' . $txt[69] . '" border="0" />' : $txt[69]), '</a>';

ไอค่อนพีเอ็ม

            // Since we know this person isn't a guest, you *can* message them.
            if ($context['can_send_pm'])
               echo '
                        <a href="', $scripturl, '?action=pm;sa=send;u=', $message['member']['id'], '" title="', $message['member']['online']['label'], '">', $settings['use_image_buttons'] ? '<img src="' . $settings['images_url'] . '/im_' . ($message['member']['online']['is_online'] ? 'on' : 'off') . '.gif" alt="' . $message['member']['online']['label'] . '" border="0" />' : $message['member']['online']['label'], '</a>';

ไอค่อนอีเมล์ของบุคคลทั่วไป

      // Otherwise, show the guest's email.
      elseif (empty($message['member']['hide_email']))
         echo '
                        <br />
                        <br />
                        <a href="mailto:', $message['member']['email'], '">', ($settings['use_image_buttons'] ? '<img src="' . $settings['images_url'] . '/email_sm.gif" alt="' . $txt[69] . '" title="' . $txt[69] . '" border="0" />' : $txt[69]), '</a>';

ไอค่อนประจำกระทู้

                        <td valign="middle"><a href="', $message['href'], '"><img src="', $message['icon_url'] . '" alt="" border="0" /></a></td>

ชื่อหัวข้อกระทู้

                           <div style="font-weight: bold;" id="subject_', $message['id'], '">
                              <a href="', $message['href'], '">', $message['subject'], '</a>
                           </div>

นัมเบอร์ วันที่ และเวลา ของรีไพล

      // If this is the first post, (#0) just say when it was posted - otherwise give the reply #.
      echo '
                           <div class="smalltext">&#171; <b>', !empty($message['counter']) ? $txt[146] . ' #' . $message['counter'] : '', ' ', $txt[30], ':</b> ', $message['time'], ' &#187;</div></td>
                        <td align="', !$context['right_to_left'] ? 'right' : 'left', '" valign="bottom" height="20" style="font-size: smaller;">';

ไอค่อน “อ้างถึง”

      // Can they reply? Have they turned on quick reply?
      if ($context['can_reply'] && !empty($options['display_quick_reply']))
         echo '
               <a href="', $scripturl, '?action=post;quote=', $message['id'], ';topic=', $context['current_topic'], '.', $context['start'], ';num_replies=', $context['num_replies'], ';sesc=', $context['session_id'], '" onclick="doQuote(', $message['id'], ', \'', $context['session_id'], '\'); return false;">', $reply_button, '</a>';

      // So... quick reply is off, but they *can* reply?
      elseif ($context['can_reply'])
         echo '
               <a href="', $scripturl, '?action=post;quote=', $message['id'], ';topic=', $context['current_topic'], '.', $context['start'], ';num_replies=', $context['num_replies'], ';sesc=', $context['session_id'], '">', $reply_button, '</a>';

ไอค่อน “แก้ไข”

      // Can the user modify the contents of this post?
      if ($message['can_modify'])
         echo '
               <a href="', $scripturl, '?action=post;msg=', $message['id'], ';topic=', $context['current_topic'], '.', $context['start'], ';sesc=', $context['session_id'], '">', $modify_button, '</a>';

ไอค่อน “ลบทิ้ง”

      // How about... even... remove it entirely?!
      if ($message['can_remove'])
         echo '
               <a href="', $scripturl, '?action=deletemsg;topic=', $context['current_topic'], '.', $context['start'], ';msg=', $message['id'], ';sesc=', $context['session_id'], '" onclick="return confirm(\'', $txt[154], '?\');">', $remove_button, '</a>';

ไอค่อน “แยกหัวข้อ”

      // What about splitting it off the rest of the topic?
      if ($context['can_split'])
         echo '
               <a href="', $scripturl, '?action=splittopics;topic=', $context['current_topic'], '.0;at=', $message['id'], '">', $split_button, '</a>';

กล่องติ๊ก

      // Show a checkbox for quick moderation?
      if (!empty($options['display_quick_mod']) && $options['display_quick_mod'] == 1 && $message['can_remove'])
         echo '
                           <input type="checkbox" name="msgs[]" value="', $message['id'], '" class="check" ', empty($settings['use_tabs']) ? 'onclick="document.getElementById(\'quickmodSubmit\').style.display = \'\';"' : '', ' />';

[LittleCat]

เริ่มจากตรงนี้ก็จะเป็นเนื้อหาของกระทู้

      // Show the post itself, finally!
      echo '
                        </td>
                     </tr></table>

ฉะนั้นถ้าเราจะแก้ไขอะไร ก็ต้องแก้ไขก่อนท่อนนี้


ทีนี้ก็ลองเริ่มจับยัดข้อมูลส่วนบุคคลกันหละ ตรงนี้เราต้องระวังเรื่องโค้ดเปิดปิด และโค้ดตารางกันด้วย อย่าให้ขาดให้เกิน ไม่งั้นหน้าบอร์ดจะเพี้ยนทันที

ส่วนของ <table> ที่เริ่มตั้งแต่ตรงนี้


ไปถึง

      // Show the post itself, finally!
      echo '
                        </td>
                     </tr></table>

คือส่วนของหัวกระทู้ ส่วนของข้อมูลส่วนบุคคลที่เราต้องการแทรก ก็สามารถแทรกได้ระหว่างนี้
เมื่อแทรกข้อมูลที่ต้องการแล้ว ข้อมูลส่วนบุคคลก็จะขึ้นไปอยู่ด้านบนเช่นนี้




ทีนี้ก็เหลือแค่การจัดวางตำแหน่งให้มันดูงาม สิ่งสำคัญคือการจัดวาง <tr><td> echo’ ’;  ทั้งหลาย

ตัวอย่าง



หรือ




สุดท้าย เราก็สามารถเลียนแบบธีมที่เขาทำมาสำเร็จรูปแล้วได้


ที่สำคัญ อย่าลืมแบ็คอัพไฟล์ก่อนยำ เผื่อทำมันเละ เอิ๊กๆ



มามะ มาปวดหมองด้วยกัน

[iamday]

  ตาลาย

ไม่ใช่น้อยเลยนะครับ
 

ทำบทความแบบนี้
ยากจริงๆ ต้องคิด ต้องทำ ต้องพริ้นสกรีน ต้องครอปภาพ ต้องอัปภาพ เอาโค๊ดมาวาง
แล้วยังมานั่งเรียบเรียง เขียนยังไงให้คนเข้าใจ จนทำได้
สุดยอดครับ
ขอบคุณครับ

[เซียวเหล่งนึ่งฯ]

ตาลายอิ๊บอ๋าย กว่าจะทำเสร็จ 55+

[P a n d a]

เก่งมากครับ  

[expact]

จัดเข้ากลางแบบ zone-it ยังไงครับ

ของผมมันชิดซ้ายอ่ะครับ



แถมที่แสดง browser ยิ่งดีเลยครับ ขอบคุณครับ

[LittleCat]

จัดเข้ากลางแบบ zone-it ยังไงครับ

ของผมมันชิดซ้ายอ่ะครับ

ก็แก้ตรง align=left เป็น middle จ้ะ ลองดูนะ