https://instagram.com/alphazzers
   
Konuyu Oyla:
  • Toplam: 2 Oy - Ortalama: 4.5
  • 1
  • 2
  • 3
  • 4
  • 5
ModernV2 Postbit [MyBB Uyarlandı + Bomba]
#1
Herkese merhaba !
Uzun uğraşlarım sonucu ModernV2'yi MyBB'ye uyarladım. Ve bunun yanı sıra postbitte bir kaç düzenleme yaptım, ki böyle daha iyi oldu bence. Öncelikle postbitin ekran görüntüsü;

NOT: YAPTIKTAN SONRA VEYA ÖNCE BAŞINIZA GELİP,  GELEBİLECEK HİÇBİR TÜRLÜ PROBLEMİ SORUMLULUĞUM ALTINA ALMIYORUM.

QZ78X3.png

Ayrıca demo site;

Kod:
dropforum.10tr.net

Yapılışı;
Postbit ve Postbit_Classic şablonlarını komple şu kod ile değiştiriyoruz;

Kod:
{$ignore_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="usertag"><strong>{$post['username']}</strong></div>
{$post['useravatar']}
<div class="rankps">{$post['fid1']}</div>
<div class="privateusertitle">{$post['usertitle']}</div>
<div class="usertagborder">&nbsp;</div>
<div class="socialfb"><div class="socialfb_positer"><a href="{$post['fid2']}"><img src="http://icons.iconarchive.com/icons/yootheme/social-bookmark/32/social-facebook-box-white-icon.png" alt="fb" title="Bu kişinin Facebook adresine git"></a></div></div>
<div class="socialtw"><div class="socialtw_positer"><a href="{$post['fid3']}"><img src="http://icons.iconarchive.com/icons/yootheme/social-bookmark/32/social-twitter-box-white-icon.png" alt="tw" title="Bu kişinin Twitter adresine git"></a></div></div>
<div class="socialgp"><div class="socialgp_positer"><a href="{$post['fid4']}"><img src="http://icons.iconarchive.com/icons/yootheme/social-bookmark/32/social-google-box-white-icon.png" alt="gp" title="Bu kişinin Google+ adresine git"></a></div></div>
<div class="auisim">İsim: <strong>{$post['fid5']}</strong></div>
<div class="auyas">Yaş: <strong>{$post['fid6']}</strong></div>
<div class="ausehir">Şehir: <strong>{$post['fid7']}</strong></div>
<div class="autakim">Takım: <strong>{$post['fid8']}</strong></div>
<div class="altaumesaj">Mesaj:</div>
<div class="altaukonu">Konu:</div>
<div class="altauno">No:</div>
<div class="mesajval"><div class="mesaj">{$post['postnum']}</div></div>
<div class="konuval"><div class="konu">{$post['threadnum']}</div></div>
<div class="noval"><div class="no">{$post['uid']}</div></div>
<div class="pmbox"><strong><a href="/private.php?action=send&uid={$post['uid']}">Özel Mesaj</a></strong></div>
</div>
<div class="post_content">
<div class="post_head">

{$post['icon']}
{$post['subject_extra']}
</div>
<div class="post_body scaleimages" id="pid_{$post['pid']}">
<div class="contents">
{$post['message']}
{$post['attachments']}
{$post['signature']}
<div class="post_meta" id="post_meta_{$post['pid']}">
{$post['iplogged']}
</div>
</div>
</div>
</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['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>
</div>
</div>

Postbit_Avatar şablonunu şunlar ile komple değiştiriyoruz;

Kod:
<div class="author_avatar"><a href="{$post['profilelink_plain']}"><div class="avatarpositer"><img src="{$useravatar['image']}" alt="" width="103" height="96" /></div></a></div>

Postbit_Author_User şablonunu tamamen siliyoruz.

Daha sonra tema ayarlarına gelin
Postbit.CSS adında bomboş bir css dosyası oluşturup içine şunu ekliyoruz;

Kod:
.usertag {
   background-color: #1abc9c;
   padding: 4px;
   border-radius: 3px 3px 0px 0px;
   border-bottom: 3px solid #16a085;
   font-family: Arial;
   color: #ecf0f1;
   width: 94px;
   text-align: center;
   text-shadow: 1px 2px 0px #16a085;
position: relative;
top: 1px;
}

.usertagborder {
   border-bottom: 3px solid #16a085;
   width: 119px;
   position: relative;
   top: -154px;
   left: 102px;
}

.auisim {
   background-color:  #ecf0f1;
   padding: 2.5px;
   color: #34495e;
   font-family: Arial;
position: relative;
left: 102px;
top: -228px;
   font-size: 14px;
   width: 112px;
   border-right: 2px solid #7f8c8d;
}

.auyas {
   background-color:  #bdc3c7;
   padding: 2.5px;
   color: #34495e;
   font-family: Arial;
   font-size: 14px;
   position: relative;
   left: 102px;
   top: -228px;
   width: 112px;
   border-right: 2px solid #7f8c8d;
}

.ausehir {
   background-color:  #ecf0f1;
   padding: 2.5px;
   color: #34495e;
   font-family: Arial;
   font-size: 14px;
   position: relative;
   top: -228px;
   left: 102px;
   width: 112px;
   border-right: 2px solid #7f8c8d;
}

.autakim {
   background-color:  #bdc3c7;
   padding: 2.5px;
   color: #34495e;
   font-family: Arial;
   font-size: 14px;
   position: relative;
   top: -228px;
   left: 102px;
   width: 112px;
   border-right: 2px solid #7f8c8d;
}

.rankps {
   background-color:  #e74c3c;
   color: #ecf0f1;
   padding: 1px;
   font-family: Calibri;
position: relative;
top: 1px;
   font-size: 12px;
   width: 100px;
   text-align: center;
   text-shadow: 2px 2px 0px #c0392b;
}

.socialfb {
   background-color: #34495e;
   width: 37px;
   height: 37px;
   border-right: 3px solid #2c3e50;
position: relative;
top: -58px;
left: 102px;
   font-family: Arial;
   font-size: 39px;
   color: #ecf0f1;
float: left;
}

.socialtw {
   background-color: #3498db;
   width: 37px;
   height: 37px;
   position: relative;
top: -58px;
   left: 142px;
   border-right: 3px solid #2980b9;
}

.socialgp {
   background-color: #e74c3c;
   width: 37px;
   height: 37px;
   position: relative;
top: -95px;
   left: 182px;
   font-size: 24px;
   font-family: Georgia;
   color: #ecf0f1;
   text-shadow: 2px 2px 0px #c0392b;
   border-right: 2px solid #c0392b;
}

.socialfb_positer {
position: relative;
top: 2px;
left: 3px;
}

.socialtw_positer {
position: relative;
top: -35px;
left: 3px;
}

.socialgp_positer {
position: relative;
top: 2px;
left: 3px;
}

.privateusertitle {
   background-color: #c0392b;
   color: #ecf0f1;
   width: 98px;
   padding: 2px;
   font-family: Calibri;
   font-size: 12px;
   text-align: center;
}

.altaumesaj {
   background-color: #bdc3c7;
   padding: 8px;
   color: #ecf0f1;
   font-family: Arial;
   font-size: 16px;
   text-shadow: 1px 1px 0px #95a5a6;
   position: relative;
   top: -191px;
   width: 165px;
   border-left: 3px solid #95a5a6;
   border-top: 1px solid #95a5a6;
}

.altaukonu {
   background-color: #bdc3c7;
   padding: 8px;
   color: #ecf0f1;
   font-family: Arial;
   font-size: 16px;
   text-shadow: 1px 1px 0px #95a5a6;
   position: relative;
   top: -191px;
   width: 165px;
   border-left: 3px solid #95a5a6;
   border-top: 1px solid #95a5a6;
}

.altauno {
   background-color: #bdc3c7;
   padding: 8px;
   color: #ecf0f1;
   font-family: Arial;
   font-size: 16px;
   text-shadow: 1px 1px 0px #95a5a6;
   position: relative;
   top: -191px;
   width: 165px;
   border-left: 3px solid #95a5a6;
   border-top: 1px solid #95a5a6;
}

.mesajval {
   background-color: #34495e;
   width: 38px;
   height: 38px;
   position: relative;
   left: 181px;
   top: -308px;
   border-right: 2px solid #2c3e50;
   border-top: 1px solid #2c3e50;
   border-bottom: 1px solid #2c3e50;
   color: #ecf0f1;
   font-family: Arial;
   text-shadow: 1px 1px 0px #2c3e50;
}

.konuval {
   background-color: #34495e;
   width: 38px;
   height: 38px;
   position: relative;
   left: 181px;
   top: -308px;
   border-right: 2px solid #2c3e50;
   border-bottom: 1px solid #2c3e50;
   color: #ecf0f1;
   font-family: Arial;
   text-shadow: 1px 1px 0px #2c3e50;
}

.noval {
   background-color: #34495e;
border-radius: 0px 0px 3px 0px;
   width: 38px;
   height: 38px;
   position: relative;
   left: 181px;
   top: -308px;
   border-right: 2px solid #2c3e50;
   color: #ecf0f1;
   font-family: Arial;
   text-shadow: 1px 1px 0px #2c3e50;
}

.mesaj {
position: relative;
top: 10px;
left: 10px;
}

.konu {
position: relative;
top: 10px;
left: 10px;
}

.no {
position: relative;
top: 10px;
left: 10.5px;
}

.pmbox {
   background-color: #ecf0f1;
border-left: 3px solid #bdc3c7;
border-bottom: 1px solid #bdc3c7;
border-right: 1px solid #bdc3c7;
   border-radius: 0px 0px 3px 3px;
   padding: 4px;
   width: 105px;
   position: relative;
   top: -308px;
   font-family: Arial;
   font-size: 14px;
   color: #ecf0f1;
}

.pmbox strong:link {
   color: #ecf0f1;
text-decoration: none;
}

.pmbox strong:hover {
   color: #ecf0f1;
text-decoration: none;
}

.contents {
position: relative;
top: -622px;
left: 270px;
}

.avatarpositer {
position: relative;
top: 1px;
}

Postbit işi tamam. Şimdi özel profil ayarları kaldı.

Özel profil ayarları kısmına kadar gelin.
Bütün özel profil ayarlarını silin.

Ve şunları sırasıyla ekleyin;

Başlık: CSS Ranks

Alan Seçenekleri: Kutu Seç

Seçilebilir Alanlar:

Üye
Kurucu
Admin
Moderatör
Süper Mod
ve üstüne başka rank isimleri de ekleyebilirsiniz.

Gerekli? * Evet

Kayıt Sayfasında Gösterilsin Mi? * Hayır

Profil Sayfasında Gösterilsin Mi? * Hayır

Postbitte Gösterilsin Mi? * Hayır

Kaydet

Başlık: Facebook

Alan Seçenekleri: Text Alanı

Gerekli? * Evet

Kayıt Sayfasında Gösterilsin Mi? * Hayır

Profil Sayfasında Gösterilsin Mi? * Hayır

Postbitte Gösterilsin Mi? * Hayır

Başlık: Twitter

Alan Seçenekleri: Text Alanı

Gerekli? * Evet

Kayıt Sayfasında Gösterilsin Mi? * Hayır

Profil Sayfasında Gösterilsin Mi? * Hayır

Postbitte Gösterilsin Mi? * Hayır

Başlık: Google

Alan Seçenekleri: Text Alanı

Gerekli? * Evet

Kayıt Sayfasında Gösterilsin Mi? * Hayır

Profil Sayfasında Gösterilsin Mi? * Hayır

Postbitte Gösterilsin Mi? * Hayır

Başlık: İsim

Alan Seçenekleri: Text Alanı

Gerekli? * Evet

Kayıt Sayfasında Gösterilsin Mi? * Hayır

Profil Sayfasında Gösterilsin Mi? * Hayır

Postbitte Gösterilsin Mi? * Hayır

Başlık: Yaş

Alan Seçenekleri: Kutu Seçı

Seçilebilir Alanlar? *

13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
39 Yaş Üstü...


Kayıt Sayfasında Gösterilsin Mi? * Hayır

Profil Sayfasında Gösterilsin Mi? * Hayır

Postbitte Gösterilsin Mi? * Hayır

Başlık: Şehir

Alan Seçenekleri: Kutu Seç

Seçilebilir Alanlar?:

Adana
Adıyaman
Afyon
Ağrı
Amasya
Ankara
Antalya
Artvin
Aydın
Balıkesir
Bilecik
Bingöl
Bitlis
Bolu
Burdur
Bursa
Çanakkale
Çankırı
Çorum
Denizli
Diyarbakır
Edirne
Elazığ
Erzincan
Erzurum
Eskişehir
Gaziantep
Giresun
Gümüşhane
Hakkari
Hatay
Isparta
Mersin
İstanbul
İzmir
Kars
Kastamonu
Kayseri
Kırklareli
Kırşehir
Kocaeli
Konya
Kütahya
Malatya
Manisa
Kahramanmaraş
Mardin
Muğla
Muş
Nevşehir
Niğde
Ordu
Rize
Sakarya
Samsun
Siirt
Sinop
Sivas
Tekirdağ
Tokat
Trabzon
Tunceli
Şanlıurfa
Uşak
Van
Yozgat
Zonguldak
Aksaray
Bayburt
Karaman
Kırıkkale
Batman
Şırnak
Bartın
Ardahan
Iğdır
Yalova
Karabük
Kilis
Osmaniye
Düzce


Gerekli? * Evet

Kayıt Sayfasında Gösterilsin Mi? * Hayır

Profil Sayfasında Gösterilsin Mi? * Hayır

Postbitte Gösterilsin Mi? * Hayır

Başlık: Takım

Alan Seçenekleri: Kutu Seç

Seçilebilir Alanlar? *
"Yok
FB
GS
BJK
TS
BS


Kayıt Sayfasında Gösterilsin Mi? * Hayır

Profil Sayfasında Gösterilsin Mi? * Hayır

Postbitte Gösterilsin Mi? * Hayır

Vee tamamdır.
Güle güle kullanın.

Eğer bir problem, vs... yaşarsanız bildirin çözmeye çalışırım.
Ara
Cevapla PGM
Teşekkür verenler:
#2
Güzel Olmuş ellerine sağlık başaılarının devamını dilerim.
Not: Yanlış anlama ama hafif kaymalar oluşmuş marginler ile düzeltmeni öneririm :)

YrN8da.png
Ara
Cevapla PGM
Teşekkür verenler:
#3
(14-01-2016 Saat: 15:45)Shihouin Nickli Kullanıcıdan Alıntı: Güzel Olmuş ellerine sağlık başaılarının devamını dilerim.
Not: Yanlış anlama ama hafif kaymalar oluşmuş marginler ile düzeltmeni öneririm :)

