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!

Kullanım tekniği XenForo önek sistemi kullanımı CSS ile Resimli önek oluşturma

mkucuksari Kullanıcımız yeni bir kaynak oluşturdu:

XenForo önek sistemi kullanımı CSS ile Resimli önek oluşturma - Forum sistemlerinde önek vaz geçilmez bir uygulama ve özelliktir. Bu konumuzda CSS ile Resimli önek

Xenforo Önek kullanımı ve CSS ile yeni önekleri nasıl oluştururum?
Forum sistemlerinde önek vaz geçilmez bir uygulama ve özelliktir. Her forum yazılımda oluğu gibi XenForo sisteminde de önek sistemi mevcuttur.

NOT: Resimsiz önek oluşturma ile ilgili olarak daha önce paylaşılan şu konuya bakabilirsiniz

Kullanım tekniği - XenForo önek sistemi kullanımı CSS ile önek...

Bu kaynak hakkında daha fazla bilgi ...
 

Ekli dosyalar

  • Onek_1.jpg
    Onek_1.jpg
    43.8 KB · Görüntüleme: 369
Moderatör tarafında düzenlendi:
Onu demek istedim görsellik sadece boşuna ram yüklemesi..
 
evet aynen oyle arkadasım localde denıyorum ben o yuzden değişik şeyler göze hitap eden şeylere bakıyorum şuanlık sadece
 
Arkadaşlar her bir önek için bu kodları tek tek girmemiz mi lazım_?
Extra.less içine yazılacak olacak bu kodlar için diyorum...
Kod:
<xf:comment> ONEK CSS Tanimi </xf:comment>
.rc_onek {
    color: rgba(255,255,255,0.8);
    border-radius: 2px;
    display: inline-block;
    position: relative;
    font-size: 90%;
    padding: 0 5px 0 32px;
    cursor: pointer;
    font-size: 80%;
    font-weight: normal;
    &:before {
        background-color: rgba(0, 0, 0, 0.2);
        position: absolute;
        border-top-right-radius: 40px;
        border-right: 2px solid rgba(0, 0, 0, 0.1);
        top: 0;
        bottom: 0;
        left: 0;
        padding: 2px 4px 0 2px;
        width: 20px;
        font-family: FontAwesome;
        text-align: center;
    }
}
<xf:comment> SATILIK ONEK CSS Tanimi </xf:comment>
.satilik {
    background-color: #b2b2b2;
}
.satilik:before {
    content: "\f155";
}
 
Hayır sadece satılık alanını kendi öneklerinize göre değiştirip çoğaltmanız gerekir
 
font-family: FontAwesome 5 Pro bunu kullan
Senin kullandığın font-family: FontAwesome
 

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.