Kullanım tekniği Tabbet Widget Yapısı İle İstatistik Yapımı

XDinc

Well-known member
Admin
XenTR Mod
Customer
SMS Confirmed
XenTR Üyesi
Katılım
3 Şub 2019
Mesajlar
1,912
Çözümler
13
Tepki puanı
4,532
Puanları
113
Web Sitesi
xentr.net
Değerli arkadaşlar,
Bu konuda her hangi bir eklenti kullanmadan XenForo sistemi içerisinde yer alan widgetları kullanarak istatistik tablarını oluşturmayı sizlere tekrar anlatmış olacağız.
Mevcut anlatımı yapılan konu içeriğinin güncellenme ihtiyacı doğduğundan yeniden Eyüp B. arkadaşımız için özetlemek istedik.

Resimleri ve adımları dikkatli izleyen kullanıcılar başarılı bir şekilde sonuca ulaşacaktır.

İlk olarak kullanacağımız widgetları oluşturalım
Son mesajlar için New post olarak seçim yapıp 1. widgetı ekliyoruz.

NewPost.PNG

Seçim yaparken dikkat etmemiz gereken nokta ekleyeceğimiz widgetlar için bir pozisyon yani görünüm alanı seçmememiz gerektiğidir.
Hiç bir gösterim alanını seçmiyoruz.

NewThreads_Position.PNG

Standart görünümü seçiyoruz.

Widget_Display_Style.PNG

Aynı şekilde,
Son konular widget alanını ekliyor ve görünüm yeri seçmiyoruz.

NewThreads.PNG

Eğer Resource manager (Kaynaklar) eklentiniz varsa bunu da dahil ediyoruz.

NewResources.PNG

Tüm bu widgetları oluşturduktan sonra pozisyon değeri olmayan widgetlar en altta yer alır.

NoPosition_Widgets.PNG

Şimdi tüm bu widgetları bir tab yapısında birleştirelim.
Bunun için yapmamız gereken aşağıda yer alan örnekteki kodları kullanmak,

Kodlara baktığınız şunu göreceksiniz,
aria-controls="new_post" ilk aktif tabı getirir burada 1. resimde widget eklerken widget key için atadığımız adı veriyoruz, yani new_post
id="new_thread" diğer widgetlar için ise id değerlerini yine kullandığımız widget key ile aynı şekilde giriyoruz, yani sırası ile new_thread new_resource gibi düşünün

ul class yapılarının altında yer alan widget key alanlarınıda aynı şekilde verdiğimiz isimlere göre dolduruyoruz.

Kod:
Dear Guests, welcome! Please, Giriş Yap or Kayıt Ol to view hide content!

new_post yine buna örnek (Unutmayın hep aynı isimleri kullanıyoruz.)

Kod:
Dear Guests, welcome! Please, Giriş Yap or Kayıt Ol to view hide content!
Bu alanda yer alan 5 değeri yeni konuların çekileceği alanın sadece 5 ID li forumdan gelmesini sağlar.
Siz ID değerinizi kendiniz değiştirebilirsiniz. (Ben örnekte Duyuru olarak bir ID değeri verdim.)


Bu anlatımları kısaca özetledikten sonra,
HTML widget oluştur seçeneği ile yeni bir widget oluştura tıklıyoruz,

HTML:
Dear Guests, welcome! Please, Giriş Yap or Kayıt Ol to view hide content!

Template/Şablon alanına yukarıda yer alan kodları ekliyoruz.
Dikkat etmeniz gereken nokta Gelişmiş mod seçeneğinin aktif olmasıdır.

Stats_widget.PNG

Şimdi tab HTML widget için kaydetme işlemini yapıyoruz.
Son aşamada ise aşağıda yer alan kodları aktif olan temanızın extra.less şablonuna ekleyiniz.


CSS:
Dear Guests, welcome! Please, Giriş Yap or Kayıt Ol to view hide content!

