discussion Usage technique Özel önek stili oluşturma

[XenTR]

Merhaba arkadaşlar;
Özel önek stili oluşturma konusu aslında XenForo resmi sitesinde Brogan tarafından oluşturulmuş orada resimler ile anlatım mevcut. Aslında herkesin yapabileceği bir şey ama burada basit olarak kodları vermek istiyorum.
Kaynak:

Creating custom prefix styling

By default, XF comes with the following prefix styles: Creating custom styling using the Other, using custom CSS class name option is fairly straightforward. This guide will explain how to. The easiest way by far to add new prefix styling...

xenforo.com

Öncelikle özel önek yani prefix oluşturmak için aşağıdaki kodları extra.less şablonuna yapıştırmanız gereklidir.

Extra.less kodlarımız

Dear Guests, welcome! Please, Log in or Register to view hide content!

Yukarıda vermiş olduğum kodları kendinize göre şekillendirebilirsiniz.

Şimdi tek yapmamız gereken Admin panelden özel önek kodlarımızı girmemiz gerekir. Bunun için admin.php?thread-prefixes/ sayfasına gidiyoruz ve her ön ekimizi reesimde olduğu gibi ayarlıyoruz.

Örnek olarak ben label label--ctaAttention ön ekini ayarlıyorum.


Her önek kodumuz cta ile başlıyor. Burada ctaAttention kullanılıyor gördüğünüz gibi. Yukarıda vermiş olduğum css üzerinde kendiniz vermek istediğiniz ismi verebilir ve bu alana da vermiş olduğunuz ismi yazabilirsiniz.

Tüm ön ekleri ekledikten sonra panel görüntüsü


Ben standart olarak

Dear Guests, welcome! Please, Log in or Register to view hide content!

Kodlarını kullandım. Aynı şekilde font-awesome iconları için de geçerli. Orada da kendi ikonlarınız için sadece şu alanda yer alan .m-faContent(@fa-var-exclamation-triangle); fa-var..... ile başlayan kodu değiştirmeniz yeterlidir.

Sonuç olarak

Bu şekilde bir görünüm alabilirsiniz.

 

[XDinc]

Emeğine sağlık abi oldukça basit bir uygulama ama soran arkadaşlara aktarabilmek adına çok güzel bir anlatım ve konu olmuş teşekkürler.

 

[Panterus]

Peki onek iki kelime ise o zaman nasıl yapıcaz diyelim Attention Attention şeklinde.ctaattention araına boşluk bırakıp bir attention daha mı olacak?

 

[XDinc]

Dear Guests, welcome! Please, Log in or Register to view hide content!

Eğer yanlış anlamadıysam örneğin ön ek eğer "Yeni Filmler" ise eklenecek css class başlığı size kalmış,
label label--yeniFilmler veya label label--filmler olabilir.

Burada önemli olan verdiğiniz css başlığına uygun şekilde kodlarınızı eklemek.

Dear Guests, welcome! Please, Log in or Register to view hide content!

 

[Panterus]

tesekkurler