Vbulletin Tarzı profil alanı (pospit)(Profili üste almak)

[tarantula901]

profil alanınızı üst kısma alarak vbulletin profil alanına benzemektedir. yatay pospit alanı

Temanızda  yoksa default tema içerisinde bulunan Display.template.php ara

Kod Seç Genişlet

       // Show avatars, images, etc.?
         if (!empty($settings['show_user_images']) && empty($options['show_no_avatars']) && !empty($message['member']['avatar']['image']))
            echo '
                        <li class="avatar" style="overflow: auto;">
                           <a href="', $scripturl, '?action=profile;u=', $message['member']['id'], '">
                              ', $message['member']['avatar']['image'], '
                           </a>
                        </li>';
Değiştir.

Kod Seç Genişlet

       echo '          </ul>
                  </div></div>
                  <div class="right_colum"> <!--Inicio tercera columna-->
                  <div class="poster"><ul class="reset smalltext">';
Bul

Kod Seç Genişlet

          <div class="', $message['approved'] ? ($message['alternate'] == 0 ? 'windowbg' : 'windowbg2') : 'approvebg', '">
               <span class="topslice"><span></span></span>
               <div class="post_wrapper">';

      // Show information about the poster of this message.
      echo '
                  <div class="poster">
Değiştir

Kod Seç Genişlet

          <span class="clear upperframe"><span></span></span>     
               <div class="roundframe">
                  <div class="cont_colum_post"><!--Inicio de columnas -->';

      // Show avatars, images, etc.?
      if (!empty($settings['show_user_images']) && empty($options['show_no_avatars']) && !empty($message['member']['avatar']['image']))
         echo '      <div class="left_colum"><ul class="reset"> <!--Inicio Primera columna -->
                        <li class="avatar" style="overflow: auto;">
                           <a href="', $scripturl, '?action=profile;u=', $message['member']['id'], '">
                              ', $message['member']['avatar']['image'], '
                           </a>
                        </li></ul></div>';

      // Show information about the poster of this message.
      echo '          <div class="left_colum"> <!--Inicio segunda columna-->
                  <div class="poster">
Bul

Kod Seç Genişlet

                   </ul>
                  </div>
                  <div class="postarea">
Değiştir

Kod Seç Genişlet

                   </ul>
                  </div></div>
               </div><!--Fin de columnas --></div>
            <span class="lowerframe"><span></span></span>
            <span class="divider_info"><span></span></span>
             
            <div class="', $message['approved'] ? ($message['alternate'] == 0 ? 'windowbg' : 'windowbg2') : 'approvebg', '">
               <span class="topslice"><span></span></span>
               <div class="post_wrapper">           
                  <div class="postarea">
Temanızda bulunan css içindeki index.css dosyasında

Bul

Kod Seç Genişlet

/* poster and postarea + moderation area underneath */
.poster
{
   float: left;
   width: 15em;
}
.postarea, .moderatorbar
{
   margin: 0 0 0 16em;
}
.postarea div.flow_hidden
{
   width: 100%;
}
Değiştir.

Kod Seç Genişlet

/* Informacion de usuario Horizontal */
#forumposts div.poster {
    width: auto; }

.cont_colum_post {
   width: 100%;
   overflow:hidden;
   padding:0px; }

.left_colum  {
   float: left;
   margin-left: 0.5em; }

.right_colum  {
   float: right;
   margin-right: 2em; }

.left_colum  li.avatar {
   margin-top: 0.5em; }
   
span.divider_info {
   margin-bottom: 2px;
   -margin-bottom: 0px;
   display: block; }
   
/* poster and postarea + moderation area underneath */
.poster
{
   float: left;
   width: 14em;
}
.postarea, .moderatorbar
{
   margin: 0 0 0 1em;
   _padding-left: 1em;
}
.postarea div.flow_hidden
{
   width: auto;
}

[Sosyal Öğretmeni]

