Welcome to XTR | Think Different and Make it...

Join us now to get access to all our features. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, and so, so much more. It's also quick and totally free, so what are you waiting for?

Kullanım tekniği Özel önek stili oluşturma

Previous thread
Kullanıcı Değerlendirmesi
5.00 star(s)

XenTR

XenTR Yönetici
Admin
XenTR Mod
Müşteri
Lisanslı Üye
XenTR Üyesi
Feb 2, 2019
872
1,293
93
xentr.net
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:

Ö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
CSS:
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.
1579214886719.png

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ü
1579215544698.png

Ben standart olarak
Code:
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
1579215355632.png
Bu şekilde bir görünüm alabilirsiniz.
 
Bilgi Kaynak Erişimi
https://xentr.net/
Last edited:

Ovunc Dinc

XenTR Yönetici
Admin
XenTR Mod
Müşteri
Lisanslı Üye
XenTR Üyesi
Feb 2, 2019
1,153
2,245
113
xentr.net
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

XenTR Müşterisi
Müşteri
Lisanslı Üye
XenTR Üyesi
Jul 19, 2019
63
46
18
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?
 

Ovunc Dinc

XenTR Yönetici
Admin
XenTR Mod
Müşteri
Lisanslı Üye
XenTR Üyesi
Feb 2, 2019
1,153
2,245
113
xentr.net
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.

Code:
Dear Guests, welcome! Please, Log in or Register to view hide content!
 
shape1
shape2
shape3
shape4
shape7
shape8
Top