Kullanım tekniği Afiş (Banner) oluşturma adımları ve hazır kodlar

Kullanım tekniği Afiş (Banner) oluşturma adımları ve hazır kodlar
6
3K

MFA

SMS Confirmed
Katılım
4 Nis 2019
Mesajlar
50
Çözümler
1
Tepki puanı
67
Puanları
18
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)
Kod:
Dear Guests, welcome! Please, Giriş Yap or Kayıt Ol to view hide content!
2. Grup için (Yönetici)
Kod:
Dear Guests, welcome! Please, Giriş Yap or Kayıt Ol 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:
Kod:
Dear Guests, welcome! Please, Giriş Yap or Kayıt Ol 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.
Kod:
Dear Guests, welcome! Please, Giriş Yap or Kayıt Ol to view hide content!

Verdiğim hazır kodları giren arkadaşlar bu sonucu alacaktır.
Ekli dosyayı görüntüle staff-banner-rainbow.gif
 
Son düzenleme:
Çok değerli bir paylaşım olmuş emeğinize sağlık.
Bir çok kullanıcıya fayda sağlayacaktır.
 
  • Beğen
Tepkiler: MFA
MFA çok guzel bilgi ve paylasim olmus tesekürler.
 
  • Beğen
Tepkiler: 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.
 
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.
 
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.

Bunun için bir çalışmaya başlamıştım ama öncelik sırası değiştiği için yarım kaldı.
Elimde yer alan işler biter bitmez devam edeceğim.
 
Quick Jump
2,620Konular
12,449Mesajlar
1,428Kullanıcılar
Geri
Üst