Hocam bu kodu bulamıyoruz.

Kod Seç Genişlet

        // Show information about the poster of this message.
        echo '
                        <div class="poster">
                            <h4>';

        // 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'] . '">' : '', '<img src="', $message['member']['online']['image_href'], '" alt="', $message['member']['online']['text'], '" />', $context['can_send_pm'] ? '</a>' : '';

        // Show a link to the member's profile.
        echo '
                                ', $message['member']['link'], '
                            </h4>
                            <ul class="reset smalltext" id="msg_', $message['id'], '_extra_info">';

        // Show the member's custom title, if they have one.
        if (!empty($message['member']['title']))
            echo '
                                <li class="title">', $message['member']['title'], '</li>';

        // Show the member's primary group (like 'Administrator') if they have one.
        if (!empty($message['member']['group']))
            echo '
                                <li class="membergroup">', $message['member']['group'], '</li>';

        // Don't show these things for guests.
        if (!$message['member']['is_guest'])
        {
            // 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 '
                                <li class="postgroup">', $message['member']['post_group'], '</li>';
            echo '
                                <li class="stars">', $message['member']['group_stars'], '</li>';

            // Show avatars, images, etc.?
            if (!empty($settings['show_user_images']) && empty($options['show_no_avatars']) && !empty($message['member']['avatar']['image']))
                echo '
                                <li class="avatar" style="overflow: auto;">
                                    <a href="', $scripturl, '?action=profile;u=', $message['member']['id'], '">
                                        ', $message['member']['avatar']['image'], '
                                    </a>
                                </li>';

            // Show how many posts they have made.
            if (!isset($context['disabled_fields']['posts']))
                echo '
                                <li class="postcount">', $txt['member_postcount'], ': ', $message['member']['posts'], '</li>';

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

            // Is this user allowed to modify this member's karma?
            if ($message['member']['karma']['allow'])
                echo '
                                <li class="karma_allow">
                                    <a href="', $scripturl, '?action=modifykarma;sa=applaud;uid=', $message['member']['id'], ';topic=', $context['current_topic'], '.' . $context['start'], ';m=', $message['id'], ';', $context['session_var'], '=', $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'], ';', $context['session_var'], '=', $context['session_id'], '">', $modSettings['karmaSmiteLabel'], '</a>
                                </li>';

            // Show the member's gender icon?
            if (!empty($settings['show_gender']) && $message['member']['gender']['image'] != '' && !isset($context['disabled_fields']['gender']))
                echo '
                                <li class="gender">', $txt['gender'], ': ', $message['member']['gender']['image'], '</li>';

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

            // Any custom fields to show as icons?
            if (!empty($message['member']['custom_fields']))
            {
                $shown = false;
                foreach ($message['member']['custom_fields'] as $custom)
                {
                    if ($custom['placement'] != 1 || empty($custom['value']))
                        continue;
                    if (empty($shown))
                    {
                        $shown = true;
                        echo '
                                <li class="im_icons">
                                    <ul>';
                    }
                    echo '
                                        <li>', $custom['value'], '</li>';
                }
                if ($shown)
                    echo '
                                    </ul>
                                </li>';
            }

            // This shows the popular messaging icons.
            if ($message['member']['has_messenger'] && $message['member']['can_view_profile'])
                echo '
                                <li class="im_icons">
                                    <ul>
                                        ', !empty($message['member']['icq']['link']) ? '<li>' . $message['member']['icq']['link'] . '</li>' : '', '
                                        ', !empty($message['member']['msn']['link']) ? '<li>' . $message['member']['msn']['link'] . '</li>' : '', '
                                        ', !empty($message['member']['aim']['link']) ? '<li>' . $message['member']['aim']['link'] . '</li>' : '', '
                                        ', !empty($message['member']['yim']['link']) ? '<li>' . $message['member']['yim']['link'] . '</li>' : '', '
                                    </ul>
                                </li>';

            // Show the profile, website, email address, and personal message buttons.
            if ($settings['show_profile_buttons'])
            {
                echo '
                                <li class="profile">
                                    <ul>';
                // Don't show the profile button if you're not allowed to view the profile.
                if ($message['member']['can_view_profile'])
                    echo '
                                        <li><a href="', $message['member']['href'], '">', ($settings['use_image_buttons'] ? '<img src="' . $settings['images_url'] . '/icons/profile_sm.gif" alt="' . $txt['view_profile'] . '" title="' . $txt['view_profile'] . '" border="0" />' : $txt['view_profile']), '</a></li>';

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

                // Don't show the email address if they want it hidden.
                if (in_array($message['member']['show_email'], array('yes', 'yes_permission_override', 'no_through_forum')))
                    echo '
                                        <li><a href="', $scripturl, '?action=emailuser;sa=email;msg=', $message['id'], '" rel="nofollow">', ($settings['use_image_buttons'] ? '<img src="' . $settings['images_url'] . '/email_sm.gif" alt="' . $txt['email'] . '" title="' . $txt['email'] . '" />' : $txt['email']), '</a></li>';

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

                echo '
                                    </ul>
                                </li>';
            }

            // Any custom fields for standard placement?
            if (!empty($message['member']['custom_fields']))
            {
                foreach ($message['member']['custom_fields'] as $custom)
                    if (empty($custom['placement']) || empty($custom['value']))
                        echo '
                                <li class="custom">', $custom['title'], ': ', $custom['value'], '</li>';
            }

            // Are we showing the warning status?
            if ($message['member']['can_see_warning'])
                echo '
                                <li class="warning">', $context['can_issue_warning'] ? '<a href="' . $scripturl . '?action=profile;area=issuewarning;u=' . $message['member']['id'] . '">' : '', '<img src="', $settings['images_url'], '/warning_', $message['member']['warning_status'], '.gif" alt="', $txt['user_warn_' . $message['member']['warning_status']], '" />', $context['can_issue_warning'] ? '</a>' : '', '<span class="warn_', $message['member']['warning_status'], '">', $txt['warn_' . $message['member']['warning_status']], '</span></li>';
        }
        // Otherwise, show the guest's email.
        elseif (in_array($message['member']['show_email'], array('yes', 'yes_permission_override', 'no_through_forum')))
            echo '
                                <li class="email"><a href="', $scripturl, '?action=emailuser;sa=email;msg=', $message['id'], '" rel="nofollow">', ($settings['use_image_buttons'] ? '<img src="' . $settings['images_url'] . '/email_sm.gif" alt="' . $txt['email'] . '" title="' . $txt['email'] . '" border="0" />' : $txt['email']), '</a></li>';

        // Done with the information about the poster... on to the post itself.
        echo '
                            </ul>
                        </div>


