MyBBDepo - Türkiyenin MyBB Deposu Forumuna Hoşgeldiniz
Eğer sitemize yaptığınız ilk ziyaretiniz ise, lütfen öncelikle Forum Kurallarını okuyunuz. Forumumuzda bilgi alışverişinde bulunabilmeniz için Kayıt olmalısınız. Üye olmayanlar forumumuzdan yararlanamazlar.
Eğer zaten kayıtlı kullanıcı iseniz, lütfen kullanıcı adınız ve şifreniz ile, Giriş yapınız. (Sitemize üyelik ücretsizdir).
007combatant avatar
Konuyu Oyla:
  • Derecelendirme: 4/5 - 2 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 4/5 - 2 oy

Pro Paket Stili Postbit Yapımı


Sponsor Reklam
media venus

Çevrimdışı 007combatant
 Tarih: 04-06-2012, Saat:10:34
(Son Düzenleme: 04-06-2012, Saat:15:13, Düzenleyen: ßyßurak.)
#1
Merhaba Arkadaşlar şimdi Pro paketteki gibi Postbit yapımını göreceğiz..

İlk olarak css oluşturalım.

Admincp / Temalar & Şablonlar Sağ Ok temanız Sağ Ok 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 Sağ Ok Şablonlar Sağ Ok Temanız Sağ Ok PostBit - [postbit] Şablonlar Sağ Ok 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 Sağ Ok Şablonlar Sağ Ok Temanız Sağ Ok PostBit - [postbit] Şablonlar Sağ Ok 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 Sağ Ok Şablonlar Sağ Ok Temanız Sağ Ok PostBit - [postbit] Şablonlar Sağ Ok 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 Sağ Ok Şablonlar Sağ Ok Temanız Sağ Ok PostBit - [postbit] Şablonlar Sağ Ok 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 Sağ Ok Şablonlar Sağ Ok Temanız Sağ Ok PostBit - [postbit] Şablonlar Sağ Ok 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 Sağ Ok Şablonlar Sağ Ok Temanız Sağ Ok PostBit - [postbit] Şablonlar Sağ Ok 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 Sağ Ok Ayarlar Sağ Ok Forum Ayarları Sağ Ok Ö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 Gülümseme

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 Gülümseme

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ü:

resim

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



AlıntıKaynak: www.mybb.com.tr


Ek Dosyalar
.rar   postbit-alani.rar (Dosya Boyutu: 556.41 KB / İndirme Sayısı: 663)
Cevapla
Sponsor Reklam
sponsor reklam sponsor reklam

İzinli TheLegend
 Tarih: 04-06-2012, Saat:12:14
#2
Teşekkürler Gülümseme
Cevapla
Bunu Beğenenler:

Çevrimdışı biqlou
 Tarih: 04-06-2012, Saat:12:39
#3
teşekürler yaptım fakat böyle bir görünüm aldı mybb de yeniyim k.bakmayın Gülümseme

resim
Cevapla
Bunu Beğenenler:

Çevrimdışı suleyman70
 Tarih: 30-06-2012, Saat:14:38
#4
Arkadaşım şu şekilde oluyor: resim
Cevapla
Bunu Beğenenler:

Çevrimdışı Selim Atalay
 Tarih: 06-07-2012, Saat:00:28
#5
Kayma Sorunu var ?
Cevapla
Bunu Beğenenler:

Çevrimdışı metin895
 Tarih: 06-07-2012, Saat:20:13
#6
arkadaşlar kodlamaları firefox'dan yapın düzgün oluyor Gülümseme
Cevapla
Bunu Beğenenler:

Çevrimdışı kzumix
 Tarih: 18-02-2013, Saat:10:42
(Son Düzenleme: 18-02-2013, Saat:11:38, Düzenleyen: kzumix.)
#7
bende yaptım ama buradakaki gibi bi görüntü çıktı nerde yanlış yaptım acaba
resim
Cevapla
Bunu Beğenenler:

Çevrimdışı btn99
 Tarih: 23-03-2013, Saat:15:46
#8
arkadaşlar bende yaptım ama açılan yerler her dk açık
Cevapla
Bunu Beğenenler:

 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  Machine Postbit Tasarımı ! Machine 75 21,076 11-11-2016, Saat:10:45
Son Yorum: furkan_scream
  Yardıma İhtiyacım var postbit awdawd 3 545 23-02-2016, Saat:19:48
Son Yorum: Dream41
  Herkesin Aradığı Postbit Kodu #Arawn 6 2,650 31-01-2016, Saat:17:32
Son Yorum: EmreUnal27
  Beta Postbit [ Beklenen Postbit ] Rodus 8 3,268 10-11-2015, Saat:00:33
Son Yorum: skayder
  Süper vBulletin 4 Tarzı Postbit+Avatar SvcTR 14 14,443 30-07-2015, Saat:15:37
Son Yorum: huseyintanik



Konuyu Okuyanlar: 1 Ziyaretçi