Kategori Tema Kodları

  • Kullanıcı falcon
  • Başlangıç tarihi Başlangıç tarihi
  • - XenForo 2.2.X Şablon değişiklikleri
www.kartalsoftware.net Forumu Kategori Tema Kodları İşine Yarayan Kullanabilir. Buda Benden Olsun :)

[[ extra.less ]]​


CSS:
// Yazıların Alt Cizgilerini Kaldırır

.block-header a:hover {
    text-decoration: none;
}
.block-minorHeader{
font-weight: bold;
}
.block-minorHeader a:hover{
 text-decoration: none;
}

//

// widget iconları

[data-widget-key="forum_overview_members_online"] {
    .block-minorHeader {
        &:before {
            .m-faBase();
            content: "\f63d";
            display: inline-block;
            margin-right: 3px;
        }
    }
}

[data-widget-definition="new_posts"] {
    .block-minorHeader {
        &:before {
            .m-faBase();
            content: "\f086";
            display: inline-block;
            margin-right: 3px;
        }
    }
}

[data-widget-definition="new_profile_posts"] {
    .block-minorHeader {
        &:before {
            .m-faBase();
            content: "\f4b4";
            display: inline-block;
            margin-right: 3px;
        }
    }
}

[data-widget-definition="forum_statistics"] {
    .block-minorHeader {
        &:before {
            .m-faBase();
            content: "\f4b4";
            display: inline-block;
            margin-right: 3px;
        }
    }
}

[data-widget-definition="share_page"] {
    .block-minorHeader {
        &:before {
            .m-faBase();
            content: "\f1e0";
            display: inline-block;
            margin-right: 3px;
        }
    }
}

[data-widget-definition="xfrm_new_resources"] {
    .block-minorHeader {
        &:before {
            .m-faBase();
            content: "\f019";
            display: inline-block;
            margin-right: 3px;
        }
    }
}

//


// kadegori icon ekleme
.block--category70 {
    .block-header {
        display: flex;
        align-items: center;
        gap: 5px;
        &:before {
            width: 50px;
            height: 50px;
            background-image: url("styles/icon/falcon.png");
            background-repeat: no-repeat;
            background-size: 100%; // Deger 100% olarakta ayarlanabilir.
            background-position: 0% 50%;
          
        }
    }
}
.block--category72 {
    .block-header {
        display: flex;
        align-items: center;
        gap: 5px;
        &:before {
            width: 50px;
            height: 50px;
            background-image: url("styles/icon/falcon.png");
            background-repeat: no-repeat;
            background-size: 100%; // Deger 100% olarakta ayarlanabilir.
            background-position: 0% 50%;

        }
    }
}
.block--category76 {
    .block-header {
        display: flex;
        align-items: center;
        gap: 5px;
        &:before {
            width: 50px;
            height: 50px;
            background-image: url("styles/icon/falcon.png");
            background-repeat: no-repeat;
            background-size: 100%; // Deger 100% olarakta ayarlanabilir.
            background-position: 0% 50%;

        }
    }
}
.block--category85 {
    .block-header {
        display: flex;
        align-items: center;
        gap: 5px;
        &:before {
            width: 50px;
            height: 50px;
            background-image: url("styles/icon/falcon.png");
            background-repeat: no-repeat;
            background-size: 100%; // Deger 100% olarakta ayarlanabilir.
            background-position: 0% 50%;

        }
    }
}
.block--category87 {
    .block-header {
        display: flex;
        align-items: center;
        gap: 5px;
        &:before {
            width: 50px;
            height: 50px;
            background-image: url("styles/icon/falcon.png");
            background-repeat: no-repeat;
            background-size: 100%; // Deger 100% olarakta ayarlanabilir.
            background-position: 0% 50%;

        }
    }
}
.block--category90 {
    .block-header {
        display: flex;
        align-items: center;
        gap: 5px;
        &:before {
            width: 50px;
            height: 50px;
            background-image: url("styles/icon/falcon.png");
            background-repeat: no-repeat;
            background-size: 100%; // Deger 100% olarakta ayarlanabilir.
            background-position: 0% 50%;

        }
    }
}
.block--category111 {
    .block-header {
        display: flex;
        align-items: center;
        gap: 5px;
        &:before {
            width: 50px;
            height: 50px;
            background-image: url("styles/icon/falcon.png");
            background-repeat: no-repeat;
            background-size: 100%; // Deger 100% olarakta ayarlanabilir.
            background-position: 0% 50%;

        }
    }
}
 .block--category {
    .block-header {
        position: relative;
    }
    .collapseTrigger {
        position: absolute;
        right: 7px;
    }
}

// Kadegori Listesi İcon Ekleme

