Hikayeler

Reklam vermek için turkmmo@gmail.com

Xenforo Posbitte Tasarlama ve İstatistikleri Gösterme

Nizam-ı Alem

Malato psichico
Telefon Numarası Onaylanmış Üye Turkmmo Discord Nitro Booster
Yönetici
Dergi Editörü
Turnuva
Admin
Yarışma
Gümüş Üye
VIP Üye
Paylaşım
Ayın Üyesi
Altın Üye
Katılım
15 May 2013
Konular
971
Mesajlar
6,650
Online süresi
2ay 11g
Reaksiyon Skoru
5,350
Altın Konu
314
Başarım Puanı
319
TM Yaşı
12 Yıl 11 Ay 12 Gün
MmoLira
22,212
DevLira
15

Metin2 EP, Valorant VP dahil tüm oyun ürünlerini en uygun fiyatlarla bulabilir, Item ve Karakterlerinizi hızlıca satabilirsiniz. HEMEN TIKLA!

Merhaba Değerli Arkadaşlar ufak çaplı bir posbit tasarımı ve Posbitinizde İstatistikleri Gösterme Nasıl yapabilirsiniz siz değerli arkadaşlarıma bunları anlatmaya çalışıcam.

Öncelikle admin paneline giriş yapıyorsunuz. Kullandığınız Temanızın

Görünüm ve Diller Kısmından => Tema Özellikleri Kısmına Giriş Yapınız.

1768329556687.png


Tema özellikleriniz Aşağıdaki fotoğraftaki Gibi listelenecektir.

1768329612434.png


Burada girmeniz Gereken yer mesajlar kısmıdır.

1768329676781.png


Mesajlara girdikten sonra.
1768329706924.png


böyle bir alana girmiş olacaksınız. Tikle işaretlene bilen yerler sizlerin posbit kısmında gösterilecek olan hangisini göstermek istiyorsanız onları işaretleye bilirsiniz.

ben buradaki bütün hepsini işaretlicem siz istediğinizi işaretleye bilirsiniz.

1768329773860.png
Bu kısım default şeklinde kullanılan posbit.

İşratlediklerimiz bu posbit kısmına gelecektir.

1768329854004.png


işaretlediklerimiz buraya gelmiş bulunmaktadır. Posbit kısmına bu şekilde ekleme yapabiliyoruz. Peki bu tasarımı daha farklı nasıl yapa biliriz diyorsanız eğer. şimdi size vermiş olduğum kodu.


1768329915833.png


mesaj kullanıcı bilgisi bloğunda bulunan Özel CSS/LESS kodu kısmına yapıştırıp kaydediniz.
less:
.message-userExtras {
display: flex;
flex-wrap: wrap;

& .pairs.pairs--justified {
margin: 2px auto;
padding: 2px;
display: grid;
text-align: center;
width: 31%;
border: 1px solid @xf-borderColor;
border-radius: 2px;
background: @xf-contentBg;
&:first-child {
min-width: 100%;
}

&> dt {
font-size: 0;
margin-right: 0;
}

&> dd {
text-align: center;
}
& dt:before {
.m-faBase();
font-size: 13px;
}
&:nth-child(1) dt {
.m-faBefore(@fa-var-calendar-alt);
}
&:nth-child(2) dt {
.m-faBefore(@fa-var-comments-alt);
}
&:nth-child(3) dt {
.m-faBefore(@fa-var-heart);
}
&:nth-child(4) dt {
.m-faBefore(@fa-var-trophy);
}
}
}

1768329973094.png


Fotoğrafta gördüğünüz Gibi Tasarımınız Bu Şekilde Olacaktır. Tasarımı kendinize göre düzenleme yapabilirsiniz. Benim yaptığım ufak caplı bir uğraş neticesinde ortaya çıkan bir posbit. Sizler daha ileri seviye bir şekilde bunu yapabilirsiniz. Her ihtimale karşı sizler site temanızın her zaman yedeğini almayı unutmayınız.

Faydasını Görmeniz Dileğiyle iyi Forumlar dilerim.​
 
Son düzenleme:
Anlatım için teşekkürler eline sağlık.
 
Eline sağlık, paylaşım için teşekkürler :)
 

Şu an konuyu görüntüleyenler (Toplam : 1, Üye: 0, Misafir: 1)

Geri
Üst