XenForo 1 - XenForo Forumları 2 Colums Halinde Gösterin. | XenGenTr - Türkiye'nin XenForo Türkçe destek topluluğu

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;
    }
       
}