[tarantula901]

şu sekılde arayın : // Show information about the poste

[Sosyal Öğretmeni]

Yaptım nasıl mı?
Birçok yerde araştırdım.
Herkes aynı şeyleri anlatmış. Ve benim yaşadığım sorunları birçok arkadaş yaşamış. Çözüm konusunda sadece şunu bul bununla değiştir denilmiş. Bu konusunda sıkıntı yaşayan çok kardeşim olmuş....
Bu bulamadığım kodun ilk sırasını kopyaladım bunu bulmak çok kolay oldu. Sonra en son satırı  kopyaladım bunu da bulmak çok kolaydı.
Ve iki arasında ne varsa değiştir dediğinizle değiştirdim ve oldu. Şuan içn kurulu bakabilirsiniz. hatada vermiyor. İnşallah sonradan sıkıntı çıkarmaz. Tüm değişiklikleri kullandığım temada yaptım. Ve de temam mc olduğu için yani çok renkli olduğu için kullandığım renk üzerinde değiştirdim.
Yardımını bizden Esirgemeyenlerden Allah razı olsun. Oruç Tutuyorsa Orucu Makbul Olsun.

[tarantula901]

Sorununuzun çözülmesine sevindim Allah sizdende razı olsun iyi iftarlar

[Sosyal Öğretmeni]

