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).
Teknology avatar
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 0/5 - 0 oy

CDO Postbit tasarımı


Sponsor Reklam
media venus

Çevrimdışı Teknology
 Tarih: 02-06-2014, Saat:14:06
#1

Global.css en altına;
Kod:
#avatars {
background: #fff url(http://i.hizliresim.com/xV6B2n.jpg);
    width: 150px;
    color: #000;
    border: 1px dashed #000;
    margin-bottom: 5px;
    padding: 5px;
    text-align: center;
}

.pd {
    background: #fff url(http://p1304.hizliresim.com/18/r/mcdqb.png);
    width: 150px;
    color: #000;
    border: 1px dashed #000;
    margin-bottom: 5px;
    padding: 5px;
    text-align: center;
}

.pds {
    background: #fff url(http://www.hadiyukle.com/themes/Hadi%20Theme%20v2/img/content.png);
    width: 150px;
    color: #000;
    border: 1px dashed #000;
    margin-bottom: 5px;
    padding: 5px;
    text-align: center;
}

Postbit,Postbit_Classic şablonlarına şu kod;

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}" 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>

<td class="{$altbg}" width="15%" valign="top" style="white-space: nowrap; text-align: center;"><a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>
        <strong><div class="pds"><span class="largetext">{$post['profilelink']}</span></strong><br />
        <span class="smalltext">
            {$post['usertitle']}<br />
            {$post['userstars']}
            {$post['groupimage']}</div><br />
            <div id="avatars">{$post['useravatar']}</div><br />
            {$post['user_details']}
        </span>
</td>

</tr>
<tr>
    <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>
    <td class="{$altbg}" style="white-space: nowrap; text-align: center; vertical-align: middle;"><span class="smalltext"><div class="pds">{$post['postdate']} {$post['posttime']}</div></span></td>

</tr>
</table>

postbit_avatar

Kod:
<div id="donenavatar">
<a href="{$post['profilelink_plain']}"><img src="{$post['avatar']}" height="100" width="100" alt="avatar" /></a>
</div>

<style>#donenavatar{
    -webkit-transition: -webkit-transform 1s ease-in-out;
    -moz-transition: -moz-transform 1s ease-in-out;
    -o-transition: -o-transform 1s ease-in-out;
    -ms-transition: -ms-transform 1s ease-in-out;
        -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -ms-transition: 1s;
    transition: 1s;
    opacity: 1;
background-image: url(http://st.10tl.net/tema/teknology/images/cerceve.png);
width: 100px;
height: 100px;
background-position: center center;
background-repeat: no-repeat;
padding: 15px;
margin: auto auto;
}

#donenavatar:hover{
     -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    opacity: 0.1;
}

</style>

postbit_author_user
Kod:
<div class="pd">{$lang->postbit_posts} {$post['postnum']}</div>
<div class="pd">{$lang->postbit_joined} {$post['userregdate']}</div>
    {$post['replink']}{$post['warninglevel']}


postbit_warninglevel
Kod:
<div class="pd">{$lang->postbit_warning_level} <a href="{$warning_link}">{$warning_level}</a></div>

postbit_reputation
Kod:
<div class="pd">{$lang->postbit_reputation} {$post['userreputation']}</div>

Admin KP > Şablon Stil > Şablonlar > Temanız > Konu Gösterimi Şablonlar > showthread_classic_header > İçerisindeki tüm kodları silin ve kaydedin.

Bu kadar anlattık birde Ekran görüntüsü koyalım

resim

Demo;
Kod:
http://turkiyeoyuncum.10tl.net/showthread.php?tid=400
Cevapla
Bunu Beğenenler: Kiliza
Sponsor Reklam
sponsor reklam sponsor reklam

Çevrimdışı SkullzDe
 Tarih: 02-06-2014, Saat:14:56
#2
Güzel Olmus Hocam Elinize Sağlık.
Cevapla
Bunu Beğenenler:

Çevrimdışı Teknology
 Tarih: 02-06-2014, Saat:15:06
#3
Teşekkürler yorum için.
Cevapla
Bunu Beğenenler:

Çevrimdışı 1st4n6uL
 Tarih: 02-06-2014, Saat:17:27
#4
İlk kez sağ tarafta posbit görüyorum. Genelde araplarda olur Gülümseme Genel olarak güzel olmuş.
Cevapla
Bunu Beğenenler:

Çevrimdışı bitanem03
 Tarih: 02-06-2014, Saat:19:58
#5
Hocam konu butonlarını paylaş sanız
Cevapla
Bunu Beğenenler:

Çevrimdışı Teknology
 Tarih: 03-06-2014, Saat:23:53
#6
Maalesef paylaşamam,yorumlar için teşekkürler.
Cevapla
Bunu Beğenenler:

Çevrimdışı ottomanuel
 Tarih: 04-06-2014, Saat:02:44
#7
sol tarafta gözükmesin için napabiliriz Açık Ağızlı Gülümseme
Cevapla
Bunu Beğenenler:

Çevrimdışı Teknology
 Tarih: 15-06-2014, Saat:17:50
#8
(04-06-2014, Saat:02:44)ottomanuel Adlı Kullanıcıdan Alıntı: sol tarafta gözükmesin için napabiliriz Açık Ağızlı Gülümseme

Kodda birkaç değişiklik Gülümseme
Cevapla
Bunu Beğenenler:

 


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



Konuyu Okuyanlar: 1 Ziyaretçi