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-öenek-1.webp xenforo-2-önek-2.webp xenforo-2-önek-3.webp


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


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.webp

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

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

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.webp


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.webp

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.webp
    upload_2017-9-12_17-0-14.webp
    18,9 KB · Görüntüleme: 807
Yazar
eTiKeT™
Görüntüleme
5.239
İlk yayınlama
Son güncelleme

Puanlar

5,00 yıldız 3 değerlendirme

eTiKeT™ ait diğer kaynakar

Kişiselleştirme

Tema editörü

Ayarlar Renkler

  • Mobil kullanıcılar bu fonksiyonları kullanamaz.

    Alternatif header

    Farklı bir görünüm için alternatif header yapısını kolayca seçebilirsiniz.

    Görünüm Modu Seçimi

    Tam ekran ve dar ekran modları arasında geçiş yapın.

    Izgara Görünümü

    Izgara modu ile içerikleri kolayca inceleyin ve düzenli bir görünüm elde edin.

    Resimli Izgara Modu

    Arka plan görselleriyle içeriğinizi düzenli ve görsel olarak zengin bir şekilde görüntüleyin.

    Yan Paneli Kapat

    Yan paneli gizleyerek daha geniş bir çalışma alanı oluşturun.

    Sabit Yan Panel

    Yan paneli sabitleyerek sürekli erişim sağlayın ve içeriğinizi kolayca yönetin.

    Box görünüm

    Temanızın yanlarına box tarzı bir çerçeve ekleyebilir veya mevcut çerçeveyi kaldırabilirsiniz. 1300px üstü çözünürler için geçerlidir.

    Köşe Yuvarlama Kontrolü

    Köşe yuvarlama efektini açıp kapatarak görünümü dilediğiniz gibi özelleştirin.

  • Renginizi seçin

    Tarzınızı yansıtan rengi belirleyin ve estetik uyumu sağlayın.

Geri