Similar threads 8.7

hacker сказал(а):
Как сделать полосу прокрутки с фиксированной высотой и чтобы прокрутка было до 50 тем? И как оформить блок похожие темы как на этом форуме

Ограничить количество тем можно в настройках (Ограничивает количество похожих тем этим показателем. По умолчанию 5.)

CSS:

.block[data-widget-key="andy_similarthreads"] {
    position: relative;
    z-index: 1;
}
.block[data-widget-key="andy_similarthreads"]:before,
.block[data-widget-key="andy_similarthreads"]:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    background: linear-gradient(45deg, #fb0094, #0000ff, #00ff00, #ffff00, #ff0000, #fb0094, #0000ff, #00ff00, #ffff00, #ff0000);
    background-size: 400% 400%;
    width: calc(100%);
    height: calc(100%);
    border-radius: 5px;
    z-index: -1;
    animation: animate 20s ease alternate infinite;
}
.block[data-widget-key="andy_similarthreads"]:after{
       filter: blur(10px);
}
@keyframes animate {
  0% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

hacker · 15 Декабрь 2022

Странно, не хочет оформляться.

baltun · 15 Декабрь 2022

hacker сказал(а):
Странно, не хочет оформляться.

У меня блок под такими классами:

HTML:

<div class="block" data-widget-key="andy_similarthreads">

может у тебя там другие классы поэтому CSS не отрабатывает.

hacker · 15 Декабрь 2022

Как установил, так и не трогал ни какие классы.

baltun · 15 Декабрь 2022

hacker сказал(а):
Как установил, так и не трогал ни какие классы.

Ну ты по F12 посмотри там классы должны по любому быть не каких не может быть.

hacker · 15 Декабрь 2022

HTML:

<div class="block">
        <div class="block-container">
            
                <h3 class="block-header">Похожие темы</h3>
                <div class="block-body">
                    <div class="structItemContainer">

Вот какие классы.

baltun · 15 Декабрь 2022

Ну вот вспомнил нужно сделать модификацию чтобы все работало, шаблон andy_similarthreads:
Найти:

HTML:

<div class="block" {{ widget_data($widget) }}>

Заменить:

HTML:

<div class="block" data-widget-key="andy_similarthreads" {{ widget_data($widget) }}>

и потом вставленный css в шаблон extra.less отработает как нужно ))) У меня только extra.less дописано своего кода 1800 строк все не запомнишь.