Заголовок и картинка в категории

[Виталий Васильевич]

Виталий Васильевич добавил(а) новый ресурс:

Заголовок и картинка в категории - Изменнения положения наименование раздела + картинка.

Привет всем, вот и сбылась мечта ...

Заголовок и картинка в категории

Посмотреть вложение 110063
подробности в FAQ

Узнать больше об этом ресурсе...

 

[Len]

лайк конечно держи за старания, но все же кажется лишним.

 

[kochevnik]

есть желание поэксперементировать с картинкой в категории, но при добавлении кода из FAQ

/* Начало изменнения положения наименование категории + картинка */
.blockCategoryBG (@categoryid, @categorybg) {
    &.block--category@{categoryid} {
        .block-header {
            background: url(@categorybg);
        }
    }
}

.block.block--category {
    .block-header {
        height: 200px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        font-size: 250%;
        color: #f53909;
        text-shadow: 1px 1px #ffffff, 1px -1px #ffffff, -1px 1px #ffffff, -1px -1px #ffffff, 3px 3px 6px rgba(0, 0, 0, .5);
        display: flex;
        align-items: flex-end;     
    }
/* НАЧАЛО Указываем путь картинкам ДОЛЖНЫ БЫТЬ НА ВАШЕМ СЕРВЕРЕ*/

    /*.blockCategoryBG (ид_категории, 'адрес_картинки');*/

    .blockCategoryBG (ид_категории, 'адрес_картинки');
    .blockCategoryBG (ид_категории, 'адрес_картинки');
    .blockCategoryBG (ид_категории, 'адрес_картинки');
    .blockCategoryBG (ид_категории, 'адрес_картинки');
  
/* КОНЕЦ Указываем путь картинкам ДОЛЖНЫ БЫТЬ НА ВАШЕМ СЕРВЕРЕ*/
}
/* КОНЕЦ изменения положения наименование категории + картинка */

меняет цвет навигации установленный ранее

.p-body {
       color: #ffffff;
}
.p-breadcrumbs a {
    color: #ffffff;
}
.p-title-value {
        color: #ffffff;
}

где они пересекаются ?

 

[kochevnik]

знающие, подскажите, что не так ?

Можно для каждой категории свой фон:


Код:


.block.block--category {
&.block--category15 {
block-header {
background: url();
}
}
}

вставляю в extra.less

.block.block--category {
    &.block--category3 {
        block-header {
            background: url(https://forum.uazpatriotsib.ru/styles/header/fon.png);
        }
    }
}

ничего не меняется в шапке категории

 

[artscripts]

Попробуйте убрать лишнее

.block.block--category3.block-header {
background: url(https://forum.uazpatriotsib.ru/styles/header/fon.png);
}

Если заработает то уже переделывайте под less

 

[DimmmCom]

знающие, подскажите, что не так ?

вставляю в extra.less

.block.block--category {
    &.block--category3 {
        block-header {
            background: url(https://forum.uazpatriotsib.ru/styles/header/fon.png);
        }
    }
}

ничего не меняется в шапке категории

Пропустил точку перед block-header и можешь путь сокращать до /styles/header/fon.png если на своём домене изображение

 

[kochevnik]

не срабатывает никак (

.block.block--category3.block-header {
background: url(/styles/header/fon.png);
}

 

[DimmmCom]

не срабатывает никак (

.block.block--category3.block-header {
background: url(/styles/header/fon.png);
}

.block.block--category {
    &.block--category3 {
        .block-header {
            background: url(/styles/header/fon.png);
        }
    }
}

 

[kochevnik]

стоп, стоп
вот так работает )

.block.block--category {
    &.block--category3 {
        .block-header {
            background: url(https://forum.uazpatriotsib.ru/styles/header/fon.png);
        }
    }
}