.node--id71 .node-icon i::before {content: "\f0a1" !important;}
.node--id73 .node-icon i::before {content: "\f7e2" !important;}
.node--id74 .node-icon i::before {content: "\f63d" !important;}
.node--id75 .node-icon i::before {content: "\f128" !important;}
.node--id77 .node-icon i::before {content: "\f2fd" !important;}
.node--id78 .node-icon i::before {content: "\f7ea" !important;}
.node--id84 .node-icon i::before {content: "\f7e9" !important;}
.node--id79 .node-icon i::before {content: "\f1c9" !important;}
.node--id80 .node-icon i::before {content: "\f121" !important;}
.node--id81 .node-icon i::before {content: "\f550" !important;}
.node--id82 .node-icon i::before {content: "\f2d0" !important;}
.node--id83 .node-icon i::before {content: "\f2d2" !important;}
.node--id86 .node-icon i::before {content: "\f51c" !important;}
.node--id88 .node-icon i::before {content: "\f83e" !important;}
.node--id89 .node-icon i::before {content: "\e074" !important;}
.node--id91 .node-icon i::before {content: "\f57c" !important;}
.node--id92 .node-icon i::before {content: "\f681" !important;}
.node--id93 .node-icon i::before {content: "\f108" !important;}
.node--id94 .node-icon i::before {content: "\f0ac" !important;}
// alt forum icon ekle
//c#
.node--id95 .node-icon i::before {content: "\f2fd" !important;}
.node--id96 .node-icon i::before {content: "\f121" !important;}
//C/C++
.node--id101 .node-icon i::before {content: "\f2fd" !important;}
.node--id102 .node-icon i::before {content: "\f121" !important;}
//Html & CSS & JS
.node--id105 .node-icon i::before {content: "\f2fd" !important;}
.node--id106 .node-icon i::before {content: "\f121" !important;}
//PHP
.node--id103 .node-icon i::before {content: "\f2fd" !important;}
.node--id104 .node-icon i::before {content: "\f121" !important;}
.node--id114 .node-icon i::before {content: "\f87f" !important;}
//Asp.NET - C# - VB.net
.node--id107 .node-icon i::before {content: "\f2fd" !important;}
.node--id108 .node-icon i::before {content: "\f121" !important;}
//Delphi
.node--id109 .node-icon i::before {content: "\f2fd" !important;}
.node--id110 .node-icon i::before {content: "\f121" !important;}
//AutoPlay Media Studio (Lua)
.node--id97 .node-icon i::before {content: "\f7ea" !important;}
.node--id98 .node-icon i::before {content: "\f40e" !important;}
.node--id99 .node-icon i::before {content: "\f5fc" !important;}
.node--id100 .node-icon i::before {content: "\f386" !important;}
//Oyun Dünyası
.node--id112 .node-icon i::before {content: "\f6d1" !important;}
.node--id113 .node-icon i::before {content: "\f12e" !important;}
// kategori icon ayarları
.node-icon i:before  {
    font-size: 18px;
    background-repeat: no-repeat;
    display: flex;
    padding-left: 8px;
    color: #1b1e30;
    opacity: 0.80;
}
.block-header {
  padding: 2px 2px;
 
}

// kategori arkaplan rengi
.block.block--category.block--category70 .block-header {
   background: linear-gradient(90deg, rgba(240,248,253,0.4374124649859944) 0%, rgba(27,30,48,1) 0%);
   color: #ffffff;
   opacity: 0.85;
}
.block.block--category.block--category72 .block-header {
   background: linear-gradient(90deg, rgba(240,248,253,0.4374124649859944) 0%, rgba(27,30,48,1) 0%);
   color: #ffffff;
   opacity: 0.85;
}
.block.block--category.block--category76 .block-header {
   background: linear-gradient(90deg, rgba(240,248,253,0.4374124649859944) 0%, rgba(27,30,48,1) 0%);
   color: #ffffff;
   opacity: 0.85;
  
}
.block.block--category.block--category85 .block-header {
   background: linear-gradient(90deg, rgba(240,248,253,0.4374124649859944) 0%, rgba(27,30,48,1) 0%);
   color: #ffffff;
   opacity: 0.85;
}
.block.block--category.block--category87 .block-header {
   background: linear-gradient(90deg, rgba(240,248,253,0.4374124649859944) 0%, rgba(27,30,48,1) 0%);
   color: #ffffff;
   opacity: 0.85;
}
.block.block--category.block--category90 .block-header {
   background: linear-gradient(90deg, rgba(240,248,253,0.4374124649859944) 0%, rgba(27,30,48,1) 0%);
   color: #ffffff;
   opacity: 0.85;
}
.block.block--category.block--category111 .block-header {
   background: linear-gradient(90deg, rgba(240,248,253,0.4374124649859944) 0%, rgba(27,30,48,1) 0%);
   color: #ffffff;
   opacity: 0.85;
}
// istatistik sistemi
.XGT-istatistik-genel--govde
.XGT-istatistik-govde--kolon
.XGT-istatistik-blok
.XGT-istatistik-satir
.XGT-istatistik-hucre {
    border-right: solid 1px #173557;
}

// önek tasarım

.xgtOnekleri .xgtOnekIkonu {
    position: static;
    padding: 0px 5px;
    border-radius: 4px;
}
.xgtOnekleri .xgtOnekMetni {
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.31);
    padding: 0 5px;
    border-top-left-radius: 0px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    margin-left: 0px;
  
}
.xgtOnekleri.xgtOnek--guncell .xgtOnekMetni {
   background-color : transparent;
    font-weight: bold;
}
.xgtOnekleri.xgtOnek--downloads .xgtOnekMetni {
       background-color : transparent;
    font-weight: bold;

}
.xgtOnekleri.xgtOnek--duyuru .xgtOnekMetni {
       background-color : transparent;
    font-weight: bold;

}
.xgtOnekleri.xgtOnek--nasilyapilir .xgtOnekMetni {
       background-color : transparent;
    font-weight: bold;

}
.xgtOnekleri.xgtOnek--ucretli .xgtOnekMetni {
       background-color : transparent;
    font-weight: bold;
}
 
From my side as below and maybe one from support can be update the code for v2.3.2

it's working fine for version 2.2.16
1722799146457.png

for xenforo version 2.3.2 the code is not compteble
1722799110352.png
 
Son düzenleme:
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