bac style 2.1.0 [ver2]

[cron]

cron добавил(а) новый ресурс:

bac style - Темный стиль

Темный стиль

Скрины

Посмотреть вложение 113720
Посмотреть вложение 113721

Не обходимые плагины для стиля -
1) [XFI] Avatar Toolbox
2) [SVG]Forum logo
3) [TG] Staff Bar Settings (SBS)

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

 

[Block]

Как сделать такие разделы с картинками?

 

[Skaiman]

я ж писал где то

 

[Block]

я ж писал где то

Можете дать ссылку, пожалуйста))))

 

[DioFix]

Как сделать такие разделы с картинками?
Посмотреть вложение 113781

А своё придумать что то не думали?

 

[Skaiman]

.block--category.block--category22 .block-body {
    .node.node {
        &--id23 {
            .node-body {
                background: rgba(229,57,53,.2) url(https://bit.ly/37zsnww) no-repeat right;
                margin-right: 0;
                border: 2px solid rgba(229,57,53,.5);
                .node-title a {
                    color: rgb(229,57,53);
                    font-weight: bold;
                }
                .node-icon {
                    i:before {
                        .m-faContent(@fa-var-exclamation-circle);
                        color: rgb(229,57,53);
                    }
                }
                @media (max-width: @xf-responsiveMedium) {
                    margin-right: 5px;
                }               
            }
        }
        &--id24 {
            .node-body {
                background: rgba(0,172,193,.2) url(https://bit.ly/36ATjLh) no-repeat right;
                border: 2px solid rgba(0,172,193,.5);
                .node-title a {
                    color: rgb(0,172,193);
                    font-weight: bold;
                }               
                .node-icon {
                    i:before {
                        .m-faContent(@fa-var-cart-plus);
                        color: rgb(0,172,193);
                    }
                }               
            }
        }
    }
}

Там должны быть разделы-ссылки

блин не все там, щас

 

[IlyaPep]

А своё придумать что то не думали?

OFFTOP

А зачем?

 

[Block]

.block--category.block--category22 .block-body {
    .node.node {
        &--id23 {
            .node-body {
                background: rgba(229,57,53,.2) url(https://bit.ly/37zsnww) no-repeat right;
                margin-right: 0;
                border: 2px solid rgba(229,57,53,.5);
                .node-title a {
                    color: rgb(229,57,53);
                    font-weight: bold;
                }
                .node-icon {
                    i:before {
                        .m-faContent(@fa-var-exclamation-circle);
                        color: rgb(229,57,53);
                    }
                }
                @media (max-width: @xf-responsiveMedium) {
                    margin-right: 5px;
                }              
            }
        }
        &--id24 {
            .node-body {
                background: rgba(0,172,193,.2) url(https://bit.ly/36ATjLh) no-repeat right;
                border: 2px solid rgba(0,172,193,.5);
                .node-title a {
                    color: rgb(0,172,193);
                    font-weight: bold;
                }              
                .node-icon {
                    i:before {
                        .m-faContent(@fa-var-cart-plus);
                        color: rgb(0,172,193);
                    }
                }              
            }
        }
    }
}

Создал 2 страници,код вставил в ектра
Не чего, не изменилоcь

 

[root]

Создал 2 страници,код вставил в ектра
Не чего, не изменилоcь
Посмотреть вложение 113782

блин не все там, щас

 

[Skaiman]

Создал 2 страници,код вставил в ектра
Не чего, не изменилоcь

Отлучался :)
Там надо сначала код для изменения отображения разделов в два/три столбика

.nodeColumns (@categoryid, @widthnode: 50%) {
    .block {
        &--category.block--category@{categoryid} {
            .block-body {
                display: flex;
                flex-direction: inherit;
                flex-wrap: wrap;
                padding: 0;
                .node {
                    box-sizing: border-box;
                    display: flex;
                    flex-wrap: wrap;
                    float: left;
                    margin: 0;
                    padding: 0;
                    width: @widthnode;
                    border: none;
                    @media (max-width: @xf-responsiveMedium) {
                        width: 100%;
                    }

                    & + .node {
                        border-top: transparent;
                    }

                    &-body {
                        display: flex;
                        flex-wrap: wrap;
                        table-layout: fixed;
                        width: 100%;
                        overflow: hidden;
                        margin: 5px;
                        padding: 0;
                        border: 1px solid @xf-borderColorFaint;
                    }

                    &-main {
                        flex: 1 1 0;
                        padding: 16px 0 0 0;
                    }

                   &-stats {
                        float: left;
                        margin: 0 0 5px 10px;
                        width: 100%;
                        padding: 0;

                        .pairs--rows {
                            display: block;
                            margin: inherit;
                            width: auto;
                            border-right: none;

                            dt, dd {
                                display: inline-flex;
                            }
                        }
                    }

                    &-extra {
                        height: auto;
                        min-height: 50px;
                        width: 100%;
                        padding: 0 10px 0 16px;
                        margin: -10px 0 0 0;
                        &-icon {
                            display: none;
                        }
                    }
                    &-title {
                        margin-left: 10px;
                    }
                }
                .node--page, node--link {
                    .node-main {
                        padding: 16px 0 20px 0;
                    }
                }           
            }
        }
    }
}

потом для нужной категории указать

.nodeColumns (22);

где 22 id нужной категории, значит правила и реклама должны быть в категории Важное

потом

.block--category.block--category22 .block-body {
    .node.node {
        &--id23 {
            .node-body {
                background: rgba(229,57,53,.2) url(https://bit.ly/37zsnww) no-repeat right;
                margin-right: 0;
                border: 2px solid rgba(229,57,53,.5);
                .node-title a {
                    color: rgb(229,57,53);
                    font-weight: bold;
                }
                .node-icon {
                    i:before {
                        .m-faContent(@fa-var-exclamation-circle);
                        color: rgb(229,57,53);
                    }
                }
                @media (max-width: @xf-responsiveMedium) {
                    margin-right: 5px;
                }               
            }
        }
        &--id24 {
            .node-body {
                background: rgba(0,172,193,.2) url(https://bit.ly/36ATjLh) no-repeat right;
                border: 2px solid rgba(0,172,193,.5);
                .node-title a {
                    color: rgb(0,172,193);
                    font-weight: bold;
                }               
                .node-icon {
                    i:before {
                        .m-faContent(@fa-var-cart-plus);
                        color: rgb(0,172,193);
                    }
                }               
            }
        }
    }
}

где id категории 22, а страницы 23 и 24, значит соответственно надо указывать свое

 

[Block]

Подскажите, как сдвинуть навигацию вправо.

Подскажите, как сдвинуть навигацию вправо.

?

 

[Skaiman]

картинку логотипа шире сделать

 

[Block]

картинку логотипа шире сделать

Нет,саму навигацию подвинуть вправо от логотипа

 

[Skaiman]

отступ увеличить от логотипа

 

[Block]

отступ увеличить от логотипа

Да

 

[Skaiman]

Block, так то я не спросил, я подсказал :) но конкретно не могу, потому что стиль самопальный и как там вообще с настройками и кодом только богу известно, надо по месту смотреть.

 

[cron]

cron обновил(а) ресурс bac style новой записью:

Мини правки

Добавлен фон (можно отключить в настройках стиля)
Добавлен эффект - Hover для списка форумов, подфорумов, виджетов...
Посмотреть вложение 113826

Узнать больше об этом обновлении...

 

[MiHoSkA]

OFFTOP

Много хлама в extra.less! так как там ссылки на изображение бесполезные и так же отсылки к файлам форума которых нет на форуме и в общем, так как они только у того в файлах кто стиль запилил, ну даже и не знаю зачем лишний хлам в общем, но стиль сам по себе хороший...

 

[Fenek]

Подскажите, как добавить такую кнопку в профиль

 

[25517]

Fenek, модификацией шаблона