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: 655
Yazar
eTiKeT™
Görüntüleme
4,610
İlk yayınlama
Son güncelleme
Değerlendirme
5.00 yıldız 3 değerlendirme

eTiKeT™ ait diğer kaynakar

Tema özelleştirme sistemi

Bu menüden forum temasının bazı alanlarını kendinize özel olarak düzenleye bilirsiniz.

Zevkine göre renk kombinasyonunu belirle

Gece/Gündüz modunu seç

Gece ve gündüz modlarından tarzınıza yada ihtiyaçlarınıza uygun olanı seçerek kullana bilirsiniz.

Tam ekran yada dar ekran

Temanızın gövde büyüklüğünü sevkiniz, ihtiyacınıza göre dar yada geniş olarak kulana bilirsiniz.

Izgara yada normal mod

Temanızda forum listeleme yapısını ızgara yapısında yada normal yapıda listemek için kullanabilirsiniz.

Forum arkaplan resimleri

Forum arkaplanlarına eklenmiş olan resimlerinin kontrolü senin elinde, resimleri aç/kapat

Sidebar blogunu kapat/aç

Forumun kalabalığında kurtulmak için sidebar (kenar çubuğunu) açıp/kapatarak gereksiz kalabalıklardan kurtula bilirsiniz.

Yapışkan sidebar kapat/aç

Yapışkan sidebar ile sidebar alanını daha hızlı ve verimli kullanabilirsiniz.

Radius aç/kapat

Blok köşelerinde bulunan kıvrımları kapat/aç bu şekilde tarzını yansıt.

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.