İlan
04 Haz 2026 23 çevrimiçi üye Duyurular
Ana Sayfa Web Geliştirme
Ana Sayfa Forum Web Geliştirme "Xenforo Forum Tasarım Önerileri ve İstatisti...
İlan Yan banner placeholder

"Xenforo Forum Tasarım Önerileri ve İstatistik Bilgileri Gösterimi"

ugurkilic 05.05.2026 18:24 324 görüntüleme 7 cevap
Son Mesaj
ugurkilic
Üye
Üye
Katılım22 Kas 2025
Konular4
Mesajlar64
Elmas Konular0
Başarım0
ZirveCoin 0
Ticaret Puanı
+0 -0
05.05.2026 18:24 #1
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.



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



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



Mesajlara girdikten sonra.


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.

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

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



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.



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);
}
}
}



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.​
EralpCicekdagi
Üye
Üye
Katılım14 Mar 2026
Konular6
Mesajlar52
Elmas Konular0
Başarım0
ZirveCoin 0
Ticaret Puanı
+0 -0
05.05.2026 19:28 #2
Anlatım için teşekkürler eline sağlık.
bedo
Üye
Üye
Katılım12 Ara 2025
Konular7
Mesajlar66
Elmas Konular0
Başarım0
ZirveCoin 0
Ticaret Puanı
+0 -0
05.05.2026 21:05 #3
Eline sağlık
nurioztoktay
Üye
Üye
Katılım01 Mar 2026
Konular7
Mesajlar43
Elmas Konular0
Başarım0
ZirveCoin 0
Ticaret Puanı
+0 -0
05.05.2026 21:09 #4
Eline sağlık, paylaşım için teşekkürler
ugurkilic
Üye
Üye
Katılım22 Kas 2025
Konular4
Mesajlar64
Elmas Konular0
Başarım0
ZirveCoin 0
Ticaret Puanı
+0 -0
05.05.2026 21:11 #5
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.



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



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



Mesajlara girdikten sonra.


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.

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

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



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.



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);
}
}
}



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.​
EralpCicekdagi
Üye
Üye
Katılım14 Mar 2026
Konular6
Mesajlar52
Elmas Konular0
Başarım0
ZirveCoin 0
Ticaret Puanı
+0 -0
05.05.2026 21:11 #6
Anlatım için teşekkürler eline sağlık.
bedo
Üye
Üye
Katılım12 Ara 2025
Konular7
Mesajlar66
Elmas Konular0
Başarım0
ZirveCoin 0
Ticaret Puanı
+0 -0
05.05.2026 21:12 #7
Eline sağlık
nurioztoktay
Üye
Üye
Katılım01 Mar 2026
Konular7
Mesajlar43
Elmas Konular0
Başarım0
ZirveCoin 0
Ticaret Puanı
+0 -0
05.05.2026 21:12 #8
Eline sağlık, paylaşım için teşekkürler
Bu konuyu görüntüleyenler
1 misafir
Cevap yazmak için giriş yapın.
İlan Yan banner placeholder