02-06-2014, Saat:14:06
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
Demo;
Kod:
http://turkiyeoyuncum.10tl.net/showthread.php?tid=400
Genel olarak güzel olmuş.