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

XenForo 1 XenForo Forumları 2 Colums Halinde Gösterin.

Uyumlu XF 1 Sürümleri
Forumlarınıza farklı bir görünüm katmak istiyorsanız forumlarınızı 2 colums yapabilirsiniz. Bir çok yerde width: 50%; float:left ve bir kaç css kodu ile işlem yapılması söylenmiş ama ben sağlıklı bulmuyorum. Aşağıdaki Css kodları tüm cihazlarda sorunsuz şekilde görüntülenme imkanı sunmaktadır.

..:::İşlemler:::..

EXTRA.css
şablonunuzu açın aşağıdaki kodları ekleyip kayıt edin.

HTML:
.node .nodeLastPost .noMessages {display: block; text-align: center;}
@media (min-width: 610px) {
.node.level_1 .nodeList { zoom: 1; } 
.node.level_1 .nodeList:after { 
    content: '.'; 
    display: 
    block; height: 0; 
    clear: both; 
    visibility: hidden; 
}
.nodeList.sectionMain { zoom: 1; } 
.nodeList.sectionMain:after { 
    content: '.'; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
}
       
.node.level_2 {
    width: 50%;
    float: left;
}

.node.level_2:nth-child(odd) {
    clear: left;
}

.node.level_2:last-child:nth-child(odd) {
    width: 100%;
    float: left;
}

.node.level_2 .nodeLastPost {
    text-align: left;
    position: static;
    height: auto;
    width: auto;
    background: none;
    border: none;
    padding: 0;
    margin: -8px 0 10px 56px;
}

.node.level_2 .nodeLastPost .noMessages {
    text-align: left;
}

.node.level_2 .nodeControls {
    right: 5px;
    top: 10px;
    margin-top: 5px;
}

.node.level_2 .nodeText {
    margin-right: 32px;
}

.node.level_2:last-child:nth-child(odd) .nodeLastPost {
    font-size: 11px;
    padding: 3px 10px;
    margin: 10px;
    border: 1px solid #d7edfc;
    border-radius: 3px;
    position: absolute;
    top: 0;
    right: 0;
    line-height: 14px;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    width: 210px;
    height: 28px;

}

.node.level_2:last-child:nth-child(odd) .nodeControls {
    right: 242px;
    margin: 20px 0;
}

.node.level_2:last-child:nth-child(odd) .nodeText {
    margin-right: 270px;
}

.nodeList .categoryForumNodeInfo,
.nodeList .forumNodeInfo,
.nodeList .pageNodeInfo,
.nodeList .linkNodeInfo
{
    border-top: 1px solid #d7edfc;
    border-bottom: none;
    padding: 0;
}

.node.level_2:nth-child(odd) {
    clear: left;
    }
       
}


..::Masaüstü Görünümü::..

forumlar.PNG


..::Mobil Görünüm::..

xenforo_gen_tr.PNG
Yazar
netr0n
Görüntüleme
1,206
İlk yayınlama
Son güncelleme
Değerlendirme
5.00 yıldız 4 değerlendirme

netr0n ait diğer kaynakar

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.