18-07-2018 Saat: 15:13
Not: Bu işlemleri yapmadan önce lütfen gerekli yedekleri alınız.
Merhabalar. Bu postbit bir internet adresimizden ALINTIDIR. Kendi yapımım değildir.
Görüntü:
1) Admin Paneli - Temalar ve Şablonlar - Temanız - Yeni Css oluştur kısmına giriniz. Oluşturacağınız css adını postbit.css yapınız. Genel Stil'i seçin - Kendi içeriğimi yazmak istiyorum butonuna tıklayın. Aşağıda açılan kısma şu kodları ekleyin:Kod:
.online-status {
height: 5px;
margin: 0px 0px 5px 0px;
background: #ff2626;
}
.online-status.offine {
background: #dd0000;
}
.online-status.online {
background: #4ebc00;
}
.online-status.away {
background: #bfbf00;
}
.post_nickname {
margin: 0px 0px;
text-align: center;
font-size: 12px;
background: #ffffff;
font-family: 'Titillium Web',sans-serif;
}
.postbit-bg.id-4 {
margin: 0 -10px;
height: 130px;
}
.postbit-bg {
height: 140px;
background-image: url(https://i.hizliresim.com/g6qpaR.png), url(https://cdn.discordapp.com/attachments/410884661250752512/422408108531515394/1.png);
background-repeat: no-repeat;
background-position: top, bottom;
padding: 4px;
position: relative;
}
.postbit-bg:before,
.postbit-bg:after {
content: '';
position: absolute;
top: calc(50% - 21px);
left: 4px;
height:26px;
width:36px;
background: #fff;
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
.postbit-bg:after {
background:#00a1ff;
height:20px;
width:24px;
top: calc(50% - 16px);
left: 10px;
}
.author_avatar:before,
.author_avatar:after {
content: '';
position: absolute;
top: calc(50% - 21px);
right: 4px;
height:26px;
width:36px;
background: #fff;
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
.author_avatar:after {
background:#00a1ff;
height:20px;
width:24px;
top: calc(50% - 16px);
right: 10px;
}
.postbit_slash {
font-size: 17px;
word-wrap: normal;
letter-spacing: 2px;
font-style: italic;
color: #00a1ff;
font-weight: bold;
margin-top: -6px;
user-select: none;
margin-left: -4px;
}
.postbit_user-detail {
background: #dddddd;
color: #000;
border-top: 1px solid #bdbdbd;
border-bottom: 1px solid #bdbdbd;
margin-bottom: 6px;
padding: 6px;
text-align: center;
font-size: 11px;
}
.postbit_user-detail > span {
background: #00a1ff;
float: left;
margin-top: -6px;
margin-left: -6px;
padding: 6px;
width: 40%;
text-align: left;
color: #fff;
}
2) Admin Kp - Temalar ve Şablonlar - Şablonlar - Temanızın İsmi - Postbit Şablonları - postbit ve postbit classic kısmına şu kodu ekleyin ve kaydedin.
Kod:
{$ignore_bit}{$deleted_bit}
<a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>
<div class="post classic {$unapproved_shade}" style="{$post_visibility}" id="post_{$post['pid']}">
<div class="post_author scaleimages groupid-{$post['usergroup']}">
{$post['onlinestatus']}
<div class="post_nickname">{$post['profilelink']}</div>
<div class="postbit-bg ">
{$post['useravatar']}
</div>
<div style="margin-top: -10px;">{$post['groupimage']} {$post['additional_images']}</div>
<div class="postbit_slash">/////////////////////////////////////////////////////</div>
<div class="author_statistics">
{$post['user_details']}
</div>
</div>
<div class="post_content">
<div class="post_head">
{$post['posturl']}
{$post['icon']}
<span class="post_date">{$post['postdate']} <span class="post_edit" id="edited_by_{$post['pid']}">{$post['editedmsg']}</span></span>
{$post['subject_extra']}
</div>
<div class="post_body scaleimages">
{$post['message']}
</div>
{$post['attachments']}
{$post['signature']}
<div class="post_meta" id="post_meta_{$post['pid']}">
{$post['iplogged']}
<div class="float_right">
{$post['poststatus']}
</div>
</div>
{$post['input_editreason']}
</div>
<div class="post_controls">
<div class="postbit_buttons author_buttons float_left">
{$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}
</div>
<div class="postbit_buttons post_management_buttons float_right">
{$post['button_edit']}{$post['button_quickdelete']}{$post['button_quickrestore']}{$post['button_quote']}{$post['thanks']}{$post['button_multiquote']}{$post['button_report']}{$post['button_warn']}{$post['button_purgespammer']}{$post['button_reply_pm']}{$post['button_replyall_pm']}{$post['button_forward_pm']}{$post['button_delete_pm']}
</div>{$post['thxdsp_outline']}{$post['thxdsp_outline']}
</div>
</div>
3) Admin Kp - Temalar ve Şablonlar - Şablonlar - Temanızın İsmi - Postbit Şablonları - postbit_author_user kısmındaki kodları silip aşağıdaki kodu yapıştırın.
Kod:
<div class="postbit_user-detail"><span>{$lang->postbit_posts}</span> {$post['postnum']}</div>
<div class="postbit_user-detail"><span>{$lang->postbit_threads}</span> {$post['threadnum']}</div>
<div class="postbit_user-detail"><span>{$lang->postbit_joined}</span> {$post['userregdate']}</div>
{$post['replink']}
4) Admin Kp - Temalar ve Şablonlar - Şablonlar - Temanızın İsmi - Postbit Şablonları - postbit_avatar kısmındaki kodları silip aşağıdaki kodu yapıştırın.
Kod:
<div class="author_avatar"><a href="{$post['profilelink_plain']}"><img src="{$useravatar['image']}" alt="" height="115" width="120" /></a></div>
5) Admin Kp - Temalar ve Şablonlar - Şablonlar - Temanızın İsmi - Postbit Şablonları - postbit_offline kısmındaki kodları silip aşağıdaki kodu yapıştırın.
Kod:
<div class="online-status offline" title="{$lang->postbit_status_offline}"></div>
6) Admin Kp - Temalar ve Şablonlar - Şablonlar - Temanızın İsmi - Postbit Şablonları - postbit_online kısmındaki kodları silip aşağıdaki kodu yapıştırın.
Kod:
<a href="online.php" title="{$lang->postbit_status_online}">
<div class="online-status online"></div>
</a>
7) Admin Kp - Temalar ve Şablonlar - Şablonlar - Temanızın İsmi - Postbit Şablonları - postbit_away kısmındaki kodları silip aşağıdaki kodu yapıştırın.
Kod:
<div class="online-status away" title="{$lang->postbit_status_away}"></div>
8) Admin Kp - Temalar ve Şablonlar - Şablonlar - Temanızın İsmi - Postbit Şablonları - postbit_posturl kısmındaki kodları silip aşağıdaki kodu yapıştırın.
Kod:
<div class="float_right" style="vertical-align: top;margin-right: 20px;">
<strong><a href="{$post['postlink']}#pid{$post['pid']}" title="{$post['subject_title']}">#{$post_number}</a></strong>
{$post['inlinecheck']}
</div>
9) Admin Kp - Temalar ve Şablonlar - Şablonlar - Temanızın İsmi - Postbit Şablonları - postbit_reputation kısmındaki kodları silip aşağıdaki kodu yapıştırın.
Kod:
<div class="postbit_user-detail"><span>{$lang->postbit_reputation}</span> {$post['userreputation']}</div>
10) Admin Kp - Temalar ve Şablonlar - Şablonlar - Temanızın İsmi - Postbit Şablonları - postbit_reputation_formatted_link kısmındaki kodları silip aşağıdaki kodu yapıştırın.
Kod:
<a href="reputation.php?uid={$uid}" style="color:#fff;"><strong class="{$reputation_class}">{$reputation}</strong></a>
11) Admin Kp - Temalar ve Şablonlar - Temanız - css3.css metnine girin. Aşağıdaki kodun başlığıyla başlayan benzer kodu bulun ve aşağıdaki kod ile değiştirin.
Kod:
.post.classic .post_author {
-moz-border-radius: 0 6px 6px 0;
-webkit-border-radius: 0 6px 6px 0;
border-radius: 3px;
}
12) Son kısımda Admin Kp - Temalar ve Şablonlar - Temanız - global.css kısmına girin. Aşağıdaki kodların başlıklarıyla başlayan benzer kodları bulup aşağıdaki kodlar ile değiştirin.
Kod:
.post {
overflow: hidden;
}
Kod:
.post.classic {
background: #fff;
margin-top: 6px;
}
Kod:
.post .post_author {
border-bottom: 1px solid #ccc;
border-top: 2px solid #ccc;
background: #ffffff;
overflow: hidden;
}
Kod:
.post.classic .post_author {
border: 1px solid #f3f3f3;
float: left;
width: 230px;
margin: 0 1% 15px 0;
margin-left:2px;
}
Kod:
.post .post_author .buddy_status {
vertical-align: middle;
margin-top: -4px;
}
Kod:
.post .post_author div.author_avatar {
float: left;
}
Kod:
.post.classic .post_author div.author_avatar {
float: none;
text-align: center;
}
Kod:
.post .post_author div.author_avatar img {
padding: 3px;
background: #0066a2;
border-radius: 100px;
}
Kod:
.post .post_author div.author_information {
float: left;
padding: 6px 8px;
}
Kod:
.post.classic .post_author div.author_information {
float: none;
padding: 0;
text-align: center;
}
Kod:
.post .post_head {
font-size: 11px;
padding-bottom: 4px;
border-bottom: 1px dotted #ddd;
margin-bottom: 4px;
}
Kod:
.post .post_head span.post_date {
color: #666;
}
Kod:
.post .post_head span.edited_post {
font-size: 10px;
color: #999;
}
Kod:
.post .post_head span.edited_post a {
color: #666;
}
Kod:
.post_body {
font-size: 14px;
padding: 12px 0;
}
Kod:
.post.classic .post_content {
float: left;
width: calc(94% - 210px);
padding: 0 1% 5px 1%;
}
NOT: Postbitte herhangi bir genişlik, sığmama veya küçük gelme gibi sorun var ise. Admin KP - Temalar ve Şablonlar - Temanız - global.css kısmındaki .post.classic .post_author { ile başlayan kodu bulun ve width: değerini değiştirin.