• Web sitemize kayıt olmak ve onay işlemleri ile ilgili genel bilgilendirme için buraya tıklayınız

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
2,090
Çözümler
28
Tepki puanı
4,807
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.

Eyüp B.

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

hasannakyuz

Well-known member
Licenced
Customer
XenTR Üyesi
Katılım
20 May 2019
Mesajlar
558
Çözümler
8
Tepki puanı
251
Puanları
63
Hani derler ya yapıyorsun bu sporu diye. Eline sağlık övünç hocam. ?
 

Levi45

Active member
Licenced
Customer
XenTR Üyesi
Katılım
17 Mar 2019
Mesajlar
169
Çözümler
2
Tepki puanı
83
Puanları
28
Elinize saglik ben yapamadim , eklenti olarak mumkunmu bu acaba tesekkurler.(y)
 

Levi45

Active member
Licenced
Customer
XenTR Üyesi
Katılım
17 Mar 2019
Mesajlar
169
Çözümler
2
Tepki puanı
83
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
2,090
Çözümler
28
Tepki puanı
4,807
Puanları
113
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
Customer
XenTR Üyesi
Katılım
17 Mar 2019
Mesajlar
169
Çözümler
2
Tepki puanı
83
Puanları
28
Sagolasin kardes pm attim size
 

Levi45

Active member
Licenced
Customer
XenTR Üyesi
Katılım
17 Mar 2019
Mesajlar
169
Çözümler
2
Tepki puanı
83
Puanları
28
Cok tesekkurler kardes super oldu (y)
 

Levi45

Active member
Licenced
Customer
XenTR Üyesi
Katılım
17 Mar 2019
Mesajlar
169
Çözümler
2
Tepki puanı
83
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
2,090
Çözümler
28
Tepki puanı
4,807
Puanları
113
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
Customer
XenTR Üyesi
Katılım
17 Mar 2019
Mesajlar
169
Çözümler
2
Tepki puanı
83
Puanları
28
Tesekkurler bunla duzeldi sagolasin kardesim.
 

Webtiryaki

Kayıtlı Kullanıcı
XenTR Üyesi
Katılım
27 Haz 2021
Mesajlar
16
Tepki puanı
11
Puanları
3
merhaba bu anlatım 2.2.5 sürümü için geçerlimi?
 

XDinc

Well-known member
Admin
XenTR Mod
Customer
SMS Confirmed
XenTR Üyesi
Katılım
3 Şub 2019
Mesajlar
2,090
Çözümler
28
Tepki puanı
4,807
Puanları
113
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

Kayıtlı Kullanıcı
XenTR Üyesi
Katılım
27 Haz 2021
Mesajlar
16
Tepki puanı
11
Puanları
3
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.
 

XDinc

Well-known member
Admin
XenTR Mod
Customer
SMS Confirmed
XenTR Üyesi
Katılım
3 Şub 2019
Mesajlar
2,090
Çözümler
28
Tepki puanı
4,807
Puanları
113
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.
 

Webtiryaki

Kayıtlı Kullanıcı
XenTR Üyesi
Katılım
27 Haz 2021
Mesajlar
16
Tepki puanı
11
Puanları
3
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.
 
Üst