Artık sonuç aşağıda yer alan şekilde olmalı,

Stats_Result.PNG

Uygulamada sorun yaşayan arkadaşlar konu başlığı altında yazabilirler.
 

Eyüp B.

New member
Customer
SMS Confirmed
XenTR Üyesi
Katılım
21 Mar 2019
Mesajlar
23
Tepki puanı
13
Puanları
3
Elinize emeğinize sağlık insana değer kokuyor her konuda 🥰
 

hasannakyuz

Active member
Licenced Member
Customer
XenTR Üyesi
Katılım
20 May 2019
Mesajlar
449
Çözümler
2
Tepki puanı
217
Puanları
43
Yaş
33
Web Sitesi
www.balikhobim.com
Hani derler ya yapıyorsun bu sporu diye. Eline sağlık övünç hocam. 🙂
 

Levi45

Active member
Licenced Member
Customer
XenTR Üyesi
Katılım
17 Mar 2019
Mesajlar
146
Tepki puanı
71
Puanları
28
Elinize saglik ben yapamadim , eklenti olarak mumkunmu bu acaba tesekkurler.(y)
 

Levi45

Active member
Licenced Member
Customer
XenTR Üyesi
Katılım
17 Mar 2019
Mesajlar
146
Tepki puanı
71
Puanları
28
Forumun butun bolumunde acilan konu ve yeni post lari gormesini istiyorum buna baska ne eklemem gerekir
Kod:
Dear Guests, welcome! Please, Giriş Yap or Kayıt Ol to view hide content!
 

XDinc

Well-known member
Admin
XenTR Mod
Customer
SMS Confirmed
XenTR Üyesi
Katılım
3 Şub 2019
Mesajlar
1,912
Çözümler
13
Tepki puanı
4,532
Puanları
113
Web Sitesi
xentr.net
Başka bir şey eklemenize gerek yok bu yeterli.
Uygulamanız başarılı olmazsa bize yazın bağlanıp yapalım.
Saygılar.
 

Levi45

Active member
Licenced Member
Customer
XenTR Üyesi
Katılım
17 Mar 2019
Mesajlar
146
Tepki puanı
71
Puanları
28
Sagolasin kardes pm attim size
 

Levi45

Active member
Licenced Member
Customer
XenTR Üyesi
Katılım
17 Mar 2019
Mesajlar
146
Tepki puanı
71
Puanları
28
Cok tesekkurler kardes super oldu (y)
 

Levi45

Active member
Licenced Member
Customer
XenTR Üyesi
Katılım
17 Mar 2019
Mesajlar
146
Tepki puanı
71
Puanları
28
XDinc kardes elegant darkda burasini farkli renkde nasil ayarlayabilirim ? New Tread zor gorunuyor
Capture.PNG
 

XDinc

Well-known member
Admin
XenTR Mod
Customer
SMS Confirmed
XenTR Üyesi
Katılım
3 Şub 2019
Mesajlar
1,912
Çözümler
13
Tepki puanı
4,532
Puanları
113
Web Sitesi
xentr.net
XDinc kardes elegant darkda burasini farkli renkde nasil ayarlayabilirim ? New Tread zor gorunuyor
Ekli dosyayı görüntüle 5240

Özelleştirmeler için genelde kendi renklerinizi seçip uygulamanız daha doğru olur.
Sistemin kullandığı yapıya uygun şekilde renkler gelir.

Ben şimdilik kısa bir kod bloğu ekleyim bunu Elegant temanızın extra.less şablonuna ekleyin ve deneyin.

CSS:
Dear Guests, welcome! Please, Giriş Yap or Kayıt Ol to view hide content!
 

Levi45

Active member
Licenced Member
Customer
XenTR Üyesi
Katılım
17 Mar 2019
Mesajlar
146
Tepki puanı
71
Puanları
28
Tesekkurler bunla duzeldi sagolasin kardesim.
 
Üst