MyBB Depo Forum

Orjinalini görmek için tıklayınız: Süper vBulletin 4 Tarzı Postbit+Avatar
Şu anda (Arşiv) modunu görüntülemektesiniz. Orjinal Sürümü Görüntüle internal link
Sayfalar: 1 2
Selam Dostlar,

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


Yapılışı;
AdminKPSağ OkTemalar & ŞablonlarSağ OkTemanızSağ OkGlobal.cssSağ OkGelişmiş ModSağ Ok En Alta Ekleyiniz;
PHP Kod:
.eti_postbit_merkezli {  
  
padding-left4px
  
padding-right2px
  
padding-top3px
  
padding-bottom3px
  
background-color#efefef; 
  
border-top1px solid #ddd; 
  
border-right1px solid #ddd; 
  
border-left1px solid #c4c4c4; 
  
border-bottom1px solid #c4c4c4; 
  
margin-bottom4px
 -
moz-box-shadow2px 2px 6px #b3b3b3;
 
-webkit-box-shadow1px 2px 2px #b3b3b3;
 
-moz-border-radius-bottomleft:6px;
 -
moz-border-radius-topright:6px;
 -
webkit-border-top-right-radius0px;
 -
webkit-border-bottom-left-radius0px;}
 
.
eti_postbit 
  
padding-left4px
  
padding-right2px
  
padding-top3px
  
padding-bottom3px
  
background-color#efefef; 
  
border-top1px solid #ddd; 
  
border-right1px solid #ddd; 
  
border-left1px solid #c4c4c4; 
  
border-bottom1px solid #c4c4c4; 
  
margin-bottom4px
 -
moz-box-shadow2px 2px 6px #b3b3b3;
 
-webkit-box-shadow1px 2px 2px #b3b3b3;
 
-moz-border-radius-bottomleft:6px;
 -
moz-border-radius-topright:6px;
 -
webkit-border-top-right-radius0px;
 -
webkit-border-bottom-left-radius0px;} 

.
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;
  
border1px solid #B76515 !important;
  
opacity:0.7
}


.
pic-round-shadow{
  
padding:5px;
  
border1px 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 AdminKPSağ OkTemalar & ŞablonlarSağ OkTemanızSağ OkCss EkleSağ Ok
Stil Adı popups.cssSağ OkKendi içerimi yaz..
PHP Kod:
.popupmenu {
    *
z-index:999;
    
positionrelative;
}



.
popupbody {
    
font:   normal 11px TahomaCalibriVerdanaGenevasans-serif;
    
color#3E3E3E;
    
padding:2px;
    
background:#E1E1E1 none   ;
    
border1px solid rgb(153153153);
    
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(204204204none   ;
    
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 {
    
positionrelative;
    
top0;
    
displayinline-block;
}
.
postdetails .memberaction.popupmenu {
    
position: static; /* Opera 10.10 Fix */
}
.
memberaction.popupmenu a.popupctrl {
    
backgroundnone;
    
padding0;
}
.
memberaction_body.popupbody {
    
width280px;
    
background#e9e9e9;
    
-moz-border-radius5px;
    -
webkit-border-radius5px;
    
border-radius5px;
    -
moz-box-shadow0px 4px 7px #c8c8c8;
    
-webkit-box-shadow0px 4px 7px #c8c8c8;
    
box-shadow0px 4px 7px #c8c8c8;
}
.
memberaction_body.popupbody li {
    
bordernone;
    
width140px;
}
.
memberaction_body.popupbody li.left {
    
floatleft;
    
clearleft;
}
.
memberaction_body.popupbody li.right {
    
floatright;
    
clearright;
}

.
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 {
    
padding4px;
    
padding-left:20px;
}
.
memberaction_body.popupbody hr {
    
floatleft;
    
height96px;
    
width0;
    
displayinline;
}


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

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

3.Adım AdminKPSağ OkTemalar & ŞablonlarSağ OkŞablonlarSağ OkTemanızSağ OkPostbit ŞablonlarSağ OkPostbit_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">
            <
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
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
Postbit'ten çok ranklar dikkatimi çekti Melek - Masum
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
(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 Açık Ağızlı Gülümseme
Veya Ben Hallederim Açık Ağızlı Gülümseme
Küçük resimler sorunsuz çalışmaktadır hocam.Ama resimleri indirip ftp nize atmanızda yarar var.
Teşekkürler Tamda Bu Postti Arıyordum Ellerine Sağlık Gülümseme
(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 Gülümseme

Önemli değil Süper
resim

Bende Böyle Yok :/

resim Böyle var üzgün
Sayfalar: 1 2