Konuyu Oyla:
  • Toplam: 2 Oy - Ortalama: 3
  • 1
  • 2
  • 3
  • 4
  • 5
Destek Teması v2.0 Tarzı Postbit - MyBB
#1
Admin KP - Temalar & Şablonlar - Temalar - Sitenizde kullandığınız temaya tıklayın ve ardından yeni bir css dosyası oluşturun. Css dosyasını oluşturduktan sonra kendi içeriğimi yazmak istiyoruma tıklayın ve aşağıdaki kodları yapıştırınız.

Kod:
.userbilgi {
    height: 30px;
    line-height: 30px;
    border: 1px solid #c0c0c0;
    border-radius: 2px;
    margin: 5px 0;
}

.userbilgi usersol {
    padding-left: 8px;
}

.userbilgi usersag {
    float: right;
    text-align: center;
    width: 50%;
    color: #fff;
    font-size: 13px;
    background: #7f8c8d;
}

.userbilgi2 {
    height: 30px;
    line-height: 30px;
    border: 1px solid #c0c0c0;
    border-radius: 2px;
    margin: 5px 0;
}

.rank-bg {
    height: 100px;
    width: 100%;
    margin: -5px;
    position: absolute;
    background: #7f8c8d;
}

.rank-bg.s4,
.author_statistics.s4 usersag{
    background: #e63826;
}

.rank-bg.s3,
.author_statistics.s3 usersag{
    background: #304FFE;
}

.rank-bg.s6,
.author_statistics.s6 usersag{
    background: #304FFE;
}

.rank-bg.s9,
.author_statistics.s9 usersag{
    background: #27ae60;
}

.rank-bg.s10,
.author_statistics.s10 usersag{
    background: #27ae60;
}

.rank-bg.s11,
.author_statistics.s11 usersag{
    background: #607D8B;
}

.avatar-img {
    float: none;
    text-align: center;
    margin: 15px 0;
    margin-bottom: 8px;
}

.avatar-img img {
    padding: 4px;
    background: #7f8c8d;
    width: 100px;
    height: 100px;
    border-radius: 80px;
}

.avatar-img.s4 img{
    background: #e63826;
}

.avatar-img.s3 img {
    background: #304FFE;
}

.avatar-img.s6 img {
    background: #304FFE;
}

.avatar-img.s9 img{
    background: #27ae60;
}

.avatar-img.s10 img {
    background: #27ae60;
}

.avatar-img.s11 img{
    background: #607D8B;
}

.tborderfb {
    width: 100%;
    margin: auto auto;
}

.postavatar {
    position: relative;
}

.postavatar span {
    position: absolute;
    display: block;
    right: 28px;
    top: 44px;
}

.knick {
    width: 80%;
    border: 1px solid #c3c3c3;
    margin: auto;
    border-radius: 2px;
    background: #fff;
    transition: .3s ease;
}

.knick a {
    display: block;
    padding: 5px;
}

.userbadge{
    background: #7f8c8d;
    padding: 9px;
    color: #fff;
    float: right;
    margin: -13px;
    border-radius: 30px 2px 2px 30px;
}


.userbadge.s4,
.userbadge.s4 yazi:before{
    background: #e63826;
    content:'Site admini';
}

.userbadge.s8,
.userbadge.s8 yazi:before{
    background: #7f8c8d;
    content:'Özel Üye';
}

.userbadge.s3,
.userbadge.s3 yazi:before{
    background: #304FFE;
    content:'Yönetici Lider';
}

.userbadge.s6,
.userbadge.s6 yazi:before{
    background: #304FFE;
    content:'Yönetici Adayı';
}

.userbadge.s9,
.userbadge.s9 yazi:before{
    background: #27ae60;
    content:'Süper Mod';
}

.userbadge.s10,
.userbadge.s10 yazi:before{
    background: #27ae60;
    content:'Mod';
}

.userbadge.s11,
.userbadge.s11 yazi:before{
    background: #607D8B;
    content:'Emektar';
}

