Theme editor

Usage technique Afiş (Banner) oluşturma adımları ve hazır kodlar

MFA

SMS Confirmed
Joined
Apr 4, 2019
Messages
50
Solutions
1
Reaction score
67
Points
18
1/3
Thread owner
Not 1: Türkçe çeviri dosyaları herkeste farklı olduğundan gerekli yolları forum ana dili (ingilizce) üzerinden belirttim.
Not 2: Kaynaklanacak herhangi bir sorun için şablonlarda işlem yapmadan önce mutlaka ve mutlaka şablonun yedeğini alın.
Not 3: Font Awesome Icon 5+ kullanıldığı için XenForo 2.1+ sürümü kullanmayanlarda simgeler görüntülenmez.

Hazır olan afişleri kullanmak istemeyenler için xenforo 'da "Diğer, özel CSS sınıf adını kullanarak" ("Other, using custom CSS class name") alanı bulunmakta. Bu alana tanımlayacağınız sınıf adını ("class name") vb. girerek extra.less şablonu üzerinde tanımladığınız sınıf adına kendi istediğinize göre kodları tanımlayabilirsiniz.

Afiş oluşturmak için siteadresiniz/admin.php?user-groups/ adresinde veya AdminCP>Groups & permissions>User groups yolunu takip ederek varolan kullanıcı grubuna veya yeni bir "kullanıcı grubu ekle" ("Add user group") düğmesine tıklayınız.

Resimdeki "Diğer, özel CSS sınıf adını kullanarak" ("Other, using custom CSS class name") alanına sınıf adını giriniz.
1. Grup için (Kurucu)
Code:
Dear Guests, welcome! Please, Log in or Register to view hide content!
2. Grup için (Yönetici)
Code:
Dear Guests, welcome! Please, Log in or Register to view hide content!
...

1557219391986.png


Önek için Sınıfa tanımlanmış kodları extra.less şablonuna giriniz.
Extra.less şablonunu açmak için yolu izleyin. AdminCP>Appearance>Templates>extra.less (filter kısmına extra.less yazarak kolayca bulabilirsiniz.)
Hazırladığınız kodları extra.less şablonuna girin ve kaydedin.
Not: extra.less şablonuna girilecek kodların, doğru temadaki extra.less şablonuna girildiğine emin olun.

Örnek kod:
Code:
Dear Guests, welcome! Please, Log in or Register to view hide content!

Verdiğim hazır kodları giren arkadaşlar bu sonucu alacaktır.
1557219267075.png



Renk değiştiren yetkili afişi (staff banner) için kodları extra.less şablonuna girin ve kaydedin.
Code:
Dear Guests, welcome! Please, Log in or Register to view hide content!

Verdiğim hazır kodları giren arkadaşlar bu sonucu alacaktır.
View attachment staff-banner-rainbow.gif
 
Last edited:
Çok değerli bir paylaşım olmuş emeğinize sağlık.
Bir çok kullanıcıya fayda sağlayacaktır.
 
  • Like
Reactions: MFA
MFA değerli katkılarınız için teşekkür ederim. Faydalı bir içerik olmuş. Kişisel paylaşımlarınızın devamı dileğiyle...
 
Güzel bir yayın olmuş emeğiniz için teşekkürler.
 
Thread owner
Farklı şeyler denemek isteyenler için bir alternatif sadece, kod üzerinde oynama yaparak tasarımı değiştirecek kişiler buradan paylaşırsa veya kendi tasarımlarını paylaşırlarsa alternatifler çoğalır.
Beğenen ve güzel yorumlarını esirgemeyen sizlere asıl ben teşekkür ederim.
 

Users found this thread by following these keywords:

  1. Xenforo afiş
  2. xenforo css afiş tasarımı nasıl yapılır
Quick Jump
Back
Top