Перейти к публикации

DOWNLOAD xf2_snows.zip Но есть куда более продвинутая версия Holidays

Загружаем содержимое каталога upload, в корневой каталог форума и в зависимости от выбранного варианта отображения добавляем нужный код в extra.less.
Вариант №1.

xf2_snows_1.png.979073f9b96b6c70a7c1b5a80f4fa261.png

/* xf2_snow_1=================================================================================== */
/* <xf:set var="$snowPath" value="styles/xfi/snows" /> */
.p-body-pageContent {
    .block {
        &--category:before {
          background: url('{$snowPath}/snow_l.png') no-repeat 0% 0%, url('{$snowPath}/snow_c.png') no-repeat 50% 0%, url('{$snowPath}/snow_r.png') no-repeat 100% 0%;
          display: block;
          height: 30px;
          left: -5px;
          padding: 0 5px;
          position: relative;
          top: 13px;
          width: 100%;
          content: "";
          margin-top: -20px;
            @media (max-width: @xf-responsiveMedium)
            {
                background: url('{$snowPath}/snow_c.png') no-repeat 50% 0%;
            }
        }
    }
}

Вариант №2.

xf2_snows_2.png.534e4184337327760075fcb6d2709030.png

/* xf2_snow_2=================================================================================== */
/* <xf:set var="$snowPath" value="styles/xfi/snows" /> */
.p-body-pageContent {
    .block {
        &--category:before {
          background: url('{$snowPath}/snow_l_b.png') no-repeat 0% 0%, url('{$snowPath}/snow_c_b.png') no-repeat 50% 0%, url('{$snowPath}/snow_r_b.png') no-repeat 100% 0%;
          display: block;
          height: 30px;
          left: -5px;
          padding: 0 5px;
          position: relative;
          top: 13px;
          width: 100%;
          content: "";
          margin-top: -20px;
            @media (max-width: @xf-responsiveMedium)
            {
                background: url('{$snowPath}/snow_c_b.png') no-repeat 50% 0%;
            }
        }
    }
}

В мобильной версии это выглядит так:

xf2_snows_resp.png.50cbdf091b6e3821f19fef698d8d59fa.png


 Отправить жалобу

×