Admin KP - Temalar & Şablonlar - Şablonlar - Sitenizde kullandığınız temaya tıklayın ve ardından postbit şablonlarına girdikten sonra postbit ve postbit_classic kodlarını aşağıdaki kodlarla değiştiriniz.

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">
   <div class="rank-bg s{$usergroup['gid']}" style="background:;"></div>
   <div class="postavatar">
   {$post['useravatar']}
   {$post['onlinestatus']}
   </div>
   <div class="author_information">
       <div class="knick"><strong><span>{$post['profilelink']}</span></strong></div>
           <span class="smalltext">
               {$post['groupimage']}
           </span>
   </div>
   <div class="author_statistics s{$usergroup['gid']}">
       {$post['user_details']}
   </div>
</div>
<div class="post_content">
   <div class="post_head">
       <div class="userbadge s{$usergroup['gid']}"><yazi></yazi></div>
       {$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" id="pid_{$post['pid']}">
       {$post['message']}
   </div>
   {$post['attachments']}
   {$post['signature']}
   <div class="post_meta" id="post_meta_{$post['pid']}">
       {$post['iplogged']}
   </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['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>
</div>{$post['thxdsp_outline']}

Admin KP - Temalar & Şablonlar - Şablonlar - Sitenizde kullandığınız temaya tıklayın ve ardından postbit şablonlarına girdikten sonra postbit_author_user kodlarını aşağıdaki kodlarla değiştiriniz.

Kod:
<div class="userbilgi"><usersol>{$lang->postbit_posts}</usersol><usersag style="background:;">{$post['postnum']}</usersag></div>
<div class="userbilgi"><usersol>{$lang->postbit_threads}</usersol><usersag style="background:;">{$post['threadnum']}</usersag></div>
<div class="userbilgi"><usersol>{$lang->postbit_joined}</usersol><usersag style="background:;">{$post['userregdate']}</usersag></div>
{$post['replink']}
{$post['warninglevel']}

Admin KP - Temalar & Şablonlar - Şablonlar - Sitenizde kullandığınız temaya tıklayın ve ardından postbit şablonlarına girdikten sonra postbit_avatar kodlarını aşağıdaki kodlarla değiştiriniz.

Kod:
<div class="avatar-img s{$usergroup['gid']}" style="background:;"><a href="{$post['profilelink_plain']}"><img src="{$useravatar['image']}" alt="" {$useravatar['width_height']} /></a></div>

Admin KP - Temalar & Şablonlar - Şablonlar - Sitenizde kullandığınız temaya tıklayın ve ardından postbit şablonlarına girdikten sonra postbit_offline kodlarını aşağıdaki kodlarla değiştiriniz.

Kod:
<span><img src="{$theme['imgdir']}/buddy_offline.png" title="{$lang->postbit_status_offline}" alt="{$lang->postbit_status_offline}" class="buddy_status" /></span>

Admin KP - Temalar & Şablonlar - Şablonlar - Sitenizde kullandığınız temaya tıklayın ve ardından postbit şablonlarına girdikten sonra postbit_online kodlarını aşağıdaki kodlarla değiştiriniz.

Kod:
<span><a href="online.php" title="{$lang->postbit_status_online}"><img src="{$theme['imgdir']}/buddy_online.png" border="0" alt="{$lang->postbit_status_online}" class="buddy_status" /></a></span>

Admin KP - Temalar & Şablonlar - Şablonlar - Sitenizde kullandığınız temaya tıklayın ve ardından postbit şablonlarına girdikten sonra post_url kodlarını aşağıdaki kodlarla değiştiriniz.

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>

Admin KP - Temalar & Şablonlar - Şablonlar - Sitenizde kullandığınız temaya tıklayın ve ardından postbit şablonlarına girdikten sonra postbit_reputation kodlarını aşağıdaki kodlarla değiştiriniz.

Kod:
<div class="userbilgi"><usersol>{$lang->postbit_reputation}</usersol> <usersag style="background:;">{$post['userreputation']}</usersag></div>

Admin KP - Temalar & Şablonlar - Şablonlar - Sitenizde kullandığınız temaya tıklayın ve ardından postbit şablonlarına girdikten sonra postbit_reputation_formatted_link kodlarını aşağıdaki kodlarla değiştiriniz.
Kod:
<a href="reputation.php?uid={$uid}" style="color:#fff;"><strong class="{$reputation_class}">{$reputation}</strong></a>

Admin KP - Temalar & Şablonlar - Şablonlar - Sitenizde kullandığınız temaya tıklayın ve ardından postbit şablonlarına girdikten sonra postbit_warninglevel kodlarını aşağıdaki kodlarla değiştiriniz.
Kod:
<div class="userbilgi"><usersol>{$lang->postbit_warning_level}</usersol> <usersag style="background:;"><a href="{$warning_link}" style="color:#fff;">{$warning_level}</a></usersag></div>




Son olarak kullandığınız temadaki global.css metinine giriniz ve aşağıdaki kodları tek-tek bulup değiştiriniz. Eğer aratıpta bulamadığınız kod başlıkları yoksa, ekleyebilirsiniz.
Kod:
.post {
    overflow: hidden;
}

.post.classic {
    padding: 8px;
    border: 1px solid #c3c3c3;
    border-radius: 3px;
    box-sizing: border-box;
}

.post .post_author {
    border-bottom: 1px solid #ccc;
    border-top: 2px solid #ccc;
    background: #ffffff;
    overflow: hidden;
}

.postavatar {
    position: relative;
}

.postavatar span {
    position: absolute;
    display: block;
    right: 28px;
    top: 44px;
}

.post.classic .post_author {
    border: 1px solid #c3c3c3;
    float: left;
    width: 180px;
    padding: 5px;
    border-radius: 3px;
    position: relative;
}

.post .post_author .buddy_status {
    vertical-align: middle;
    background: #fff;
    border-radius: 75px;
    padding: 1px;
    padding-left: 2px;
    padding-top: 2px;
    border: 1px solid rgba(0, 0, 0, 0.5);
}

.rank-bg {
    height: 120px;
    width: 100%;
    margin: -5px;
    position: absolute;
    background: #4e4e4e;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 36%, 0 60%);
    clip-path: polygon(0 0, 100% 0, 100% 59%, 0 84%);
}

.rank-bg.s1,
.author_statistics.s1 uisag  {
    background:#e74c3c;
}

.post .post_author div.author_avatar {
    float: left;
}

.post.classic .post_author div.author_avatar {
    float: none;
    text-align: center;
    margin: 15px 0;
    margin-bottom: 8px;
}

.author_avatar img {
}

.post .post_author div.author_avatar img {
    padding: 4px;
    background: #434343;
    width: 100px;
    height: 100px;
    border-radius: 80px;
}

.post .post_author div.author_information {
    float: left;
    padding: 6px 8px;
}

.post.classic .post_author div.author_information {
    float: none;
    padding: 0;
    text-align: center;
}

.post .post_author div.author_statistics {
    font-size: 11px;
    margin-top: 10px;
}

.post .post_head {
    font-size: 11px;
    padding-bottom: 4px;
    border-bottom: 1px solid #c3c3c3;
    margin-bottom: 4px;
}

.post .post_head span.post_date {
    color: #666;
    padding-left: 5px;
}

.post .post_head span.edited_post {
    font-size: 10px;
    color: #999;
}

.post .post_head span.edited_post a {
    color: #666;
}

.post_body {
    font-size: 14px;
    padding: 12px 0;
    padding-left: 5px;
}

.post.classic .post_content {
    float: left;
    width: calc(100% - 202px);
    padding: 5px;
}

.post_content {
}

Önizlemek için aşağıdaki linke tıklayınız.
http://destek.10tl.net/showthread.php?tid=97395

Destekte bulunan ranklardan yapmak istiyorsanız aşağıdaki linke tıklayınız.
http://destek.10tl.net/showthread.php?tid=94918
https://instagram.com/alphazzers
Ara
Cevapla PGM
Teşekkür verenler:
#2
Ekran görüntüsü?
Ara
Cevapla PGM
Teşekkür verenler:
#3
Demo eklendi.
@EmreKRMN
Ara
Cevapla PGM
Teşekkür verenler:
#4
Ooops.
https://instagram.com/alphazzers
Ara
Cevapla PGM
Teşekkür verenler:
#5
Ooops.
https://instagram.com/alphazzers
Ara
Cevapla PGM
Teşekkür verenler:
#6
Elinize Sağlık.
Ara
Cevapla PGM
Teşekkür verenler:
#7
Teşekkürler Cem abi , sonunda buldum :)
Ara
Cevapla PGM
Teşekkür verenler:
#8
Rica ederim kardeşim. :P
https://instagram.com/alphazzers
Ara
Cevapla PGM
Teşekkür verenler:
#9
Bende olmadı, hepsini adım adım uyguladım sonuç bu şekilde oldu.

dab-hareketi-basini-belaya-soktu-10423656_51_o.jpg

Ekran alıntısı:

Ekran_Al_nt_s.png

Yardımcı olabilir misiniz?
*Şablonlar için yetki verebilirim :(
-ARCH
Lütfen "Rep Verbutonuna tıklayarak bizi değerlendirin.
Forum Organizatörü
Ara
Cevapla PGM
Teşekkür verenler:
#10
@#Captain @#Captain-O , -O nun kullanıcı adınıza dahil olup olmadığını bilmediğimden bu şekilde etiketledim :p
-ARCH
Lütfen "Rep Verbutonuna tıklayarak bizi değerlendirin.
Forum Organizatörü
Ara
Cevapla PGM
Teşekkür verenler:
#11
(15-09-2018 Saat: 13:36)NextWorld Nickli Kullanıcıdan Alıntı: @#Captain @#Captain-O  , -O nun kullanıcı adınıza dahil olup olmadığını bilmediğimden bu şekilde etiketledim :p

@NextWorld: Dostum, şuanda kullandığın temanın postbit kodları değiştirildiği için böyle bozukluk olmuş olabilir. Eğer default temada bu işlemleri tekrar gerçekleştirebilirsen olacağından eminim, çerezleri temizleyip siteni tekrar kontrol etmeyi unutmazsan memnun olurum. :D
https://instagram.com/alphazzers
Ara
Cevapla PGM
Teşekkür verenler:
#12
(15-09-2018 Saat: 14:15)#Captain Nickli Kullanıcıdan Alıntı:
(15-09-2018 Saat: 13:36)NextWorld Nickli Kullanıcıdan Alıntı: @#Captain @#Captain-O  , -O nun kullanıcı adınıza dahil olup olmadığını bilmediğimden bu şekilde etiketledim :p

@NextWorld: Dostum, şuanda kullandığın temanın postbit kodları değiştirildiği için böyle bozukluk olmuş olabilir. Eğer default temada bu işlemleri tekrar gerçekleştirebilirsen olacağından eminim, çerezleri temizleyip siteni tekrar kontrol etmeyi unutmazsan memnun olurum. :D

Tamam, deneyeceğim , peki bu temada kullanma şansım yok mudur :)
-ARCH
Lütfen "Rep Verbutonuna tıklayarak bizi değerlendirin.
Forum Organizatörü
Ara
Cevapla PGM
Teşekkür verenler:
#13
Şu anda kullandığın temanın postbit CSS kodlarını silip deneyebilirsin.

Taifun
Ara
Cevapla PGM
Teşekkür verenler:
#14
(15-09-2018 Saat: 14:20)Taifun Nickli Kullanıcıdan Alıntı: Şu anda kullandığın temanın postbit CSS kodlarını silip deneyebilirsin.

Taifun

Css ye Hakim değilim , Hangi kodun eskiye ait olduğunu bilmiyorum :/
-ARCH
Lütfen "Rep Verbutonuna tıklayarak bizi değerlendirin.
Forum Organizatörü
Ara
Cevapla PGM
Teşekkür verenler:
#15
Postbiti dikey yapıp ( Admin Paneli > Forum Ayarları > Konu Gösterim Ayaları > Klasik/Dikey Postbit Stilini Kullan? seçeneğini işaretle.) çerezleri temizleyin. (CTRL + F5'de olur.)
Ara
Cevapla PGM
Teşekkür verenler:
#16
(15-09-2018 Saat: 14:24)AperioN Nickli Kullanıcıdan Alıntı: Postbiti dikey yapıp ( Admin Paneli > Forum Ayarları > Konu Gösterim Ayaları > Klasik/Dikey Postbit Stilini Kullan? seçeneğini işaretle.) çerezleri temizleyin. (CTRL + F5'de olur.)

Oldu , çok mutluyum şuanda teşekkür ederim...

Düzenleme= Css'de yazan Yönetici Lider , Yönetici Adayı vs. gruplarda neye göre seçiyor? Yani mesela birini nasıl yönetici adayı yapıcam?

Düzenleme 2= Normal Üye'ye Emektar yazıyordu ,  css'den Emektar yazısını Üye'ye çevirdim. Neye göre seçiyor derken bunu kastettim.
-ARCH
Lütfen "Rep Verbutonuna tıklayarak bizi değerlendirin.
Forum Organizatörü
Ara
Cevapla PGM
Teşekkür verenler:
#17
Grup ID'lerine göre geçiyor.

Örneğin;

Yönetici Adayı ID 8 diyelim.

Kod:
.userbadge.s8,
.userbadge.s8 yazi:before{
    background: #ArkaplanRenkKoduYaz;
    content:'Yönetici Adayı';
}


Grup ID'lerine bakmak için bakmak istediğiniz gruba üyeler & gruplar > gruplardan girin. Linkin sonunda gid=rakam yazar. Rakam yazısı yerine sayı olur. O Grup ID'sidir.
Ara
Cevapla PGM
Teşekkür verenler:
#18
Avatarın arkasındaki görseli ben tek tek resim oluşturarak ayarladım, sonrasında grup id'nin .png'si olarak çektirdim, hepsini belirttiğim bir kategoriye ekledim ve bence güzel bir görsel oluştu. Avatarı kare veya dikdörtgen olarak seçim yapılması için izin verdim, 170x140 & 170x240 arası yüksekliğe göre ayar yapılabiliyor. Avatarın arkasındaki görselin boyutuyla avatar boyutu oranınıda şuan hatırlamadığım bir boyuta getirdim :) 170x240px avatar kullananlarda bence oldukça şık bir şekilde görsel alınıyor. ( Bahsettiğim yer sarı ile işaretli alan )

Q2obyv.jpg

Resmi göremeyenler için : http://i.hizliresim.com/Q2obyv.jpg
Sıradaki işlem; ürünler için tasarıma bir ekleme yapmam lazım.
Ara
Cevapla PGM
Teşekkür verenler:
#19
(15-09-2018 Saat: 12:43)NextWorld Nickli Kullanıcıdan Alıntı:
Bende olmadı, hepsini adım adım uyguladım sonuç bu şekilde oldu.

dab-hareketi-basini-belaya-soktu-10423656_51_o.jpg

Ekran alıntısı:

Ekran_Al_nt_s.png

Yardımcı olabilir misiniz?
*Şablonlar için yetki verebilirim :(

Dostum gizli sekmeyle girip bakabilirsin olmuştur, ama site çerezleri vs. yüzünden gözükmüyordur geçmişini silip deneyebilirsin veya gizli sekmeyle girip bakabilirsin bi kaç saat chromeyi kapalı tut operadan giriş yap.
Ara
Cevapla PGM
Teşekkür verenler:
#20
Sorunu çözdük zaten.
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi



***

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