MyBB Depo Forum
CDO Postbit tasarımı - Baskı Önizleme

+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: MyBB 1.6 Depo (https://mybbdepo.com/mybb-1-6-depo-forumu)
+--- Forum: MyBB 1.6 Modifikasyon & Eklenti Deposu (https://mybbdepo.com/mybb-1-6-modifikasyon-eklenti-deposu-forumu)
+---- Forum: Üye Profili & Postbit (https://mybbdepo.com/uye-profili-postbit-forumu)
+---- Konu Başlığı: CDO Postbit tasarımı (/cdo-postbit-tasarimi-konusu.html)

Sayfalar: 1 2


CDO Postbit tasarımı - Teknology - 02-06-2014


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



Cvp: CDO Postbit tasarımı - SkullzDe - 02-06-2014

Güzel Olmus Hocam Elinize Sağlık.


Cvp: CDO Postbit tasarımı - Teknology - 02-06-2014

Teşekkürler yorum için.


Cvp: CDO Postbit tasarımı - 1st4n6uL - 02-06-2014

İlk kez sağ tarafta posbit görüyorum. Genelde araplarda olur Gülümseme Genel olarak güzel olmuş.


Cvp: CDO Postbit tasarımı - bitanem03 - 02-06-2014

Hocam konu butonlarını paylaş sanız


Cvp: CDO Postbit tasarımı - Teknology - 03-06-2014

Maalesef paylaşamam,yorumlar için teşekkürler.


Cvp: CDO Postbit tasarımı - ottomanuel - 04-06-2014

sol tarafta gözükmesin için napabiliriz Açık Ağızlı Gülümseme


Cvp: CDO Postbit tasarımı - Teknology - 15-06-2014

(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