Home Webboard ArticlesKnowledges  
ข่าวประกาศ:

:: กติกา มารยาท ในการใช้งานเว็บบอร์ด ::
กรุณากรอกอีเมล์จริงในการสมัคร และรับอีเมล์ยืนยันเพื่อใช้งานในบอร์ด

ผู้เขียน หัวข้อ: การย้ายช่องข้อมูลส่วนตัวด้านข้างกระทู้  (อ่าน 13401 ครั้ง)

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

ออฟไลน์ LittleCat

  • ไม่เต็มบาท
  • Administrator
  • *
  • กระทู้: 1608
  • เห็นด้วย&ขอบคุณ: 434
  • ตามโลกไม่ทัน
    • บอร์ดแมวเมา
การย้ายช่องข้อมูลส่วนตัวด้านข้างกระทู้

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


ในส่วนที่วงสีแดงเอาไว้ คือส่วนของข้อมูลส่วนตัว ซึ่งเริ่มตั้งแต่บรรทัดที่ 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 ที่ถูกปิดคำสั่งไป)

« แก้ไขครั้งสุดท้าย: 19, ธันวาคม 2009, 09:01:27 PM โดย LittleCat »


อย่าคิดว่าตนเองเก่ง อย่าคิดว่าคนอื่นขาดตนเองไม่ได้ -- หลักการในการทำงานของแมวขี้เมา

ออฟไลน์ LittleCat

  • ไม่เต็มบาท
  • Administrator
  • *
  • กระทู้: 1608
  • เห็นด้วย&ขอบคุณ: 434
  • ตามโลกไม่ทัน
    • บอร์ดแมวเมา
Re: การย้ายช่องข้อมูลส่วนตัวด้านข้างกระทู้
« ตอบกลับ #1 เมื่อ: 19, ธันวาคม 2009, 09:09:11 PM »
ทีนี้ก็ถึงขั้นตอนการเพิ่มข้อมูลส่วนตัวนี้ไว้ที่ใหม่ ให้นำคำสั่งทั้งหมดที่เราเพิ่งปิดคำสั่งไปเมื่อครู่นี้ ก๊อบไปวางไว้ที่ใหม่ที่ต้องการ
ตั้งแต่ // 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

  • ไม่เต็มบาท
  • Administrator
  • *
  • กระทู้: 1608
  • เห็นด้วย&ขอบคุณ: 434
  • ตามโลกไม่ทัน
    • บอร์ดแมวเมา
Re: การย้ายช่องข้อมูลส่วนตัวด้านข้างกระทู้
« ตอบกลับ #2 เมื่อ: 19, ธันวาคม 2009, 09:10:03 PM »
ข้อมูลอื่นๆ ที่สมาชิกจะกรอกไว้ เช่น 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

  • ไม่เต็มบาท
  • Administrator
  • *
  • กระทู้: 1608
  • เห็นด้วย&ขอบคุณ: 434
  • ตามโลกไม่ทัน
    • บอร์ดแมวเมา
Re: การย้ายช่องข้อมูลส่วนตัวด้านข้างกระทู้
« ตอบกลับ #3 เมื่อ: 19, ธันวาคม 2009, 09:14:51 PM »
เริ่มจากตรงนี้ก็จะเป็นเนื้อหาของกระทู้
อ้างถึง
      // Show the post itself, finally!
      echo '
                        </td>
                     </tr></table>



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


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

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


ไปถึง
อ้างถึง
      // Show the post itself, finally!
      echo '
                        </td>
                     </tr></table>


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




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

ตัวอย่าง



หรือ




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


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



มามะ มาปวดหมองด้วยกัน
อย่าคิดว่าตนเองเก่ง อย่าคิดว่าคนอื่นขาดตนเองไม่ได้ -- หลักการในการทำงานของแมวขี้เมา

ออฟไลน์ iamday

  • ระหว่างคืน ระหว่างวัน ระหว่างทาง
  • Just Member
  • *****
  • กระทู้: 237
  • เห็นด้วย&ขอบคุณ: 135
  • ฉันฝันว่าฉันตาย
Re: การย้ายช่องข้อมูลส่วนตัวด้านข้างกระทู้
« ตอบกลับ #4 เมื่อ: 19, ธันวาคม 2009, 09:42:18 PM »
 :cheesy: ตาลาย

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

ทำบทความแบบนี้
ยากจริงๆ ต้องคิด ต้องทำ ต้องพริ้นสกรีน ต้องครอปภาพ ต้องอัปภาพ เอาโค๊ดมาวาง
แล้วยังมานั่งเรียบเรียง เขียนยังไงให้คนเข้าใจ จนทำได้
สุดยอดครับ
ขอบคุณครับ
« แก้ไขครั้งสุดท้าย: 19, ธันวาคม 2009, 09:45:31 PM โดย iamdayphoto »

ออฟไลน์ เซียวเหล่งนึ่งฯ

  • Global Moderator
  • *
  • กระทู้: 5547
  • เห็นด้วย&ขอบคุณ: 2148
    • SMFjusthost.com
Re: การย้ายช่องข้อมูลส่วนตัวด้านข้างกระทู้
« ตอบกลับ #5 เมื่อ: 20, ธันวาคม 2009, 11:11:05 PM »
ตาลายอิ๊บอ๋าย กว่าจะทำเสร็จ 55+

P a n d a

  • บุคคลทั่วไป
Re: การย้ายช่องข้อมูลส่วนตัวด้านข้างกระทู้
« ตอบกลับ #6 เมื่อ: 28, ธันวาคม 2009, 08:53:25 PM »
เก่งมากครับ  :adore:

ออฟไลน์ expact

  • Ju
  • *
  • กระทู้: 31
  • เห็นด้วย&ขอบคุณ: 2
Re: การย้ายช่องข้อมูลส่วนตัวด้านข้างกระทู้
« ตอบกลับ #7 เมื่อ: 28, ธันวาคม 2009, 09:41:55 PM »
จัดเข้ากลางแบบ zone-it ยังไงครับ

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



แถมที่แสดง browser ยิ่งดีเลยครับ ขอบคุณครับ
« แก้ไขครั้งสุดท้าย: 28, ธันวาคม 2009, 10:23:15 PM โดย expact »

ออฟไลน์ LittleCat

  • ไม่เต็มบาท
  • Administrator
  • *
  • กระทู้: 1608
  • เห็นด้วย&ขอบคุณ: 434
  • ตามโลกไม่ทัน
    • บอร์ดแมวเมา
Re: การย้ายช่องข้อมูลส่วนตัวด้านข้างกระทู้
« ตอบกลับ #8 เมื่อ: 29, ธันวาคม 2009, 10:10:42 AM »
จัดเข้ากลางแบบ zone-it ยังไงครับ

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

ก็แก้ตรง align=left เป็น middle จ้ะ ลองดูนะ
อย่าคิดว่าตนเองเก่ง อย่าคิดว่าคนอื่นขาดตนเองไม่ได้ -- หลักการในการทำงานของแมวขี้เมา

 

Sitemap 1 2 3 4 5 6 
Back to top