Pro Paket Stili Postbit Yapımı

[GeCeCi KaBuS]

Merhaba Arkadaşlar şimdi Pro paketteki gibi Postbit yapımını göreceğiz..

İlk olarak css oluşturalım.

Admincp / Temalar & Şablonlar temanız CSS oluştur diyoruz.

Stil Adı:

Kod:

postbit.css

Bağlı olduğu dosyalar:

Kod:

Genel Stil

Alta Kendi içeriğimi yazmak istiyorum tıklayın ve açılan kutucuğa aşağıdaki css kodlarını ekleyin ve kaydedin..

Kod:

.post_genislik {
    width: 100%;
    margin: auto auto;
    border: 0px solid #0C1F5D;
}

div#baslik h1 {
    background: #0d0c0c url(images/postbit/bilgi-baslik.png) repeat-x;
    border-color: #000;
    border-style: solid;
    border-width: 0 1px;
    display: block;
    height: 60px;
    margin: 0 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
div#icerik {
    background: #fff;
    border-color: #ddd;
    border-style: solid;
    border-width: 0 1px;
    margin: 0 10px;
    padding: 15px;
}

div#bitti {
    background: #b5b5b5 url(images/postbit/bilgi-bitti.png) repeat-x;
    border: 1px solid #ccc;
    border-bottom: 1px solid #aaa;
    padding: 6px;
    overflow: hidden;
    border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
}

.box-user {
    float: left;
}

.box-user-baslik {
    background: url(images/postbit/postbit.png) top left no-repeat;
    width: 200px;
    height: 11px;
}

.box-user-icerik {
    background: url(images/postbit/postbit-icerik.png) top left repeat-y;
    width: 200px;
    height: auto;
}

.box-user-bitti {
    background: url(images/postbit/postbit.png) bottom left no-repeat;
    width: 200px;
    height: 12px;
}

.box-user-bilgi {
    background: #fff url(images/postbit/postbit-bilgi.png) repeat-x;
    width: 170px;
    color: #373737;
    margin: 0 auto;
    padding: 0 10px;
    font-size: 13px;
}

.box-mesaj {
    float: left;
    margin-top: 4px;
    margin-left: 4px;
    background: #eaeaea;
    width: 763px;
    border: 1px solid #959595;
    margin-bottom: 10px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

body#private .box-mesaj {
    width: 518px;
}

.box-mesaj-icerik {
    padding: 15px 10px;
    background: #f5f5f5;
}

.box-mesaj-baslik {
    border-bottom: 1px dashed #ccc;
    padding: 5px 10px;
}

.box-mesaj-bitti {
    border-top: 1px dashed #ccc;
    padding: 5px 10px;
    height: 24px;
}

.sol_ok {
    position: absolute;
    margin-left: -40px;
}

.imza {
    max-width: 730px;
    max-height: 170px;
    overflow: auto;
}

body#private .imza {
    width: 430px;
}

.postbit_user_prof {
    background: url(images/postbit/post_user.png) no-repeat 0px 0px;
    width: 16px;
    height: 16px;
    padding: 2px;
    padding-left: 20px;
}

.postbit_user_email {
    background: url(images/gonder.png) no-repeat 0px 0px;
    width: 16px;
    height: 16px;
    padding: 2px;
    padding-left: 20px;
}

.postbit_user_pm {
    background: url(images/postbit/post_user_pm.png) no-repeat 0px 0px;
    width: 16px;
    height: 16px;
    padding: 2px;
    padding-left: 20px;
}

.postbit_user_ara {
    background: url(images/postbit/post_user_ara.png) no-repeat 0px 0px;
    width: 16px;
    height: 16px;
    padding: 2px;
    padding-left: 20px;
}

.postbit_user_www {
    background: url(images/postbit/post_user_www.png) no-repeat 0px 0px;
    width: 15px;
    height: 15px;
    padding: 2px;
    padding-left: 20px;
}

.box-avatar {
background-image: url(images/postbit/post_avatar_cerceve.png);
width: 94px;
height: 94px;
background-position: center center;
background-repeat: no-repeat;
padding: 10px;
}


.Plazma-Tv {
background-image: url(images/postbit/post_video_cerceve.png);
width: 691px;
height: 572px;
background-position: center;
background-repeat: no-repeat;
}

şimdi ;

