xenforo 2 Highlight and Separate Sticky Threads

uydudoktoru

Tanınmış Üye
Yönetici
Yönetici
Simple css (extra.less) modifications to highlight/separate sticky threads


highlight-and-separate-sticky-threads.png

Insert code in template: extra.less

Kod:
/* Border between sticky/normal threads */
.structItemContainer-group--sticky {
    border-bottom: 6px solid;
    color: xf-diminish(@xf-borderColor, 6%);
}
 
Subtle accent

highlight-and-separate-sticky-threads-1.png
Insert code in template: extra.less

Kod:
.structItemContainer-group--sticky {
      background-color: @xf-paletteColor1;
}

.structItemContainer-group--sticky .structItem-title a:link,
.structItemContainer-group--sticky .structItem-title a:visited {
    color: @xf-paletteColor4;
}
 
Highlighted Accent
highlight-and-separate-sticky-threads--2.png
Insert code in template: extra.less

Kod:
.structItemContainer-group--sticky {
      background-color: @xf-paletteAccent1;
}

.structItemContainer-group--sticky .structItem-title a:link,
.structItemContainer-group--sticky .structItem-title a:visited {
    color: @xf-paletteAccent3;
}
 
Geri
Yukarı