YrN8da.png

teşekkür ederim
orayı bilerek öyle yaptım. Tam ortalasaydım 100- 200 gibi yazılar yana kayık çıkacaktı. Büyük forumlarda sıkıntı yaratmasın diye yaptım.

İsteyen postbit.css deki

mesajval
konuval
noval

+ olarak
kaymış halde görünüyorsa top değerleriyle de oynayın.
bende tam görünüyor. 1366x768

kalıplarındaki "left" değerleriyle oynama yapsın.
Ara
Cevapla PGM
Teşekkür verenler:
#4
Eline saglik kaan daha guzelleri olsun insallah :)
Ara
Cevapla PGM
Teşekkür verenler:
#5
Güzel & farklı bir postbit ancak defaultta biraz biçimsiz durmuş.
Ara
Cevapla PGM
Teşekkür verenler:
#6
(14-01-2016 Saat: 15:48)#BeşikTaşınKızı Nickli Kullanıcıdan Alıntı: Eline saglik kaan daha guzelleri olsun insallah :)

Teşekkür ederim. :)

(14-01-2016 Saat: 15:48)Edward Nickli Kullanıcıdan Alıntı: Güzel & farklı bir postbit ancak defaultta biraz biçimsiz durmuş.

Default a koymanızı bende önermiyorum. Direk default tema üzerine ekledim postbiti o yüzden yaptım.
Ara
Cevapla PGM
Teşekkür verenler:
#7
Teşekkür ederim görüntü kalitesi güzel ancak bir şey dışında :)

- Sosyal ağlar ikonunu beğenmedim. Daha hoş bir ikon eklenebilirdi. Aslında kullanıcı tarafından değiştirilebilir ancak bilmeyenler için söylemek istedim.
Ara
Cevapla PGM
Teşekkür verenler:
#8
(14-01-2016 Saat: 18:47)Henry Nickli Kullanıcıdan Alıntı: Teşekkür ederim görüntü kalitesi güzel ancak bir şey dışında :)

- Sosyal ağlar ikonunu beğenmedim. Daha hoş bir ikon eklenebilirdi. Aslında kullanıcı tarafından değiştirilebilir ancak bilmeyenler için söylemek istedim.

doğru değiştirilebilir.
Teşekkürler.
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 11 Ziyaretçi


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