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!

Nasıl yapılır ? Extra.less Boş

TheHypnosis

xFanatik
SMS onaylı
Kullanıcı
Katılım
6 Haz 2019
Mesajlar
288
Çözümler
3
Başlıkda 'da Belirttiğim Üzre Extra.less Bom Boş Attığım Kodlar İşlevi Görmüyor Ayrıça
ve Profilde ve Postibde Konular Kısmı Yok Nasıl Aktif Edilebilir.
 
Son düzenleme:
Orası zaten boş olur. Oraya siz extradan css eklemek için tasarlanmıştır. Ama daha önce yazdıklarınız varsa config.php dosyasından $config['development']['enabled'] = true; ise extra.less boş görünür. Orda default temanın extra bakacaksınız.
$config['development']['enabled'] = true; flase yaparsanız düzelir. :)
 
Orası zaten boş olur. Oraya siz extradan css eklemek için tasarlanmıştır. Ama daha önce yazdıklarınız varsa config.php dosyasından $config['development']['enabled'] = true; ise extra.less boş görünür. Orda default temanın extra bakacaksınız.
$config['development']['enabled'] = true; flase yaparsanız düzelir. :)

Teşekkürler başkan ya peki ben boşken exta.lss e

Kullanıcı Hesap Detayları Alanına FontAvesome Icon Ekleme kodları vs ekleyince birmactanesi ya gözüküyor ya gözükmüyor sebebi true olmasından mı gözükmemiş
 
Teşekkürler başkan ya peki ben boşken exta.lss e

Kullanıcı Hesap Detayları Alanına FontAvesome Icon Ekleme kodları vs ekleyince birmactanesi ya gözüküyor ya gözükmüyor sebebi true olmasından mı gözükmemiş
XF1 versiyonları için ayrı kütüphane kullanılacak. 5 olanı değil.
Şu kodları extra.less yapıştır dene bakalım olacakmı?

Kod:
/* ön eklere ait olan kod başı */
<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> DUYURU ONEK CSS Tanimi </xf:comment>
.satilik {
    background-color: #FF0000;
}
.satilik:before {
    content: "\f0a1";
}
.tartisma {
    background-color: #FF6600;
}
.tartisma:before {
    content: "\f075";
}
.cozuldu {
    background-color: #0033ff;
}
.cozuldu:before {
    content: "\f00c";
}
.kilitli {
    background-color: #cc0000;
}
.kilitli:before {
    content: "\f023";
}
.bekliyor {
    background-color: #006633;
}
.bekliyor:before {
    content: "\f128";
}
.sizdengelen {
    background-color: #996600;
}
.sizdengelen:before {
    content: "\f1c3";
}
.gorusyazi {
    background-color: #ff0033;
}
.gorusyazi:before {
    content: "\f24e";
}
.sohbet {
    background-color: #FF6347;
}
.sohbet:before {
    content: "\f0f4";
}
.gundem {
    background-color: #8B0000;
}
.gundem:before {
    content: "\f09e";
}
.degisiklik {
    background-color: #00cc00;
}
.degisiklik:before {
    content: "\f021";
}
.arsiv {
    background-color: #48D1CC;
}
.arsiv:before {
    content: "\f187";
}
.editor {
    background-color: #DAA520;
}
.editor:before {
    content: "\f164";
}
.koseyazisi {
    background-color: #4B0082;
}
.koseyazisi:before {
    content: "\f14b";
}
.modbilgi {
    background-color: #ff0000;
}
.modbilgi:before {
    content: "\f05a";
}
.tanisma {
    background-color: #3CB371;
}
.tanisma:before {
    content: "\f2b5";
}
.anket {
    background-color: #808000;
}
.anket:before {
    content: "\f036";
}
.dikkatt {
    background-color: #ff0000;
}
.dikkatt:before {
    content: "\f08d";
}
.oneri {
    background-color: #ff0000;
}
.oneri:before {
    content: "\f086";
}
.video {
    background-color: #ff0000;
}
.video:before {
    content: "\f03d";
}
.dost {
    background-color: #009900;
}
.dost:before {
    content: "\f02c";
}
/* duyuru ön eklere ait olan kod bitişi */