admincp / Temalar & Şablonlar Şablonlar Temanız PostBit - [postbit] Şablonlar postbit_author_user şablonunu açın ve aşağıdaki kod ile değiştirin...

Kod:

{$lang->postbit_konucount} $threadscount<br />    
{$lang->postbit_posts} {$post['postnum']}<br />
{$lang->postbit_joined} {$post['userregdate']}
{$post['replink']}{$post['warninglevel']}

admincp / Temalar & Şablonlar Şablonlar Temanız PostBit - [postbit] Şablonlar postbit_avatar şablonunu açın ve aşağıdaki kod ile değiştirin..

Kod:

<a rel="nofollow" href="{$post['profilelink_plain']}"><img class="box-avatar" src="{$post['avatar']}" alt="user avatar" {$avatar_width_height} /></a>

admincp / Temalar & Şablonlar Şablonlar Temanız PostBit - [postbit] Şablonlar postbit_classic şablonunu açın aşağıdaki kod ile değiştirin..

Kod:

{$ignore_bit}
<a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>
<div class="post_genislik">
<table border="0" cellspacing="0" cellpadding="0" width="100%" style="{$post_extra_style} {$post_visibility}" id="post_{$post['pid']}">
    <tr>
        <td>
            <div class="box-user">
                <div class="box-user-baslik"></div>
                <div class="box-user-icerik">
                    <div class="box-user-bilgi" align="center">
                        <strong><span class="largetext"><a href="{$post['profilelink_plain']}" id="user_info_{$post['pid']}">{$post['username_formatted']}<img src="{$theme['imgdir']}/arrow_down.gif" alt="v" style="vertical-align: middle;" /></a></span></strong><br />
                        <div id="user_info_{$post['pid']}_popup" style="margin-left: -45px;" class="popup_menu smalltext" style="display: none;">
                        <div class="popup_item_container"><a href="{$post['profilelink_plain']}" class="popup_item"><span class="postbit_user_prof">{$post['username_formatted']} {$lang->nicks} {$lang->postbit_profile}</span></a></div>
                        {$post['button_email']}
                        {$post['button_pm']}
                        {$post['button_find']}
                        {$post['button_www']}
                        </div>
                        <script type="text/javascript">if(use_xmlhttprequest == "1"){new PopupMenu("user_info_{$post['pid']}");}</script>
                        <span class="smalltext">
                            {$post['usertitle']}<br />
                            {$post['userstars']}
                            {$post['groupimage']}
                            {$post['useravatar']}<br />
                            <div align="left">{$lang->postbit_durum} {$post['onlinestatus']}<br />
                            {$post['user_details']}<br />
                                                        {$post['button_rep']}<br />
<span style="text-align: left; vertical-align: bottom;" id="post_meta_{$post['pid']}">{$post['iplogged']}</span><br />

<span class="largetext"><a href="{$post['profilelink_plain']}" id="info_{$post['pid']}">
<div style="border-bottom: 1px dotted rgb(102, 102, 102); margin: 1px 0pt;"></div>
<span style="font-weight: bold; font-size: 11px; color: crimson;">Kişisel Bilgileri:</span>
<img src="{$theme['imgdir']}/arrow_down.gif" alt="v" style="vertical-align: middle;" /></a></span>
<div id="info_{$post['pid']}_popup" style="margin-left: -10px;" class="popup_menu smalltext" style="display: none;">

