Neler yeni

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

  • Forumdan daha fazla yararlanmak için, profilinizi telefon numaranız 📱 ile doğrulayın ve daha ayrıcalıklı olun 😉
    Daha fazla bilgi!
Kaynak ikonu

Kullanım tekniği Xenforo 2 - Önek nasıl oluşturulur,özel CSS kodu ile nasıl tasarlanır ?

XenForo için kullanım tekniği.
Xenforo 2 - Önek nasıl oluşturulur,özel CSS kodu ile nasıl tasarlanır ?
Xenforo ve nerede ise tüm yazılımlarda bulunan konu önek sistemi ile konularınızı sınıflandırabilir,vurgulayabilir ve dikkat çekici bir hale getirebilirsiniz.
Aşağıda anlatacaklarım ile bu işlem ile önekleriniz ile görsel şov bile yapabilirsiniz :)...​

Önek demoları;


Xenforo 2 Önek nasıl oluşturulur?
Adım 1;
Adminpc >> Forumlar >> Konu özellikleri >> Konu önekleri >> Önek grubu ekle
xenforo-2-önek-adminpc-1.png


Buradan bir önek grubu ekleyin fakat Türkçe karakter veya ayrık bir grup adı olmasın,benim grubumun adı sorucevap.
xenforo-2-önek-adminpc-2.png

Adım 2;
Adminpc >> Forumlar >> Konu özellikleri >> Konu önekleri >> Önek ekle
xenforo-2-önek-adminpc-3.png

Ve resimdeki örnekte olduğu gibi bir önek oluşturun,
xenforo-2-önek-4.png

Ve artık önekiniz hazır güle güle kullanın..​


Xenforo 2 özel CSS kodu ile önek nasıl oluşturulur;
Özel CSS kodundan kastım temaya özel önek görselleri oluşturabilirsiniz. Xenforoda sunulan standart şablonlar görsel olarak temanıza uymuyor ise CSS ile bunu siz özelleştire bilirisiniz...

Bir örnek görelim,
xenforo-2-önek01.png


Nasıl yapılır?
Yukarıdaki anlatım ile öenk oluştururken Görünüm tarzı alanından şu şekilde bir düzenleme yapacağız.
xenforo-2-önek-10.png

Ve temanızın extra.less isimli şablonu açıp içerisine şu kodları ekleyin.
Kod:
.xF_Xenforo2_onek
  {
  background: rgb(173, 51, 204) none repeat scroll 0 0;
  border: 1px solid rgb(118, 21, 145);
  border-radius: 4px;
  color: rgb(255, 255, 255);
  font-size: 13px;
  padding: 0 3px;
  }

Görünüm tarzı alanına yazacağınız isim ile CSS kodlarının adınında aynı olması gereklidir buna dikkat etmeniz yeterli olacaktır...​



Güle güle kullanın arkadaşlar hepsi bu kadar ...
  • upload_2017-9-12_17-0-14.png
    upload_2017-9-12_17-0-14.png
    22.5 KB · Görüntüleme: 658
Yazar
eTiKeT™
Görüntüleme
4,647
İlk yayınlama
Son güncelleme
Değerlendirme
5.00 yıldız 3 değerlendirme

eTiKeT™ ait diğer kaynakar

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.