Sitenize OnLiNe PostBit v.1

[Captan]

Yapımcı: OnLiNe.Şimdi anlatıma geçelim.

Admin kp > Temalar > Global css;

En alta bu kodu ekleyin.

Kod: Tümünü Seç Tümünü Kopyala

#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://i.imgur.com/P6b5vYG.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;
}
#postuser {
background: #F0F0F0;
    background: -moz-linear-gradient(top, #FDFDFD 0%, #F9F9F9 44%, #E5E5E5 100%);
    background: -webkit-linear-gradient(top, #FDFDFD 0%, #F9F9F9 44%,#E5E5E5 100%);
    background: -o-linear-gradient(top, #FDFDFDF 0%,#F9F9F9 44%,#E5E5E5 100%);
    background: -ms-linear-gradient(top, #FDFDFD 0%,#F9F9F9 44%,#E5E5E5 100%);
    background: linear-gradient(top, #FDFDFD 0%,#F9F9F9 44%,#E5E5E5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FDFDFD', endColorstr='#E5E5E5',GradientType=0 );
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0pt 0pt 1em #B6B6B6;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: normal;
    margin-bottom: 3px;
    padding: 6px 5px 5px;
    text-align: left;
    width: 92%;
    border: 1px solid #BABABA;
}

Admin kp > Şablonlar > Postbit sil ve ekle.

Kod: Tümünü Seç Tümünü Kopyala

{$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}" width="15%" valign="top" style="white-space: nowrap; text-align: center;"><a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>

<strong><span class="largetext"><div id="postuser"><center>{$post['profilelink']}</center></div></span></strong>

<div id="postuser"><center>{$post['onlinestatus']}</center></div>
        <span class="smalltext">
          
            <div id="postuser"><center>{$post['groupimage']}</center></div>
            <div id="postuser"><center>{$post['usertitle']}</center></div>
            <div id="postuser"><center>{$post['userstars']}<center></div>
            <div id="postuser">{$post['useravatar']}</div>
            {$post['user_details']}
        </span></div>
    </td>
    <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>
</tr>
<tr>
    <td class="{$altbg}" style="white-space: nowrap; text-align: center; vertical-align: middle;"><span class="smalltext">{$post['postdate']} {$post['posttime']}</span></td>
    <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_tyl']}{$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>
</tr>

</table>

Postbit author guest sil ve ekle.

Kod: Tümünü Seç Tümünü Kopyala

<div id="postuser"><center>{$lang->postbit_posts} {$post['postnum']}</center></div>
<div id="postuser"><center>{$lang->postbit_joined} {$post['userregdate']}</center></div>
<div id="postuser"><center>{$post['replink']}</center></div>
<div id="postuser"><center>{$post['warninglevel']}</center></div>

Postbit author user sil ve ekle.

Kod: Tümünü Seç Tümünü Kopyala

<div id="postuser"><center>{$lang->postbit_posts} {$post['postnum']}</center></div>
<div id="postuser"><center>{$lang->postbit_joined} {$post['userregdate']}</center></div>
<div id="postuser"><center>{$post['replink']}</center></div>
<div id="postuser"><center>{$post['warninglevel']}</center></div>

Postbit avatar sil ve ekle.

Kod: Tümünü Seç Tümünü Kopyala

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

Postbit offline sil ve ekle.

Kod: Tümünü Seç Tümünü Kopyala

<img src="http://i.imgur.com/yNXbGwz.png" title="{$lang->postbit_status_offline}" alt="{$lang->postbit_status_offline}" />

Postbit online sil ve ekle.

Kod: Tümünü Seç Tümünü Kopyala

<a href="online.php" title="{$lang->postbit_status_online}"><img src="http://i.imgur.com/3EaCYqe.png" border="0" alt="{$lang->postbit_status_online}" /></a>

Postbit reputation sil ve ekle.

Kod: Tümünü Seç Tümünü Kopyala

{$lang->postbit_reputation} {$post['userreputation']}

Postbit warninglevel sil ve ekle.

Kod: Tümünü Seç Tümünü Kopyala

{$lang->postbit_warning_level} <a href="{$warning_link}">{$warning_level}</a>

Görüntüler;
Online hali

Offline hali


Avatarın üzerine gelince 360 derece dönüyor ve soluklaşıyor.



alıntıdır..