<div class="popup_item_container"><a class="popup_item"><span style=" font-weight: bold; color: green;">Yaşı:</span> {$post['fid4']}</a></div>
<div class="popup_item_container"><a class="popup_item"><span style=" font-weight: bold; color: green;">Meslek:</span> {$post['fid6']}</a></div>
<div class="popup_item_container"><a class="popup_item"><span style=" font-weight: bold; color: green;">Cinsiyet: <img src="{$theme['imgdir']}/postbit/cinsiyet/{$post['fid3']}.png" style="vertical-align: middle;" alt="{$post['fid3']}" title="{$post['fid3']}" border="0" height="16" width="16" /></a></div>
<div class="popup_item_container"><a class="popup_item"><span style=" font-weight: bold; color: green;">Nereden:</span> {$post['fid1']}</a></div>
<div class="popup_item_container"><a class="popup_item"><span style=" font-weight: bold; color: green;">Ruh Hali:</span> <img src="{$theme['imgdir']}/postbit/ruh-hali/{$post['fid5']}.gif" style="vertical-align: middle;" alt="{$post['fid5']}" title="{$post['fid5']}" border="0" height="25" width="110" /></a></div>
<div class="popup_item_container"><a class="popup_item"><span style=" font-weight: bold; color: green;">Takımı:</span> <img src="{$theme['imgdir']}/postbit/takim/{$post['fid6']}.gif" style="vertical-align: middle;" alt="{$post['fid7']}" title="{$post['fid7']}" border="0" height="25" width="110" /></a></div>
</div>
<script type="text/javascript">if(use_xmlhttprequest == "1"){new PopupMenu("info_{$post['pid']}");}</script>
</div>
                        </span>
                    </div>
                </div>
                <div class="box-user-bitti"></div>
            </div>
            <div class="box-mesaj">
                <div class="box-mesaj-baslik">
                    {$post['posturl']}<span class="smalltext">Konu Tarihi: <strong>{$post['postdate']} {$post['posttime']}</strong>{$post['subject_extra']}</span>
                    <div id="edited_by_{$post['pid']}">{$post['editedmsg']}</div>
                </div>
                <div class="box-mesaj-icerik">
                    <img src="{$theme['imgdir']}/postbit/ok.png" class="sol_ok" />
                    <div style="width: 100%">
                        <div id="pid_{$post['pid']}" style="padding: 5px 0 5px 0;">
                            {$post['message']}
                        </div>
                        {$post['attachments']}
                        {$post['signature']}
                    </div>
                </div>
                <div class="box-mesaj-bitti">
                    <div class="float_right smalltext">{$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']}</div>
                    <div class="smalltext"><script>function fbs_click(){u=location.href;t=document.title;window.open("http://www.facebook.com/sharer.php?u="+encodeURIComponent(u)+"&t="+encodeURIComponent(t),"sharer","toolbar=0,status=0,width=626,height=436");return false;}</script><style> html .fb_share_button { display: -moz-inline-block; display:inline-block; padding:1px 20px 0 5px; height:16px; border:1px solid #d8dfea;background:url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981)no-repeat top right; } html .fb_share_button:hover { color:#fff;border-color:#295582; background:#3b5998 url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981)no-repeat top right; text-decoration:none; } </style> <a rel="nofollow" href="http://www.facebook.com/share.php?u=<url>" class="fb_share_button" onclick="return fbs_click()" target="_blank" title="Facebook'ta Paylaş!" style="text-decoration:none;">Paylaş!</a></div>
                </div>
            </div>
        </td>
    </tr>
</table>
</div>

admincp / Temalar & Şablonlar Şablonlar Temanız PostBit - [postbit] Şablonlar postbit_email şablonunu açın aşağıdaki kod ile değiştirin..

Kod:

<div class="popup_item_container"><a rel="nofollow" href="member.php?action=emailuser&uid={$post['uid']}" class="popup_item"><span class="postbit_user_email">{$post['username']} {$lang->nicks} {$lang->postbit_email}</span></a></div>

admincp / Temalar & Şablonlar Şablonlar Temanız PostBit - [postbit] Şablonlar postbit_find şablonunu açın aşağıdaki kod ile değiştirin..

Kod:

<div class="popup_item_container"><a rel="nofollow" href="search.php?action=finduser&uid={$post['uid']}" class="popup_item"><span class="postbit_user_ara">{$post['username']} {$lang->nicks} {$lang->postbit_find}</span></a></div>

admincp / Temalar & Şablonlar Şablonlar Temanız PostBit - [postbit] Şablonlar postbit_pm şablonunu açın aşağıdaki kod ile değiştirin..

Kod:

<div class="popup_item_container"><a rel="nofollow" href="private.php?action=send&uid={$post['uid']}" class="popup_item"><span class="postbit_user_pm">{$post['username']} {$lang->nicks} {$lang->postbit_pm}</span></a></div>

şimdi gelelim ikinci probleme ? pro pakette bildiğiniz gibi takım vs var ? ben ek olarak vereceğim postbit klasöründe takım ve ve ruh hali'leri bulunmakta sizin yapmanız gereken aşağıdaki adımları izlemenizdir...

İlk Yaş alanını Oluşturalım.
admincp Ayarlar Forum Ayarları Özel Profil Yönetimini açıyoruz. ve yeni profil alanı ekle diyoruz.

Profil Başlığı

Kod:

Yaşı:

Kısa Bilgi

Kod:

Yaşı

Alan Seçenekleri

Kod:

Text Kutusu

Maximum Uzunluk

Kod:

2

Alan Uzunluğu
0

diyer ayarlara dokunmadan profil alanını kaydet tıklayın.

aynı şekil tekrar özel profil yönetiminden yeni profil alanını ekleye tıklıyoruz.
ikinci Ruh Hali alanını oluşturalım.

Profil Başlığı
Ruh Hali

Kısa Bilgi

Kod:

Ruh Hali

Alan Seçenekleri

Kod:

Kutu seç

Maximum Uzunluk

Alan Uzunluğu

Seçilebilir Alanlar?

Kod:

Acimasiz
Agresif
Arastirmaci
Aptal
Asik
Bezgin
Bilgin
Bitkin
Bulutlarda
Calisiyor
CapCanli
CokDertli
CokSinirli
CokYorgun
Depresyonda
Dusunceli
Eglenceli
EnerjiDolu
Fikirci
Geveze
Hasta
Huysuz
Huzurlu
Kabadayi
Kaygili
Keyifli
Komik
Kopkop
KorkuDolu
Korkak
KotuCocuk
Mahzun
Manyak
MelekGibi
Merakli
Meskul
Mutlu
Neredeyim
Neseli
OluGibi
Olgun
Panik
Paranoyak
Ruhsuz
Sakin
Saskin
Sekercik
Sersem
Seytan
SuluGoz
Suspus
Sokta
Saygin
Tuhaf
Terbiyesiz
Utangac
Uykucu
Uzgun
Yalniz
Yorgun

Görüntülenme Sırası

Kod:

7

diyer seçeneklere gerek yok profil alanını kaydet tıklayın.


üçüncüsü takım alanını oluşturalım..
tekrar yeni profil alanı ekle diyoruz.

Profil Başlığı

Kod:

Takımı

Kısa Bilgi

Kod:

Takımı

Alan Seçenekleri

Kod:

Kutu Seç

Maximum Uzunluk
0

Alan Uzunluğu
0

Seçilebilir Alanlar?

Kod:

Fenerbahce
Galatasaray
Trabzonspor
Besiktas

Görüntülenme Sırası

Kod:

7

diyer seçeneklere dokunmuyorsunuz ve profil alanını kaydet tıklayın.

işte bu kadar. bir dersimizinde sonuna geldik

Not:
Arkadaşlar burda çok dikkat etmenizgereken şey, fid değerlerdir. ben fid degerlerini sıfır kurulum yapanlar için anlattım eyer pro paket kurup tekrar temasını değiştiren olursa profil alanını oluşturmalarına gerek yok ! eyer önceden özel profil alanını oluşturup sildiniz olmadı ise burda lütfen sorunlarınızı belirtin fid konusunu çok hassas bir konu

ikincisi eyer postbitiniz dikey değilse sitemizde dikey yapma dersi mevcut. yine dikey olmadıylsa postbit_classic şablonunu postbit şablonuyla değiştirin..!
ekteki postbit klasörünü temanızın images klasörünün içine attın eyer default kullanıyorsanız images klasörüne attın.

Rar şifresi: mybb.com.tr


Ekran Görüntüsü:



Not: Eğer Postbit yapımında kayma sorunu oluşursa konulara bakınız..

Bkz: Pro Paket Postbit Kayma Sorunu 

Bkz: Pro postbit yapımı kayma hatası ? 

[xpserkan]

Anlatım süper kardeşim, eline sağlık hazır postbit isteyen olursa bu konunun adresinide verebiliriz artık bence tek kelime ile mükemmel..

[GeCeCi KaBuS]

eywh abi evet hem konu alanı hem postbit alanı ikisi bir arada dehşet oldu

[xpserkan]

Aynen aslında kod bilgisi olan kodları ayırıp dilediği gibi kullanabilir yani sadece postbit kısmınıda kullanabilirler bence çok hoş bir stil.

[GeCeCi KaBuS]

biz o işi görürüz abi farkımız olsun 24 saat kesintisiz..

[Atagenclik]

mükemmel oldu elinize sağlık

[GeCeCi KaBuS]

eywh. postbit istiyenler için vazgeçilmez postbit örneği artık postbit aramaya son