XenForo onek sistemi kullanımı CSS ile Resimli onek oluşturma Xenforo Onek kullanımı ve CSS ile RESIMLI Yeni onekleri nasıl oluştururum? Forum sistemlerinde onek vaz gecilmez bir uygulama ve ozelliktir. Her forum yazılımda oluğu gibi XenForo sisteminde de onek sistemi mevcuttur. NOT: Resimsiz onek oluşturma ile ilgili olarak daha once paylaşılan şu konuya bakabilirsiniz Onek sistemi nedir? Onek sistemi konu başlıklarının yanı eklenen kısa bilgi, uyarı yada dikakt cekici bir uygulamadır. Nasıl kullanılır? Konu acma sırasında başlık yazılan kutunun solunda beliren bir kutudan secilip eklenebilir. Hangi bolumde hangi onekin secileceği aşağıda onek tanımlama sırasında belirtilir. Nasıl onek oluşturulur? 1 Onek Grubu Oluşturma Oncelikle isterseniz onekleri belli gruplar icinde toplayabilirsiniz. Bunun icin /admin. php?thread prefixes/ sayfasında bulunan "Onek Grubu Ekle" butonuna basılarak grup tanımlaması yapılır. Bu işlem zorunlu değildir. 2 Onek Tanımlama Opsiyonel olan "Onek grubu"muzu oluşturduk şimdi gelelim esas olan "onek" oluşturmaya. Yine /admin. php?thread prefixes/ sayfasındayız. Bu sefer "Onek Ekle" butonuna tıklayarak aşağıdaki benzer şekilde yeni onek tanımlamızı yapıyoruz. Başlık : Yeni Onekimizin gorunecek adını burada tanımlıyoruz. Gorunum tarzı : Resimli ve ozel bir format kullanmak icin burada "Diğer, ozel CSS sınıf adı kullanarak" seciyoruz ve şoyle bir tanımlama yapıyoruz rconek satilik rconek satilik Bu tanımla iki kısımdan oluşuyor. NOT: Bu isim ile "extra. less" eklenen kodlarda isimler uyumsuz olursa, yapacağımız işlem duzgun calışmayacaktır. a ) Birinci kısım olan "rconek" birazdan aşağıda "extra. less" şablonuna eklenen ve genel olarak kullanacağımız oneklerin formatını belirleyen kısım ile aynı ismi sahip olmalı b ) 2. kısım olan "satilik" kısmıda yine extra. less eklenen ve bu onek ozel renk ve resimleri belirtildiği kısımdır. Onek grubu: Tanımladığımız oneki bir onek grubun altında gostermek istersek, uygun onek grubunu seciyoruz. Kullanabilcek guruplar : Bu oneki kullanabilecek uye gruplarını belirliyoruz. Kullanılabilir forumlar : Bu onekin kullanılabileceği bolumleri seciyoruz. Son olarak geldik kodları ilave etmeye. Bunun icin "Gorunum ve diller > Tema ve Şablonlar > Şablonlar" kısmında kullandığımız temanın "extra. less" şablonuna şu kodları ilave ediyoruz. NOT: 2.1. x kullanımı sırasında şu kod yerine Kod: font family: FontAwesome; Şunu kullanıyoruz. Kod: font family:'Font Awesome 5 Pro'; Kod: ONEK CSS Tanimi. rconek } SATILIK ONEK CSS Tanimi. satilik. satilik:before Onekimizin zemin rengini değiştirmek icin aşağıdaki kodda bulunan "#b2b2b2" kısmını istediğimiz renkle değiştirebiliriz. Kod: . satilik Onekimizin sol tarafında bulunan resmi değiştirmek icin aşağıdaki kodda bulunan "f155" kısmını değiştirmemiz yeterli. Kod: . satilik:before NOT: Eğer bazı bolumlerde default olarak tanımladığımız bir onek gelmesini istiyorsak "Forumlar > Kategori ve forumlar" gelip istediğimiz forumu secerek "Varsayılan konu oneki" secmemiz yeterli.