انداختن کادر دور پروفایل شبیه وی بولیتن

خیلی ها دوست دارید که پروفایل رو بدیدن شکل دربیارید:
[img width=366 height=480]http://i34.tinypic.com/rsdiq0.jpg[/img]


خوب مگه سعید چکاره است!


برای شروع اوّل به این مسیر بروید: /Themes/default/style.css
خوب حالا در style.css قالبتون به دنبال کد زیر بگردید:

کد:

---

?>

---

حالا قبلش کد زیر را وارد نمایید:

کد:

---

.memdetails
{
  padding-top: 3px;
  padding-right: 0px;
  padding-bottom: 3px;
  padding-left: 3px;
  margin: 3px 0px 3px 3px;
  background-color: #fafcfe;
  border-top: 1px solid #686868 ;
  border-right: 1px solid #686868 ;
  border-left: 3px solid #686868 ;
  border-bottom: 1px solid #686868;
}

---

دوستان توجه داشته باشید که در این تصویری که مشاهد میکنید،در کد بالایی تغییراتی انجام داده ام که بدین شکل درامده است!
شما می توانید برای زیباتر کردن آن این کد را وارد نمایید.(منظورم به شکل عکسی که براتون گذاشتم:)

کد:

---

.memdetails
{
  padding-top: 3px;
  padding-right: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
  margin: 3px 0px 3px 3px;
  background-color: #fafcfe;
  border-top: 1px solid #83bafa ;
  border-right: 3px solid #ffb706 ;
  border-left: 3px solid #83bafa ;
  border-bottom: 1px solid #ffb706 ;
}

---

باز هم می تونید padding رو خودتون گسترش بدید و یا اینکه رنگ آن را نیز عوض کنید!!!

خوب حالا بریم برای تغییرات در Display.template.php قالبتون:

Display.template.php قالبتون رو باز کرده و به دنبال کد زیرین بگردید:

کد:

---

<b>', $message['member']['link'], '</b>

---

حالا به جاش این کد رو قرار دهید:

کد:

---

<div class="memdetails"><b>', $message['member']['link'], '</b></div>

---

کد زیر را پیدا کنید:

کد:

---

                // 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 custom title, if they have one.
  if (isset($message['member']['title']) && $message['member']['title'] != '')
    echo '
            <div class="memdetails">', $message['member']['title'], '</div>';

---

کد زیرین رو پیدا کنید:

کد:

---

                // 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 member's primary group (like 'Administrator') if they have one.
  if (isset($message['member']['group']) && $message['member']['group'] != '')
    echo '
            <div class="memdetails">', $message['member']['group'], '</div>';

---

دوباره این کد رو پیدا کنید:

کد:

---

                        // 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 />';

---

حالا به جاش این کد رو قرار دهید:

کد:

---

                        // 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 '
            <div class="memdetails">', $message['member']['post_group'], '</div>';
    echo '
            <div class="memdetails">', $message['member']['group_stars'], '</div>';

---

کد زیر را پیدا کنید:

کد:

---

                        // 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 karma display enabled? Total or +/-?
    if ($modSettings['karmaMode'] == '1')
      echo '
            <div class="memdetails">', $modSettings['karmaLabel'], ' ', $message['member']['karma']['good'] - $message['member']['karma']['bad'], '</div>';
    elseif ($modSettings['karmaMode'] == '2')
      echo '
            <div class="memdetails">', $modSettings['karmaLabel'], ' +', $message['member']['karma']['good'], '/-', $message['member']['karma']['bad'], '</div>';

---

دوباره کد زیرین رو پیدا کنید:

کد:

---

                        // 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 online and offline buttons?
    if (!empty($modSettings['onlineEnable']) && !$message['member']['is_guest'])
      echo '
            <div class="memdetails">', $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 /></div>';

---

کد زیر را پیدا کنید:

کد:

---

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

---

به جاش کد زیرین رو قرار دهید:

کد:

---

    // Show how many posts they have made.
    echo '
            <div class="memdetails">', $txt[26], ': ', $message['member']['posts'], '</div>';

---

کد زیر را پیدا کنید:

کد:

---

// 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 avatars, images, etc.?
                        if (!empty($settings['show_user_images']) && empty($options['show_no_avatars']) && !empty($message['member']['avatar']['image']))
                                echo '
                                                                <div class="memdetails"><div style="overflow: auto; width: 100%;">', $message['member']['avatar']['image'], '</div></div>';

---

کد زیرین رو پیدا کنید:

کد:

---

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

---

حالا به جاش این کد رو قرار دهید:

کد:

---

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

---

خوب تمام شد بلاخره!!!

این رو بهتون بگم که در کدهای بالا فقط به اوّل آن

کد:

---

<div class=

---

و در آخر آن به جای

کد:

---

, '</b>

---

کد

کد:

---

, '</b></div>

---

اضافه شده!!!

برای اون دسته از افرادی که نمی دونند پروفایل مثلآ نام اپراتور و یا نام گوشی خود را چگونه کادر دورش بندازند این کد رو پیدا کنند:

کد:

---

DisplayFieldPosts();

---

حالا به جاش این کد رو قرار دهند:

کد:

---

echo '
                        <div class="memdetails">', DisplayFieldPosts(), '</div>';

---

خوب منبع این مطب کاملآ به موبایل سافت اختصاص یافته و کپی رایت را رعایت فرمایید!
نویسنده:سعید افسری

عالی بود سعید جان

قربانت آقا نوید.وظیفه ام بود که این آموزش جالب رو ارائه بدهم. :-X

سلام
عزیز جان این تغییرات رو به صورت یک مود در بیار لطفا.
اینطوری باید تا فردا کد عوض کنیم که.
حالا در این بین اگر اشتباهی هم زخ بده انجمن پریده.
ممنون میشم اگه به صورت مود در بیاد.

سلام
قبل از هر تغييري بكاپ بگيريد تا مشكلي پيش نياد. حتي قبل از نصب يك بسته ساده كه هميشه نصب كرده ايد و از آن مطمئن هستيد.

كامروا باشيد.