Süper vBulletin 4 Tarzı Postbit+Avatar

Süper vBulletin 4 Tarzı Postbit+Avatar - Baskı Önizleme

+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: MyBB 1.6 Depo (https://mybbdepo.com/mybb-1-6-depo-forumu)
+--- Forum: MyBB 1.6 Modifikasyon & Eklenti Deposu (https://mybbdepo.com/mybb-1-6-modifikasyon-eklenti-deposu-forumu)
+---- Forum: Üye Profili & Postbit (https://mybbdepo.com/uye-profili-postbit-forumu)
+---- Konu Başlığı: Süper vBulletin 4 Tarzı Postbit+Avatar (/super-vbulletin-4-tarzi-postbit-avatar-konusu.html)

Sayfalar: 1 2

Süper vBulletin 4 Tarzı Postbit+Avatar - SvcTR - 24-07-2013

Selam Dostlar,

Sizlere yeni düzenlediğim vBulletin4 Tarzı postbit'i göstereceğim..

Yapılışı;
AdminKP Sağ Ok

Temalar & Şablonlar Sağ Ok

Temanız

Global.css Sağ Ok

Gelişmiş Mod Sağ Ok

En Alta Ekleyiniz;

PHP Kod:

.eti_postbit_merkezli {  
  padding-left: 4px; 
  padding-right: 2px; 
  padding-top: 3px; 
  padding-bottom: 3px; 
  background-color: #efefef; 
  border-top: 1px solid #ddd; 
  border-right: 1px solid #ddd; 
  border-left: 1px solid #c4c4c4; 
  border-bottom: 1px solid #c4c4c4; 
  margin-bottom: 4px; 
 -moz-box-shadow: 2px 2px 6px #b3b3b3;
 -webkit-box-shadow: 1px 2px 2px #b3b3b3;
 -moz-border-radius-bottomleft:6px;
 -moz-border-radius-topright:6px;
 -webkit-border-top-right-radius: 0px;
 -webkit-border-bottom-left-radius: 0px;}
 
.eti_postbit { 
  padding-left: 4px; 
  padding-right: 2px; 
  padding-top: 3px; 
  padding-bottom: 3px; 
  background-color: #efefef; 
  border-top: 1px solid #ddd; 
  border-right: 1px solid #ddd; 
  border-left: 1px solid #c4c4c4; 
  border-bottom: 1px solid #c4c4c4; 
  margin-bottom: 4px; 
 -moz-box-shadow: 2px 2px 6px #b3b3b3;
 -webkit-box-shadow: 1px 2px 2px #b3b3b3;
 -moz-border-radius-bottomleft:6px;
 -moz-border-radius-topright:6px;
 -webkit-border-top-right-radius: 0px;
 -webkit-border-bottom-left-radius: 0px;} 

.pic-round,.pic-round:hover,.pic-round-shadow,.pic-round-shadow:hover,.pic-shadow,.pic-shadow:hover,.pic-inset,.pic-inset:hover,.pic-polarid,.pic-polarid:hover,.pic-border,.pic-border:hover{
  -moz-transition:all 0.3s ease-in 0s;
  -webkit-transition:all 0.3s ease-in 0s;
  -o-transition:all 0.3s ease-in 0s;
  transition:all 0.3s ease-in 0s;
  opacity:1;
  z-index:10
}

.pic-round:hover,.pic-round-shadow:hover,.pic-shadow:hover,.pic-round:hover,.pic-polarid:hover,.pic-border:hover{
  -moz-box-shadow:1px 1px 5px #E67F1A;
  -o-box-shadow:1px 1px 5px #E67F1A;
  -ms-box-shadow:1px 1px 5px #E67F1A;
  box-shadow:1px 1px 5px #E67F1A;
  -webkit-box-shadow:1px 1px 5px #E67F1A;
  border: 1px solid #B76515 !important;
  opacity:0.7
}


.pic-round-shadow{
  padding:5px;
  border: 1px solid #C7C7C7 !important;
  background-color:#FFFFFF;
  color:#000
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -khtml-border-radius:5px;
  box-shadow:1px 1px 7px #AEA290;
  -moz-box-shadow:1px 1px 5px #AEA290;
  -webkit-box-shadow:1px 1px 7px #AEA290;
  -khtml-box-shadow:1px 1px 7px #AEA290
} 

2.Adım AdminKP Sağ Ok

Temalar & Şablonlar Sağ Ok

Temanız

Css Ekle

Stil Adı popups.css Sağ Ok

Kendi içerimi yaz..

PHP Kod:

.popupmenu {
    *z-index:999;
    position: relative;
}



.popupbody {
    font:   normal 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
    color: #3E3E3E;
    padding:2px;
    background:#E1E1E1 none   ;
    border: 1px solid rgb(153, 153, 153);
    position:absolute;
    z-index:1000;
    top:1.5em;
    left:0;
    display:none;
    min-width:200px;
}

.popupmenu:hover ul.popuphover {
    display:block;
}


.popupbody li a,
.popupbody li label {
    display:block;
    color: #3E3E3E;
    background:rgb(204, 204, 204) none   ;
    padding:6.235px 10px;
    text-decoration:none;
    text-align:left;
    white-space:nowrap;
}



.memberaction_body.popupbody li a:hover {
    color:#3E3E3E;
    background-color:#FFEB90;
}


.memberaction.popupmenu {
    position: relative;
    top: 0;
    display: inline-block;
}
.postdetails .memberaction.popupmenu {
    position: static; /* Opera 10.10 Fix */
}
.memberaction.popupmenu a.popupctrl {
    background: none;
    padding: 0;
}
.memberaction_body.popupbody {
    width: 280px;
    background: #e9e9e9;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 4px 7px #c8c8c8;
    -webkit-box-shadow: 0px 4px 7px #c8c8c8;
    box-shadow: 0px 4px 7px #c8c8c8;
}
.memberaction_body.popupbody li {
    border: none;
    width: 140px;
}
.memberaction_body.popupbody li.left {
    float: left;
    clear: left;
}
.memberaction_body.popupbody li.right {
    float: right;
    clear: right;
}

.memberaction_body.popupbody li .siteicon_profile { 
    background:url(http://genelfrm.com/images/genelfrm/popup/profile.png) left 2px no-repeat; 
}
.memberaction_body.popupbody li .siteicon_forum { 
    background:url(http://genelfrm.com/images/genelfrm/popup/forum.png) left 2px no-repeat; 
}
.memberaction_body.popupbody li .siteicon_message { 
    background:url(http://genelfrm.com/images/genelfrm/popup/message.png) left 2px no-repeat; 
}
.memberaction_body.popupbody li .siteicon_blog { 
    background:url(http://genelfrm.com/images/genelfrm/popup/blog.png) left 2px no-repeat; 
}
.memberaction_body.popupbody li .siteicon_homepage { 
    background:url(http://genelfrm.com/images/genelfrm/popup/homepage.png) left 2px no-repeat; 
}
.memberaction_body.popupbody li .siteicon_article { 
    background:url(http://genelfrm.com/images/genelfrm/popup/article.png) left 2px no-repeat; 
}
.memberaction_body.popupbody li .siteicon_add { 
    background:url(http://genelfrm.com/images/genelfrm/popup/add.png) left 2px no-repeat; 
}
.memberaction_body.popupbody li .siteicon_email { 
    background:url(http://genelfrm.com/images/genelfrm/popup/email.png) left 2px no-repeat; 
}

.memberaction_body.popupbody li > a {
    padding: 4px;
    padding-left:20px;
}
.memberaction_body.popupbody hr {
    float: left;
    height: 96px;
    width: 0;
    display: inline;
}


ul,ol,li{margin:0;padding:0;}li{list-style:none;} 

2.Adımdaki css kodlaması Smyrna35 Arkadaşımıza Aittir..

3.Adım AdminKP Sağ Ok

Temalar & Şablonlar Sağ Ok

Şablonlar

Temanız

Postbit Şablonlar Sağ Ok

Postbit_classic Açınız İçindeki Herşeyi Bu Kodlar İle Değiştiriniz;

PHP Kod:

{$ignore_bit}
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="{$post_extra_style} {$post_visibility}" id="post_{$post['pid']}">
    <tr>
        <td class="{$altbg}" width="15%" valign="top" style="white-space: nowrap; text-align: center;"><a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>
         
        
            <div class=eti_postbit><span class="smalltext"><strong>
<div align="center">
<div class="popupmenu memberaction">
<span class="largetext">{$post['profilelink']}</span>
<ul class="popupbody popuphover memberaction_body">
        <li class="left">
            <a class="siteicon_profile" href="member.php?action=profile&uid={$post['uid']}">
                Üye profili
            </a>
        </li>
        <li class="right">
            <a rel="nofollow" class="siteicon_message" href="private.php?action=send&amp;uid={$post['uid']}">
                Özel mesaj gönder.
            </a>
        </li>

        <li class="left">
            <a rel="nofollow" class="siteicon_forum" href="search.php?action=finduserthreads&amp;uid={$post['uid']}">
                Konularını Arat
            </a>

        </li>
        
        <li class="right">
            <a rel="nofollow" class="siteicon_forum" href="search.php?action=finduser&uid={$post['uid']}">
                Mesajlarını arat.
            </a>

        </li>
        
    
    </ul>
</div></strong></div>

            <div class=eti_postbit>{$post['useravatar']}</div>

            <div class=eti_postbit>{$post['groupimage']}</div>            
            {$post['user_details']}
{$post['onlinestatus']}
        </span>
    </td>
    <td class="{$altbg}" valign="top">
        <table width="100%">
            <tr><td>{$post['posturl']}<span class="smalltext"><strong>{$post['icon']}{$post['subject']} {$post['subject_extra']}</strong></span>
            <br />
            <div id="pid_{$post['pid']}" class="post_body">
                {$post['message']}
            </div>
            {$post['attachments']}
            {$post['signature']}
            <div style="text-align: right; vertical-align: bottom;" id="post_meta_{$post['pid']}">
                <div id="edited_by_{$post['pid']}">{$post['editedmsg']}</div>
                {$post['iplogged']}
            </div>
        </td></tr>
    </table>
</td>
</tr>
<tr>
    <td class="{$altbg}" style="white-space: nowrap; text-align: center; vertical-align: middle;"><span class="smalltext">{$post['postdate']} {$post['posttime']}</span></td>
    <td class="{$altbg}" style="vertical-align: middle;">
        <table width="100%" border="0" cellpadding="0" cellspacing="0">
            <tr valign="bottom">
                <td align="left" ><span class="smalltext">{$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}</span></td>
                <td align="right">{$post['button_edit']}{$post['button_quickdelete']}{$post['button_quote']}{$post['button_multiquote']}{$post['button_report']}{$post['button_warn']}{$post['button_reply_pm']}{$post['button_replyall_pm']}{$post['button_forward_pm']}{$post['button_delete_pm']}</td>
            </tr>
        </table>
    </td>
</tr>
</table> 

Avatar Çerçeve Yapmak İçin İse Postbit_avatar Şablonunu Açınız İçindeki Herşeyi Bu Kod ile değiştiriniz;

PHP Kod:

<div class=pic-round-shadow><a href="{$post['profilelink_plain']}"><IMG src="{$post['avatar']}" alt="" width="158" height="158" /></a>
</div> 

Şimdi Geçelim Postbit_author_User Şablonuna; (İçindeki Herşeyi Silin Bu kodları yapıştırın)

PHP Kod:

<div class=eti_postbit><marquee><font color=red><strong> $post[fid6]</font></strong></marquee><br /></div>
<div class=eti_postbit><strong>İsim: $post[fid4]</strong><br /></div>
<div class=eti_postbit><strong>{$lang->postbit_joined} {$post['userregdate']}</strong></div>
<div class=eti_postbit><strong>Nereden: $post[fid1]</strong><br /></div>
<div class=eti_postbit><strong>Mesajlar : {$post['postnum']}</strong><br /></div>
<div class=eti_postbit><strong>Konular: $threadscount</strong><br /></div> 

Özel Profil Alanları İçin Gerekl Şeyler;
Özel Profil Seçeneklerinden Nereden Kısmı Fid 1 Olmalı.
Özel Profil Seçeneklerinden İsim Kısmı Fid 4 Olmalı.
Özel Profil Seçeneklerinden Özel Yazı Alanı Fid 6 Olmalı. (Kayan Yazı)

Önizleme;
resim

Demo;

Kod:

http://forumixa.com/konu-Forumu-En-Iyi-Bicimde-Kullanmak.html

Cvp: Süper vBulletin 4 Tarzı Postbit+Avatar - Screwy - 24-07-2013

Her sitede ilk kurulum yapıldığında postbit_classic şablonu üzerinden yapılan değişiklik ziyaretçilere gözükür Gülümseme

Kodu aynı zamanda postbit şablonuna eklemeleri gerekir Gülümseme

Bu arada resimdeki postbit vb3 stil postbit vb4 daha gelişmiş oluyor. Şimdi bana vb4 kurulu forumun linkini atmayın. Kod bu adam vb3 den alıp vb4 e koyabiliyor bu vb4 postbiti olduğunu göstermez. Gülümseme

Cvp: Süper vBulletin 4 Tarzı Postbit+Avatar - Skrillex - 24-07-2013

Postbit'ten çok ranklar dikkatimi çekti Melek - Masum

Cvp: Süper vBulletin 4 Tarzı Postbit+Avatar - LeBeta™ - 24-07-2013

Teşekkürünü Verdim Güzel Paylaşım Ama Nick Üzerine Geldiğimizde Küçük Resimler Yok Açık Ağızlı Gülümseme

Veya Ben Hallederim Açık Ağızlı Gülümseme

Cvp: Süper vBulletin 4 Tarzı Postbit+Avatar - Smyrna35 - 24-07-2013

(24-07-2013, Saat:13:12)LeBeta™ Adlı Kullanıcıdan Alıntı: Teşekkürünü Verdim Güzel Paylaşım Ama Nick Üzerine Geldiğimizde Küçük Resimler Yok
Veya Ben Hallederim

Küçük resimler sorunsuz çalışmaktadır hocam.Ama resimleri indirip ftp nize atmanızda yarar var.

Cvp: Süper vBulletin 4 Tarzı Postbit+Avatar - SkySwich - 24-07-2013

Teşekkürler Tamda Bu Postti Arıyordum Ellerine Sağlık Gülümseme

Cvp: Süper vBulletin 4 Tarzı Postbit+Avatar - SvcTR - 24-07-2013

(24-07-2013, Saat:14:02)SkySwich Adlı Kullanıcıdan Alıntı: Teşekkürler Tamda Bu Postti Arıyordum Ellerine Sağlık

Önemli değil Süper

Cvp: Süper vBulletin 4 Tarzı Postbit+Avatar - musditr - 27-07-2013

resim

Bende Böyle Yok :/

Böyle var