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

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

XDinc

Yönetici
XenTR Mod
Customer
SMS Confirmed
Katılım
3 Şub 2019
Mesajlar
2,374
Çözümler
65
Tepki puanı
5,216
Puanları
113
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.
 

En Çok Tepki Alan 5 Mesaj

Yardımcı olabileceğimiz noktada lütfen iletin.
Dilerseniz şöyle açıklamaya çalışayım, pozisyon değeri atamadan oluşturduğumuz widget yapılarını bu aşamada bir arada topluyoruz, aktif ve pasif tabları belirliyoruz.
Ayrıntılı anlatmamı dilerseniz özel mesaj ile bir uzak masaüstü bilgisi gönderin bağlanıp süreci size özetleyelim.

Saygılar.
XDinc Bey teşekkür ederim alakanız için html girdisinde yer belirtmemiz gerektiğini bilmediğim için olmamış

saygılar.
Elinize emeğinize sağlık insana değer kokuyor her konuda ?
 
Hani derler ya yapıyorsun bu sporu diye. Eline sağlık övünç hocam. ?
 
Elinize saglik ben yapamadim , eklenti olarak mumkunmu bu acaba tesekkurler.(y)
 
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!
 
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.
 
Sagolasin kardes pm attim size
 
Cok tesekkurler kardes super oldu (y)
 
XDinc kardes elegant darkda burasini farkli renkde nasil ayarlayabilirim ? New Tread zor gorunuyor
Capture.PNG
 
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!
 
Tesekkurler bunla duzeldi sagolasin kardesim.
 
Webtiryaki Bu arada SMF ile sonunda bağlarınızı koparmanıza sevindim. Üyeleriniz başlangıçta yadırgayabilirler ama alışınca seveceklerdir.
Saygılar.
 
Webtiryaki Bu arada SMF ile sonunda bağlarınızı koparmanıza sevindim. Üyeleriniz başlangıçta yadırgayabilirler ama alışınca seveceklerdir.
Saygılar.
Teşekkür ederim benim gibi yılardır mod tema yazan biri için xf kullanmak alışmak zor olacak nitekim bu eklentiyi yapamadım kaçırdığım bir şey var? sanırım

şu kisim
Ş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.
Saygilar.
 
bu eklentiyi yapamadım kaçırdığım bir şey var? sanırım

Yardımcı olabileceğimiz noktada lütfen iletin.
Dilerseniz şöyle açıklamaya çalışayım, pozisyon değeri atamadan oluşturduğumuz widget yapılarını bu aşamada bir arada topluyoruz, aktif ve pasif tabları belirliyoruz.
Ayrıntılı anlatmamı dilerseniz özel mesaj ile bir uzak masaüstü bilgisi gönderin bağlanıp süreci size özetleyelim.

Saygılar.
 
Yardımcı olabileceğimiz noktada lütfen iletin.
Dilerseniz şöyle açıklamaya çalışayım, pozisyon değeri atamadan oluşturduğumuz widget yapılarını bu aşamada bir arada topluyoruz, aktif ve pasif tabları belirliyoruz.
Ayrıntılı anlatmamı dilerseniz özel mesaj ile bir uzak masaüstü bilgisi gönderin bağlanıp süreci size özetleyelim.

Saygılar.
XDinc Bey teşekkür ederim alakanız için html girdisinde yer belirtmemiz gerektiğini bilmediğim için olmamış

saygılar.
 
Quick Jump
2,681Konular
12,592Mesajlar
1,450Kullanıcılar
MematiSon Üye
Geri
Üst