Başka bir site için bu özelliği yapalım dedik pek de olmadı. Oldu ama yarım oldu.
Profil yatay oldu ama mesajlar sola sıfırlanmadı. Bunu nasıl hallederiz.
Aşağıdaki resim nedemek istediğimi daha iyi açıklayacaktır.

[Sosyal Öğretmeni]

Bunu da çözdüm
index.css de şu kodu aradım
Kodu ve kodun yerini bulmayı da öğrendim.
Sayfaya boş bir yerde mause sağ tıklıyorsun. İçeriği incele diyorsun mausu gezdirdikçe mausun gezdiği yerin kodları ve yerleri görünüyor. İstediğin yeri bulunca kodu bulduğun yerin yolunu takip ediyorsun, istediğinle değiştiriyorsun olay bitiyor.
Bu şekilde temada istedğin değişikliği yapabiliyorsun. Temaya istediğini ekleyip istediğini kaldırabiliyorsun.
Anlatım %100 Bana aittir.

Kod Seç Genişlet

.postarea, .moderatorbar
{
margin: 0 0 0 16em;
}

Bununla değiştirdim sorun çözüldü.

Kod Seç Genişlet

.postarea, .moderatorbar
{
margin: 0 0 0 em;
}

[tarantula901]

Güzel öğrenmişşiniz busekıldede sitede duzenleme yapabilirsiniz tabi bazen kodları bilmeniz gerekiyor her zaman aynı kodlar kullanılmayabılıyor ama bunu öğrenmenız sizin ıcınde ıyı oldu

[smfsr]

Merhaba,
Dediğiniz gibi yaptım, oldu da. Fakat sorun şu ki, mesaj metni hala solda bir postbit alanı varmış gibi davrandı ve sola yaslanmadı. BBcode ile [.left][./left] tagları arasına aldım ama haliyle çözülmedi. Nasıl sola yaslanmış hale getirebilirim?
Teşekkürler.

Düzeltme: Arkadaşın index.css'de yaptığı 0 0 0 em düzeltmesini de yaptım ama olmadı.

[Sosyal Öğretmeni]

Aşağıdakini yap sorun çözülür....

Bunu da çözdüm
index.css de şu kodu aradım
Kodu ve kodun yerini bulmayı da öğrendim.
Sayfaya boş bir yerde mause sağ tıklıyorsun. İçeriği incele diyorsun mausu gezdirdikçe mausun gezdiği yerin kodları ve yerleri görünüyor. İstediğin yeri bulunca kodu bulduğun yerin yolunu takip ediyorsun, istediğinle değiştiriyorsun olay bitiyor.
Bu şekilde temada istedğin değişikliği yapabiliyorsun. Temaya istediğini ekleyip istediğini kaldırabiliyorsun.
Anlatım %100 Bana aittir.

Kod Seç Genişlet

.postarea, .moderatorbar
{
margin: 0 0 0 16em;
}

Bununla değiştirdim sorun çözüldü.

Kod Seç Genişlet

.postarea, .moderatorbar
{
margin: 0 0 0 em;
}

[tarantula901]

sosyal öğretmenin önerdiği kodlarda işinizi gördümü görmediyse sitenizi profilinize ekleyin kontrol edelim siteyi

[Who Am I]

Örnek detaylı bir resim var mı?

Edit;

Yaptım, şu şekil bir hâl aldı. Tema olduğu için uyum sağlamıyor galiba..
Gerekli dosyaları paylaşabilirim, yardımcı olabilecek var mı?
http://prntscr.com/9pdhe8

[gecitli]

