DP ve WtSupport Stil Postbit Yapımı

[Edward]

Merhaba Arkadaşlar,
Sizlere DestekPlus Sitesinde Bulunan Postbitin Yapımını Anlatacağım..
Anlatım / Yapımcı: Screwy
10TL.NET Paylaşan: Edward
Bu Diğerleri Gibi Değil Oldukça Canlı ve Güzeldir. Demo İçin TIKLAYIN
Başlayalım..

Admin Paneli > Temalar & Şablonlar > Kullandığınız tema > Global.css > Gelişmiş Düzenleme Bölümünün En Altına Aşağıdaki Kodları Ekleyin.

Kod: Tümünü Seç Tümünü Kopyala

.screwypostbitinsivible {
        background: url(http://i992.photobucket.com/albums/af49/1453edward/edward/screwypostbitgizli.png) repeat scroll 0 0 #474747;
    margin-top: 2px;
    text-align: left;
    margin-top: 2px;
        margin-bottom: -2px;
    font-size: 13px;
    padding: 0 4px 0;
    color: #FFF;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;

}

    .screwypostbitinsivible  dd { float: right; }

.screwypostbitoffline {
         background: url(http://i992.photobucket.com/albums/af49/1453edward/edward/screwypostbitcevirimdisi.png) repeat scroll 0 0 #d20303;
    margin-top: 2px;
    text-align: left;
    margin-top: 2px;
        margin-bottom: -2px;
    font-size: 13px;
    padding: 0 4px 0;
    color: #fff;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
    .screwypostbitoffline  dd { float: right; }

.screwypostbitonline {
        background: url(http://i992.photobucket.com/albums/af49/1453edward/edward/screwypostbitcervimici.png) repeat scroll 0 0 #86c901;
    margin-top: 2px;
    text-align: left;
    margin-top: 2px;
        margin-bottom: -2px;
    font-size: 13px;
    padding: 0 4px 0;
    color: #fff;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

    .screwypostbitonline  dd { float: right; }

Hemen ardından

Admin Paneli > Temalar & Şablonlar > Kullandığınız temanın şablonları > Postbit Şablonları > Postbit

Bul:

Kod: Tümünü Seç Tümünü Kopyala

<strong><span class="largetext">{$post['profilelink']}</span></strong>

Öncesine Ekle:

Kod: Tümünü Seç Tümünü Kopyala

{$post['onlinestatus']}

Bu koddan başka yerde varsa eklediğiniz dışındakileri silin...

Evet devam ediyoruz. Şimdi sırada görünümü değiştirmek var.

Admin Paneli > Temalar & Şablonlar > Kullandığınız temanın şablonları > Postbit Şablonları > Postbit > postbit_online

Komple sil ve değiştir:

Kod: Tümünü Seç Tümünü Kopyala

<div class="screwypostbitonline">Durum<dd> Online </dd></div>

Admin Paneli > Temalar & Şablonlar > Kullandığınız temanın şablonları > Postbit Şablonları > Postbit > postbit_offline

Komple sil ve değiştir:

Kod: Tümünü Seç Tümünü Kopyala

<div class="screwypostbitoffline">Durum<dd> Offline</dd></div>

Admin Paneli > Temalar & Şablonlar > Kullandığınız temanın şablonları > Postbit Şablonları > Postbit > postbit_away

Komple sil ve değiştir:

Kod: Tümünü Seç Tümünü Kopyala

<div class="screwypostbitinsivible">Durum<dd> İzinli </dd></div>

Yapmamız gereken işlemler bu kadar (değildir).. Şimdi Sırada Dikey Yapma Var..

Admin Paneli > Temalar & Şablonlar > Kullandığınız Tema > global.css > gelişmiş düzenleme kısmına girin ve en alta aşağıdaki kodları ekleyin...

Kod: Tümünü Seç Tümünü Kopyala

.userinfo_extra .postingo{
    text-align:left
}

.postingo{
    background:#ECECEC;
    border:1px;
    border-color:#D4D4D4;
    border-style:solid;
    border-left:1px;
    border-left-color:#D4D4D4;
    border-left-style:solid;
    border-bottom:1px;
    border-bottom-style:solid;
    border-bottom-color:#D4D4D4;
    color:#333;
    font-family:Tahoma,Geneva,sans-serif;
    font-size:11px;
    padding:5px 5px 5px 5px;
    margin-top:2px
}

.postbitlegacy .userinfo .rank{
    text-align:left
}

.postbitlegacy .userinfo .imlinks{
    background:#ECECEC;
    border:1px;
    border-color:#D4D4D4;
    border-style:solid;
    border-left:1px;
    border-left-color:#D4D4D4;
    border-left-style:solid;
    border-bottom:1px;
    border-bottom-style:solid;
    border-bottom-color:#D4D4D4;
    color:#333;
    font-family:Tahoma,Geneva,sans-serif;
    font-size:11px;
    width:99%;
    margin-top:2px;
    text-align:center
}

.postbitlegacy .userinfo .postuseravatar,.postbitlegacy .userinfo .postuseravatar img{
    float:none;
    text-align:center
}

.postcontainer .username_container .popupmenu a.popupctrl{
    font-size:15px
}

.screwypostbitisim {
        background: url(http://i992.photobucket.com/albums/af49/1453edward/edward/screwypostbitisim.png) repeat scroll 0 0 #86c901;
    margin-top: 2px;
    text-align: left;
    margin-top: 2px;
        margin-bottom: -2px;
    font-size: 13px;
    padding: 0 4px 0;
    color: #fff;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

    .screwypostbitisim  dd { float: right; }

Hemen Ardından
Admin Paneli > Yapılandırma > Özel Profil Alanları > Yeni Profil Alanı Ekle

Başlık: İsim
Kısa Tanımlama: Bu Alana Adınızı Giriniz
Alan Tipi: Yazı Kutusu
Maksimum Uzunluk: 25
Gerekli mi?: Evet

Bu Şekilde Yapın. Gerisini Ellemeyin..

Ardından Admin Paneli > Temalar & Şablonlar > Şablonlar > Kullandığınız Temanın Şablonları > Postbit Şablonları > Postbit ve postbit_classic şablonlarına aşağıdaki kodu ekleyin...

Kod: Tümünü Seç Tümünü Kopyala

{$ignore_bit}
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="{$post_extra_style} {$post_visibility}" id="post_{$post['pid']}">
    
<td class="tcat" colspan="2"><div style="float:left">{$post['postdate']}, {$post['posttime']} <span id="edited_by_{$post['pid']}">{$post['editedmsg']}</span></div></td>


<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>
{$post['onlinestatus']}
        <div class=postingo><strong><span class="largetext">{$post['profilelink']}</span></strong></div>
        <span class="smalltext">
            <div class=postingo>{$post['usertitle']}</div>
            <div class=postingo>{$post['groupimage']}</div>
            <div class=postingo>{$post['useravatar']}</div>
            {$post['user_details']}
<div class="screwypostbitisim">İsim<dd> {$post['fidx']} </dd></div>
        </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>

Yukarıdaki kodları şablonları ekledikten sonra aşağıdaki kodu bulun;

Kod: Tümünü Seç Tümünü Kopyala

<div class="screwypostbitisim">İsim<dd> {$post['fidx']} </dd></div>

ve fidx yazan yerdeki x değerini oluşturduğunuz id numarasını girin.

Daha Sonra Admin Paneli > Temalar & Şablonlar > Şablonlar > Kullandığınız Temanın Şablonları > Postbit Şablonları > postbit_author_user şablonunu açın. İçindekileri silin ve aşağıdaki kodları ekleyin.

Kod: Tümünü Seç Tümünü Kopyala

<div class=postingo><marquee><font color=red><strong> $post[fid4]</font></strong></marquee></div>
<div class=postingo><strong>{$lang->postbit_joined} {$post['userregdate']}</strong></div>
<div class=postingo><strong>Mesajlar : {$post['postnum']}</strong></div>
<div class=postingo>{$post['replink']}</div>
<div class=postingo>{$post['warninglevel']}</div>

Bir Teşekkürü Çok Görmeyin. Bu Arada.. Hani Olur ya İmageler Kırılır falan diye düşünürseniz EK Olarak Konuya Resim Dosyasını Ekledim..
Rar Pass: wts_edward
Not: Başka Yerlerde Paylaşırken Kaynak Olarak 10TL.NET, MYBBDEPO, Screwy Olarak Ekleyin..
Not2: İmagesler photobucket'e yüklendi tek yapmanız gereken kodları sitenize eklemek..
Not3: Her İhtimale Karşı değişiklik yapacağınız şablon kodlarını yedekleyin..

Demo;
wtsupport.10tl.net

[The Legend (Emektar)]

Teşekkürler ..

[Edward]

Rica Ederim..

[goksel57]

mavi ve yeşil renkleri değiştirebilir miyiz ??

[Edward]

mavi ve yeşil renkleri değiştirebilir miyiz ??

İstediğiniz Gibi Düzenleyebilirsiniz. Renk Kodlarını Değiştirin.

[goksel57]

EDİT

[Batuhann]

Teşekkürler..

[goksel57]

yapamayanlar postbit classic'in içindekileri postbit şablonuna yapıştırsın ;)

[Edward]

Teşekkürler..

Rica Ederim..

[Secilmis42 (Emektar)]

Teşekkürler..

[Edward]

Rica Ederim..

[Forumsetup]

Eyvallah, kardeşim.

[Edward]

Önemli Değil :)

[Kaily]

Teşekkürler.

[Edward]

Rica Ederim :)

[umut melih akyol]

Edward Hocam .. yaptım fakat Sorun bir tane şu oldu isim yazdığım zaman ismim postbitin altındaki mavi yerde gözükmesi yerinde mavi yerin altında gözüküyo :(

[Kaily]

fid4 olması lazım belki fid5 falandır.Eğer fid5 vb. ise postbit_author_user'den

Kod: Tümünü Seç Tümünü Kopyala

<div class=postingo><marquee><font color=red><strong> $post[fid4]</font></strong></marquee></div>

fid4 olan yeri değiştirin.

[umut melih akyol]

fid4 olması lazım belki fid5 falandır.Eğer fid5 vb. ise postbit_author_user'den

Kod: Tümünü Seç Tümünü Kopyala

<div class=postingo><marquee><font color=red><strong> $post[fid4]</font></strong></marquee></div>

fid4 olan yeri değiştirin.

dediğin gibi kontrol ettim fakat sorun yoktu :)

[#Captain]

O Karekterlerle ilgili bir sorun özel profil alanından isim yerini bul açtığın özel profil alanını max uzunluğu 40 yap (:
Düzelecektir.

[Edward]

sorunu tam anlamadım umut melih. resim ile göstersen.