- Uyumlu XF 1 Sürümleri
- 1.0
- 1.1
Örneğin bayan kategorileri pembe erkeke kategorilerini siyah yada dikkat çekecek olan kategorileri kırmızı gibi çevirebilirsiniz.
Renk değişimleri nasıl yapılır ?
ID Numarası nasıl bulunu ? Bakınız :Bilgilendirme - Xenforo id benzersiz kimlik numarası nedir ne işe yarar ?
ID yani benzersi kimlik numarasını bulduktan sonra temanızın EXTRA.css isimli şablonu açın ve aşağıdaki CSS kodlarını ekleyin.
/********* Kategori icin CSS kodu *********/
.node_3 .nodeInfo .categoryText h3 a
{
color: rgb(44, 9, 239); /* Kategori link rengi */
font-size: 18px; /* Kategori link metin boyutu */
}
.node_3 .nodeInfo .categoryText h3 a:hover
{
color: rgb(255, 0, 0); /*Kategori linkinin üzerine gelindiğinde renk değişimi için kullanılır*/
}
/********* Forum icin CSS kodu *********/
.node_4 .nodeInfo .nodeText h3 a
{
color: rgb(52, 226, 13); /*Forum link rengi*/
font-size: 18px; /* Forum link metin boyutu */
}
.node_4 .nodeInfo .nodeText h3 a:hover
{
color: rgb(11, 62, 191);/* Forum linkinin üzerine gelindiğinde renk değişimi için kullanılır*/
}
Şimdi burda yapmanız gereken değiştirilecek olan kategori yada forum ID numarasını belirtmektir.
Kategori için olan alan ID numarasını yani
.node_3
ile başlayan CSS şablonun "3"
değiştirerek ekleyebilirsiniz ve sonuçForumlar için ise
.node_4
olan CSS kodunu aynı yukarıdaki mantıkta olduğu gibi ID ekleyerek değiştirebilirsiniz.Örnek olarak kategorileri şu şekilde çoğalta bilirsiniz.
.node_3 .nodeInfo .categoryText h3 a
{
color: rgb(44, 9, 239);
font-size: 18px;
}
.node_3 .nodeInfo .categoryText h3 a:hover {
color: rgb(255, 0, 0);
}
.node_15 .nodeInfo .categoryText h3 a
{
color: rgb(44, 9, 239);
font-size: 18px;
}
.node_15 .nodeInfo .categoryText h3 a:hover
{
color: rgb(255, 0, 0);
}
Örnek olarak forumları şu şekilde çoğalta bilirsiniz.
.node_15 .nodeInfo .nodeText h3 a
{
color: rgb(249, 0, 208);
font-size: 18px;
}
.node_15 .nodeInfo .nodeText h3 a:hover
{
color: rgb(2, 255, 225);
}
.node_25 .nodeInfo .nodeText h3 a {
color: rgb(249, 0, 208);
font-size: 18px;
}
.node_25 .nodeInfo .nodeText h3 a:hover {
color: rgb(2, 255, 225);
}
Biraz karmaşık gelebilir ancak dikkatli incelerseniz oldukça basit olduğunu anlayacaksınız.
Eğer siz çözemedi iseniz forum linki ile birlikte değiştirilecek kategor ve forumları belirtirseniz konuda yardımcı olmaya çalışırım..