- Katılım
- 23 Eki 2022
- Mesajlar
- 3,514
- Çözümler
- 9
- Tepkime puanı
- 2,145
- Puanları
- 113
- Yaş
- 28
Merhaba r10dev.net Forum Üyeleri;
Bu konumda sizlere Xenforo alt yapısından sitenize nasıl Postbit yapabilirsiniz onu göstereceğim. Oldukça basit bir işlemdir.
Dilerseniz anlatıma geçelim;
Postbit Arka Plan Çalışması;
Admin CP > Görünüm ve diller > Temalarınız > "Temanız" - Şablonlar > message_macros dosyasını açıyoruz.
kodunun altına
kodunu ekliyoruz.
Daha sonra extra.less şablonumuzu açarak içerisine;
Kodunu ekliyoruz.
Sıra geliyor resimlerimizi url olarak göstertmeye.
Kullanıcılar > Kullanıcı özel alanları'na girerek Alan ekle diyoruz.
Alan kimliği-ID kısmı message_macrosda vermiş olduğum koddaki $user.Profile.custom_fields.xxx şu kısımdaki xxx yeridir. alan kimliğinde belirlediğimiz örn: pstbt yazısını xxx yerinede yazıyoruz.
Başlık: İstediğiniz başlığı girebilirsiniz
Gösterim: Kullanıcı bilgileri
Alan türü: Tek satırlı metin kutusu
Genel seçenekler: Bu kısmı resimdeki gibi ayarlıyoruz.
Sonuç üstde vermiş olduğum gibi arkaplanı kullanıcı istediği gibi haraketli/haraketsiz resimlerle süsleyebilir.
Ek olarak bu özelliği sadece vip ve farklı kullanıcı gruplarında göstermek isterseniz
Custom Fields Permissions bu eklentiyi kullanabilirsiniz.
ve son olarak eğer kullanıcı hiçbir arkaplan göstermemişse belirlediğiniz resim, resim belirlemişsede kendi belirlediği url için ise
ile üstteki kodu değiştiriyorsunuz.
Olumlu / Olumsuz , Beğeni / Yorum gibi özelliği postbitde gösterme:
Admin CP > Görünüm ve diller > Temalarınız > "Temanız" - Şablonlar > message_macros dosyasını açıyoruz.
hemen altına aşağıdaki kodu ekliyoruz.
$user.th_up_votes_qaforum|number ve $user.th_down_votes_qaforum|number alanları eğer [TH] Question and Answer Forums eklentisini kullanıyor iseniz buradakı olumlu ve olumsuz cevaplar için bir veri okuyor. Bu eklentiyi kullanmıyorsanız;
Kodunu yapıştırın. Daha sonra extra.less şablonunu açarak
yapıştırın ve kaydedin.
Yönetici , Moderatör veya kendi belirlediğiniz gruplara postbit üzerinde onay (isteğe bağlı) ikon gösterme.
Admin CP > Görünüm ve diller > Temalarınız > "Temanız" - Şablonlar > message_macros dosyasını açıyoruz.
Kodunun altına
aşağıdaki kodu ekliyoruz
Daha sonra Extra.less şablonunu açıyoruz ve aşağıdaki kodu yapıştırıyoruz
Bu postbit ayarları, css konumları bazı şablonlarda değişiklik, kaymalar ve farklı tür olumlar gösterebilir.
Eğer css bilginiz varsa bunu kolaylıkla halledebilirsiniz. Eğer css bilginiz yok ise kayan / farklı görünen bölümlerin üzerine tarayıcıda sağ tıklayıp aşağıda açılan öğeyi denetleni tıklayarak sağ/alt açılan pencerede üst kısımda html alt kısımda css bilgileri yer alır.
Oralarda boyutsa eğer width sağ ve ya sol ise margin-left/right ve ya padding-left/right aşağı yukarı top bottom gibi terminlerin karşısındakı px değerleriyle oynayarak konumlandıra bilir ve hazır olan kodu kopyalayarak extra.less şablonunuzda yapıştırdığınız kodla değiştirebilirsiniz.
Bu konumda sizlere Xenforo alt yapısından sitenize nasıl Postbit yapabilirsiniz onu göstereceğim. Oldukça basit bir işlemdir.
Dilerseniz anlatıma geçelim;
Postbit Arka Plan Çalışması;
Admin CP > Görünüm ve diller > Temalarınız > "Temanız" - Şablonlar > message_macros dosyasını açıyoruz.
Kod:
<xf:macro name="user_info"
arg-user="!"
arg-fallbackName="">
Kod:
<div class="postbit_background" style="background-image: url({$user.Profile.custom_fields.xxx});"></div>kodunu ekliyoruz.
Daha sonra extra.less şablonumuzu açarak içerisine;
Kod:
.postbit_background {
opacity: .25;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 268px;
background-position: center;
background-size: cover !important;
}
.postbit_background:before{
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-image: linear-gradient(to bottom, transparent, #222);
}Kodunu ekliyoruz.
Sıra geliyor resimlerimizi url olarak göstertmeye.
Kullanıcılar > Kullanıcı özel alanları'na girerek Alan ekle diyoruz.
Alan kimliği-ID kısmı message_macrosda vermiş olduğum koddaki $user.Profile.custom_fields.xxx şu kısımdaki xxx yeridir. alan kimliğinde belirlediğimiz örn: pstbt yazısını xxx yerinede yazıyoruz.
Başlık: İstediğiniz başlığı girebilirsiniz
Gösterim: Kullanıcı bilgileri
Alan türü: Tek satırlı metin kutusu
Genel seçenekler: Bu kısmı resimdeki gibi ayarlıyoruz.
Sonuç üstde vermiş olduğum gibi arkaplanı kullanıcı istediği gibi haraketli/haraketsiz resimlerle süsleyebilir.
Ek olarak bu özelliği sadece vip ve farklı kullanıcı gruplarında göstermek isterseniz
Custom Fields Permissions bu eklentiyi kullanabilirsiniz.
ve son olarak eğer kullanıcı hiçbir arkaplan göstermemişse belirlediğiniz resim, resim belirlemişsede kendi belirlediği url için ise
Kod:
<xf:if is="{$user.Profile.custom_fields.xxx}">
<div class="postbit_background" style="background: url({$user.Profile.custom_fields.xxx}) center center / cover no-repeat;">
</div>
<xf:else />
<div class="postbit_background" style="background: url(https://siteniz.com/arkaplan-resmim.jpg) center center / cover no-repeat;">
</div>
</xf:if>Olumlu / Olumsuz , Beğeni / Yorum gibi özelliği postbitde gösterme:
Admin CP > Görünüm ve diller > Temalarınız > "Temanız" - Şablonlar > message_macros dosyasını açıyoruz.
Kod:
<h4 class="message-name"><xf:username user="$user" rich="true" defaultname="{$fallbackName}" itemprop="name" /></h4>
Kod:
<div class="d-flex align-items-center justify-content-center flex-wrap post-stats">
<div class="post-stat">
<span class="largetext">
<strong style="color:green; text-align: center;">{$user.th_up_votes_qaforum|number}</strong>
</span>
<br>
<span class="x-smalltext text-uppercase" style="font-weight:bold; ">Olumlu</span>
</div>
<div class="post-stat">
<span class="largetext"><strong style="color:green; text-align: center;">{$user.th_down_votes_qaforum|number}</strong></span>
<br> <span class="x-smalltext text-uppercase" style="font-weight:bold;">Olumsuz</span>
</div>
</div>
Kod:
<div class="d-flex align-items-center justify-content-center flex-wrap post-stats">
<div class="post-stat">
<span class="largetext">
<strong style="color:green; text-align: center;">{$user.af_as_award_total|number}</strong>
</span>
<br>
<span class="x-smalltext text-uppercase" style="font-weight:bold; ">Ödüller</span>
</div>
<div class="post-stat">
<span class="largetext"><strong style="color:green; text-align: center;">{$user.reaction_score|number}</strong></span>
<br> <span class="x-smalltext text-uppercase" style="font-weight:bold;">Beğeniler</span>
</div>
</div>
Kod:
.d-flex {
display: flex;
}
.d-flex {
position: relative;
display: flex !important;
}
.post-stat {
flex: 0 1 50%;
margin-left: 16px;
text-align: center;
}
.post-stats .post-stat:first-child {
flex: 0 0 50%;
border-right: 1px solid #2f3136;
}
.justify-content-center {
justify-content: center;
margin-right: 38px;
padding-left: 15px;
}
@media (max-width: 650px) {
.post-stat, .post-stats {
display: none !important;
}
}Yönetici , Moderatör veya kendi belirlediğiniz gruplara postbit üzerinde onay (isteğe bağlı) ikon gösterme.
Admin CP > Görünüm ve diller > Temalarınız > "Temanız" - Şablonlar > message_macros dosyasını açıyoruz.
Kodunun altına
Kod:
<h4 class="message-name"><xf:username user="$user" rich="true" defaultname="{$fallbackName}" itemprop="name" /></h4>
Kod:
<xf:if is="{{$user.isMemberOf(3)}}">
<div class="verified_badge verified_admin tooltip2 tooltipstered" data-xf-init="tooltip" title="Yönetim"><i class="fa fa-check"></i></div>
<xf:elseif is="{{$user.isMemberOf(4)}}"/>
<div class="verified_badge verified_admin tooltip2 tooltipstered" data-xf-init="tooltip" title="Yönetim"><i class="fa fa-check"></i></div>
<xf:elseif is="{{$user.isMemberOf(2)}}"/>
<div class="verified_badge verified_uye tooltip2 tooltipstered" data-xf-init="tooltip" title="Onaylı Üye"><i class="fa fa-check"></i></div>
</xf:if>Bu postbit ayarları, css konumları bazı şablonlarda değişiklik, kaymalar ve farklı tür olumlar gösterebilir.
Eğer css bilginiz varsa bunu kolaylıkla halledebilirsiniz. Eğer css bilginiz yok ise kayan / farklı görünen bölümlerin üzerine tarayıcıda sağ tıklayıp aşağıda açılan öğeyi denetleni tıklayarak sağ/alt açılan pencerede üst kısımda html alt kısımda css bilgileri yer alır.
Oralarda boyutsa eğer width sağ ve ya sol ise margin-left/right ve ya padding-left/right aşağı yukarı top bottom gibi terminlerin karşısındakı px değerleriyle oynayarak konumlandıra bilir ve hazır olan kodu kopyalayarak extra.less şablonunuzda yapıştırdığınız kodla değiştirebilirsiniz.