Örnek ekleme

7444
 
XF1 versiyonları için ayrı kütüphane kullanılacak. 5 olanı değil.
Şu kodları extra.less yapıştır dene bakalım olacakmı?

Kod:
/* ön eklere ait olan kod başı */
<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> DUYURU ONEK CSS Tanimi </xf:comment>
.satilik {
    background-color: #FF0000;
}
.satilik:before {
    content: "\f0a1";
}
.tartisma {
    background-color: #FF6600;
}
.tartisma:before {
    content: "\f075";
}
.cozuldu {
    background-color: #0033ff;
}
.cozuldu:before {
    content: "\f00c";
}
.kilitli {
    background-color: #cc0000;
}
.kilitli:before {
    content: "\f023";
}
.bekliyor {
    background-color: #006633;
}
.bekliyor:before {
    content: "\f128";
}
.sizdengelen {
    background-color: #996600;
}
.sizdengelen:before {
    content: "\f1c3";
}
.gorusyazi {
    background-color: #ff0033;
}
.gorusyazi:before {
    content: "\f24e";
}
.sohbet {
    background-color: #FF6347;
}
.sohbet:before {
    content: "\f0f4";
}
.gundem {
    background-color: #8B0000;
}
.gundem:before {
    content: "\f09e";
}
.degisiklik {
    background-color: #00cc00;
}
.degisiklik:before {
    content: "\f021";
}
.arsiv {
    background-color: #48D1CC;
}
.arsiv:before {
    content: "\f187";
}
.editor {
    background-color: #DAA520;
}
.editor:before {
    content: "\f164";
}
.koseyazisi {
    background-color: #4B0082;
}
.koseyazisi:before {
    content: "\f14b";
}
.modbilgi {
    background-color: #ff0000;
}
.modbilgi:before {
    content: "\f05a";
}
.tanisma {
    background-color: #3CB371;
}
.tanisma:before {
    content: "\f2b5";
}
.anket {
    background-color: #808000;
}
.anket:before {
    content: "\f036";
}
.dikkatt {
    background-color: #ff0000;
}
.dikkatt:before {
    content: "\f08d";
}
.oneri {
    background-color: #ff0000;
}
.oneri:before {
    content: "\f086";
}
.video {
    background-color: #ff0000;
}
.video:before {
    content: "\f03d";
}
.dost {
    background-color: #009900;
}
.dost:before {
    content: "\f02c";
}
/* duyuru ön eklere ait olan kod bitişi */

Örnek ekleme

Ekli dosyayı görüntüle 7444

Oldu Başkan Teşekkürler son sorunum kaldı
233.png

Sorun Çevaplıyalım butonu nasıl eklerim yeni konu aç butonu ile aynı sadeçe belirli bir forum altına konu açıyor UIX ÇLASSIÇ Tema Kullanmaktayım Yeni Konu Aç Butonu Mevçut bende zaten yanına sorun çevaplayalım buton açmak istiyorum birde bu addons u bulamadım ismi nedir biliyormusunuz
 
Oldu Başkan Teşekkürler son sorunum kaldı
Ekli dosyayı görüntüle 7445

Sorun Çevaplıyalım butonu nasıl eklerim yeni konu aç butonu ile aynı sadeçe belirli bir forum altına konu açıyor UIX ÇLASSIÇ Tema Kullanmaktayım Yeni Konu Aç Butonu Mevçut bende zaten yanına sorun çevaplayalım buton açmak istiyorum birde bu addons u bulamadım ismi nedir biliyormusunuz
Böyle saçma butonlar ekleme sonra güncellemelerde sorun çıkıyor. Orjinale sadık kal...Ayrıca bana başkan deyip durma. Ben başkan değilim :)
 

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.