Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
[MYBB] Keyifsizm Teması Tarzı Postbit Kodu
#1
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ü:
8813incik1764985.png
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.
Cevapla PGM
Teşekkür verenler:
#2
Teşekkürler ben beğendim :)
Ara
Cevapla PGM
Teşekkür verenler:
#3
Çok beğendim teşekkürler.
Ara
Cevapla PGM
Teşekkür verenler:
#4
@Shelby, @EmSaLSiZ: http://destek.10tl.net/showthread.php?tid=97485
https://instagram.com/alphazzers
Ara
Cevapla PGM
Teşekkür verenler:
#5
Kod:
Merhabalar. Bu postbit bir internet adresimizden ALINTIDIR. Kendi yapımım değildir.
@#Captain ;
RDXp1o.png

@Lastworld ;

8813incik1764985.png
Denetleme Ekibi Lideri: 22-06-2018 -  ....
Ara
Cevapla PGM
Teşekkür verenler:
#6
Kodlarda değişiklikler var, tam olarak aynısı değil.
Ara
Cevapla PGM
Teşekkür verenler:
#7
En baş kısımda kendi yapımım olmadığını belirtmiştim. Kodlar editlenmiş şekildedir ve kendi forumumda kullandığım stilde burada paylaştım. Herhangi bir şekilde hırsızlık yapmadım. Üyeler dilediği şekilde forumlarında kullanabilirler.
Cevapla PGM
Teşekkür verenler:
#8
(18-07-2018 Saat: 17:32)LastWorld Nickli Kullanıcıdan Alıntı: En baş kısımda kendi yapımım olmadığını belirtmiştim. Kodlar editlenmiş şekildedir ve kendi forumumda kullandığım stilde burada paylaştım. Herhangi bir şekilde hırsızlık yapmadım. Üyeler dilediği şekilde forumlarında kullanabilirler.

Ben zaten hırsızlık yaptınız demedim, sadece bu postbit içeriği zaten burada var anlamında bir link verdim. Eğer yanlış anladıysanız; özür dilerim.

Tabiki isteyen sizinkini kullanabilir ama aynı içerik sadece css background renkleri farklı olduğu için iki konunda açık olması bana saçma geliyor.
https://instagram.com/alphazzers
Ara
Cevapla PGM
Teşekkür verenler:
#9
Postbit'i ben çizmiştim, gayet güzel bir yorumlama olmuş. Fakat üçgenler biraz daha küçültülmeli gibi hocam :) Elinize sağlık.
& digital artist
sans toi les émotions d’aujourd’hui ne sont que la peau morte des émotions d’autrefois.
Ara
Cevapla PGM
Teşekkür verenler:
#10
D10 Modern Temaya benziyor gibi gibi.
Ara
Cevapla PGM
Teşekkür verenler:
#11
Elinize sağlık.
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi



YILLARIN FORUMU / Forumcu.10TL.NeT -

Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping