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

Ç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

Ç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 77 26,405 02-08-2017, Saat:05:19
Son Yorum: devotion
  Beta Postbit [ Beklenen Postbit ] Rodus 9 5,008 07-02-2017, Saat:12:59
Son Yorum: batumgungor
  Yardıma İhtiyacım var postbit awdawd 3 1,144 23-02-2016, Saat:19:48
Son Yorum: Dream41
  Herkesin Aradığı Postbit Kodu #Arawn 6 3,522 31-01-2016, Saat:17:32
Son Yorum: EmreUnal27
  Süper vBulletin 4 Tarzı Postbit+Avatar SvcTR 14 15,682 30-07-2015, Saat:15:37
Son Yorum: huseyintanik



Konuyu Okuyanlar: 1 Ziyaretçi