Sadece 4 sirada 30 a yakin XHTML hatasi var kodlarda bir elf tagi bu kadar zor olamaz sonra sitem neden bu kadar hata veriyor diye dert yanariz basidinden tarif edeyim.

temanizin
Display.template.php

bul

Kod Seç Genişlet

         // Show avatars, images, etc.?
         if (!empty($settings['show_user_images']) && empty($options['show_no_avatars']) && !empty($message['member']['avatar']['image']))
            echo '
                        <li class="avatar" style="overflow: auto;">
                           <a href="', $scripturl, '?action=profile;u=', $message['member']['id'], '">
                              ', $message['member']['avatar']['image'], '
                           </a>
                        </li>';
Değiş

Kod Seç Genişlet

         echo '          </ul>
                  </div></div>
                  <div class="right_colum"> <!--Tema poster alani-->
                  <div class="poster"><ul class="reset smalltext">';
Bul

Kod Seç Genişlet

            <div class="', $message['approved'] ? ($message['alternate'] == 0 ? 'windowbg' : 'windowbg2') : 'approvebg', '">
               <span class="topslice"><span></span></span>
               <div class="post_wrapper">';

      // Show information about the poster of this message.
      echo '
                  <div class="poster">
Değiş

Kod Seç Genişlet

            <span class="clear upperframe"><span></span></span>     
               <div class="roundframe">
                  <div class="cont_colum_post"><!--poster son -->';

      // Show avatars, images, etc.?
      if (!empty($settings['show_user_images']) && empty($options['show_no_avatars']) && !empty($message['member']['avatar']['image']))
         echo '      <div class="left_colum"><ul class="reset"> <!--Inicio Primera columna -->
                        <li class="avatar" style="overflow: auto;">
                           <a href="', $scripturl, '?action=profile;u=', $message['member']['id'], '">
                              ', $message['member']['avatar']['image'], '
                           </a>
                        </li></ul></div>';

      // Show information about the poster of this message.
      echo '          <div class="left_colum"> <!--posbit alani-->
                  <div class="poster">Bul

Kod Seç Genişlet

                     </ul>
                  </div>
                  <div class="postarea">
Değiş

Kod Seç Genişlet

                     </ul>
                  </div></div>
               </div><!--posbit son --></div>
            <span class="lowerframe"><span></span></span>
            <span class="divider_info"><span></span></span>
             
            <div class="', $message['approved'] ? ($message['alternate'] == 0 ? 'windowbg' : 'windowbg2') : 'approvebg', '">
               <span class="topslice"><span></span></span>
               <div class="post_wrapper">           
                  <div class="postarea">
temanizin
Index.css
Bul

Kod Seç Genişlet

/* poster and postarea + moderation area underneath */
.poster
{
   float: left;
   width: 15em;
}
.postarea, .moderatorbar
{
   margin: 0 0 0 16em;
}
.postarea div.flow_hidden
{
   width: 100%;
}
Değiş

Kod Seç Genişlet

/* Informacion de usuario Horizontal */
#forumposts div.poster {
    width: auto; }

.cont_colum_post {
   width: 100%;
   overflow:hidden;
   padding:0px; }

.left_colum  {
   float: left;
   margin-left: 0.5em; }

.right_colum  {
   float: right;
   margin-right: 2em; }

.left_colum  li.avatar {
   margin-top: 0.5em; }
   
span.divider_info {
   margin-bottom: 2px;
   -margin-bottom: 0px;
   display: block; }
   
/* poster and postarea + moderation area underneath */
.poster
{
   float: left;
   width: 14em;
}
.postarea, .moderatorbar
{
   margin: 0 0 0 1em;
   _padding-left: 1em;
}
.postarea div.flow_hidden
{
   width: auto;
}

[efendim]

Paylaşımınız için teşekkür ederiz hocam

[memurhocam]

Hocam bu kodları SMF 2.1 RC3 içinde güncellermisiniz size zahmet