- Uyumlu XF 2 Sürümleri
- 2.2.X
- 2.1.X
Temanızın extra.less isimli şablonuna aşağıdaki kodları eklemeniz yeterlidir. XenForo 2.2.2 ile test edilmiştir.
/********************************************
-- [XGT] Eklentisiz konu listesi izgara gorunumu
-- Kaynak: https://xenforo.com/community/resources/grid-layout-for-thread-without-addon.6577
********************************************/
//- Hizli ozelestirme seçenekleri
@xgt-konu-ap: transparent;
@xgt-konu-secilmis-ap: rgb(255, 248, 238);
@xgt-konu-golgesi: 0 1px 4px rgba(0, 0, 0, 0.28);
@xgt-konu-border: solid 1px rgba(0, 0, 0, 0.01);
@xgt-konu-radius: 4px;
@xgt-konu-onemsiz-metin: rgb(171, 171, 171);
@xgt-konu-goruntule-ikon: '\f3e5';
@xgt-konu-yanit-ikon: '\f06e';
//- Hizli ozelestirme seçenekleri
[data-template="forum_view"]
{
@media (min-width: @xf-responsiveWide)
{
.structItem.is-mod-selected
{
background: @xgt-konu-secilmis-ap;
opacity: 1;
}
.structItem-title
{
text-overflow: ellipsis !important;
max-width: 50ch;
overflow: hidden;
white-space: nowrap;
}
.structItem--thread
{
background:@xgt-konu-ap;
border: @xgt-konu-border;
border-radius: @xgt-konu-radius;
box-shadow: @xgt-konu-golgesi;
box-sizing: border-box;
border-collapse: collapse;
display: inline-block !important;
position: relative;
width: 100%;
height: auto;
margin: 9px 0px 0px 6px;
max-width: 49% !important;
vertical-align: top;
overflow: hidden;
}
.xgt-konu-metalar
{
display: block;
width: auto !important;
margin-top: -13px;
}
.structItem-cell--meta
{
float:left;
.xgt-konu-metalar();
}
.structItem-cell--latest
{
margin-bottom: 15px;
float:right;
.xgt-konu-metalar();
}
.structItem-cell--meta > .pairs.pairs--justified > dd
{
float: left;
text-align: right;
max-width: 100%;
}
.structItem-cell--meta dl
{
&.pairs.pairs--justified
{
float:left;
}
}
.structItem-cell--latest
{
margin-bottom: 0px !important;
}
.structItem-cell--meta
{
dt
{
font-size:0px;
}
dd
{
margin-left:18px;
font-size: 12px;
color: @xgt-konu-onemsiz-metin;
}
}
.structItem-cell--meta .structItem-minor dt:before,
.structItem-cell--meta dt:before
{
color: @xgt-konu-onemsiz-metin;
font-family: 'Font Awesome 5 Pro';
font-size: 12px;
position: absolute;
margin-left: 0px;
}
.structItem-cell--latest
{
margin-top: -34px;
}
.structItemContainer-group
{
&.js-threadList
{
margin-bottom: 8px;
}
}
.structItem-cell--main
{
.structItem-extraInfo
{
float: left;
margin-left: -8px;
.iconic
{
position: absolute;
right: 10px;
top: 5px;
}
}
}
.structItem-cell
{
&.structItem-cell--icon
{
&.structItem-cell--iconEnd
{
display: none;
}
}
}
.structItem-cell--meta
{
dt:before
{
content: @xgt-konu-goruntule-ikon;
}
.structItem-minor dt:before
{
content: @xgt-konu-yanit-ikon;
}
}
}
}
/********* [XGT] Eklentisiz konu listesi izgara gorunumu ********/