K Kryglov Участники Сообщения 28 Реакции 0 Баллы 298 21 Сен 2018 #1 Как перенести вниз статистику, и отредактировать как на скриншоте? Вложения Снимок.PNG 118.3 KB · Просмотры: 38
M Mirovinger Администрация Сообщения 23,610 Решения 86 Реакции 59,032 Баллы 50,975 21 Сен 2018 #2 Данное дополнение поможет, ну тут всё от стиля зависит. [XFI] Sidebar Switcher Позитивный голос 0 Негативный голос
K Kryglov Участники Сообщения 28 Реакции 0 Баллы 298 21 Сен 2018 #3 Mirovinger написал(а): Данное дополнение поможет, ну тут всё от стиля зависит. [XFI] Sidebar Switcher Посмотреть вложение 91827 Нажмите для раскрытия... Я не могу скачивать:cry: Позитивный голос 0 Негативный голос
Mirovinger написал(а): Данное дополнение поможет, ну тут всё от стиля зависит. [XFI] Sidebar Switcher Посмотреть вложение 91827 Нажмите для раскрытия... Я не могу скачивать:cry:
M Mirovinger Администрация Сообщения 23,610 Решения 86 Реакции 59,032 Баллы 50,975 21 Сен 2018 #4 Это очень плохо. Но, вот этот код добавить в extra.less и он решит одну из проблем, перемещения блоков. Less:Скопировать .p-body-main--withSidebar { .p-body-main, .p-body-content { display: block; padding-right: 0; } .p-body-sidebar { display: flex; flex-wrap: wrap; align-items: stretch; margin: @xf-elementSpacer -(@xf-pageEdgeSpacer / 2) -@xf-elementSpacer; width: auto; > * { margin: 0 (@xf-pageEdgeSpacer / 2) @xf-elementSpacer; min-width: @xf-sidebarWidth; flex: 1 1 100%; &:last-child { margin-bottom: @xf-elementSpacer; } } // add an invisible block to ensure that the last row has the correct widths &:after { display: block; content: ''; height: 0; margin: 0 (@xf-pageEdgeSpacer / 2); min-width: @xf-sidebarWidth; flex: 1 1 @xf-sidebarWidth; } .block-container { display: flex; flex-direction: column; height: 100%; .block-footer { margin-top: auto; } } } .p-body-main--withSideNav, .p-body-main--withSidebar { .p-body-content { padding: 0; } } } А уже оформлением блоком, займитесь сами. Позитивный голос 0 Негативный голос
Это очень плохо. Но, вот этот код добавить в extra.less и он решит одну из проблем, перемещения блоков. Less:Скопировать .p-body-main--withSidebar { .p-body-main, .p-body-content { display: block; padding-right: 0; } .p-body-sidebar { display: flex; flex-wrap: wrap; align-items: stretch; margin: @xf-elementSpacer -(@xf-pageEdgeSpacer / 2) -@xf-elementSpacer; width: auto; > * { margin: 0 (@xf-pageEdgeSpacer / 2) @xf-elementSpacer; min-width: @xf-sidebarWidth; flex: 1 1 100%; &:last-child { margin-bottom: @xf-elementSpacer; } } // add an invisible block to ensure that the last row has the correct widths &:after { display: block; content: ''; height: 0; margin: 0 (@xf-pageEdgeSpacer / 2); min-width: @xf-sidebarWidth; flex: 1 1 @xf-sidebarWidth; } .block-container { display: flex; flex-direction: column; height: 100%; .block-footer { margin-top: auto; } } } .p-body-main--withSideNav, .p-body-main--withSidebar { .p-body-content { padding: 0; } } } А уже оформлением блоком, займитесь сами.
K Kryglov Участники Сообщения 28 Реакции 0 Баллы 298 21 Сен 2018 #5 Mirovinger написал(а): Это очень плохо. Но, вот этот код добавить в extra.less и он решит одну из проблем, перемещения блоков. Less:Скопировать .p-body-main--withSidebar { .p-body-main, .p-body-content { display: block; padding-right: 0; } .p-body-sidebar { display: flex; flex-wrap: wrap; align-items: stretch; margin: @xf-elementSpacer -(@xf-pageEdgeSpacer / 2) -@xf-elementSpacer; width: auto; > * { margin: 0 (@xf-pageEdgeSpacer / 2) @xf-elementSpacer; min-width: @xf-sidebarWidth; flex: 1 1 100%; &:last-child { margin-bottom: @xf-elementSpacer; } } // add an invisible block to ensure that the last row has the correct widths &:after { display: block; content: ''; height: 0; margin: 0 (@xf-pageEdgeSpacer / 2); min-width: @xf-sidebarWidth; flex: 1 1 @xf-sidebarWidth; } .block-container { display: flex; flex-direction: column; height: 100%; .block-footer { margin-top: auto; } } } .p-body-main--withSideNav, .p-body-main--withSidebar { .p-body-content { padding: 0; } } } А уже оформлением блоком, займитесь сами. Нажмите для раскрытия... А где найти? Вложения Снимок.PNG 1.2 KB · Просмотры: 4 Позитивный голос 0 Негативный голос
Mirovinger написал(а): Это очень плохо. Но, вот этот код добавить в extra.less и он решит одну из проблем, перемещения блоков. Less:Скопировать .p-body-main--withSidebar { .p-body-main, .p-body-content { display: block; padding-right: 0; } .p-body-sidebar { display: flex; flex-wrap: wrap; align-items: stretch; margin: @xf-elementSpacer -(@xf-pageEdgeSpacer / 2) -@xf-elementSpacer; width: auto; > * { margin: 0 (@xf-pageEdgeSpacer / 2) @xf-elementSpacer; min-width: @xf-sidebarWidth; flex: 1 1 100%; &:last-child { margin-bottom: @xf-elementSpacer; } } // add an invisible block to ensure that the last row has the correct widths &:after { display: block; content: ''; height: 0; margin: 0 (@xf-pageEdgeSpacer / 2); min-width: @xf-sidebarWidth; flex: 1 1 @xf-sidebarWidth; } .block-container { display: flex; flex-direction: column; height: 100%; .block-footer { margin-top: auto; } } } .p-body-main--withSideNav, .p-body-main--withSidebar { .p-body-content { padding: 0; } } } А уже оформлением блоком, займитесь сами. Нажмите для раскрытия... А где найти?
M Mirovinger Администрация Сообщения 23,610 Решения 86 Реакции 59,032 Баллы 50,975 21 Сен 2018 #6 F12 и extra.less в помощь. Позитивный голос 0 Негативный голос
K Kryglov Участники Сообщения 28 Реакции 0 Баллы 298 21 Сен 2018 #7 Mirovinger написал(а): F12 и extra.less в помощь. Нажмите для раскрытия... Дело в том, что при установки движка, у меня extra.less вообще пустой Позитивный голос 0 Негативный голос
Mirovinger написал(а): F12 и extra.less в помощь. Нажмите для раскрытия... Дело в том, что при установки движка, у меня extra.less вообще пустой
M Mirovinger Администрация Сообщения 23,610 Решения 86 Реакции 59,032 Баллы 50,975 21 Сен 2018 #8 Так верно, его и нужно будет заполнить. Позитивный голос 0 Негативный голос
Skaiman Проверенные Сообщения 18,439 Решения 236 Реакции 34,169 Баллы 21,375 21 Сен 2018 #9 Kryglov написал(а): Дело в том, что при установки движка, у меня extra.less вообще пустой Нажмите для раскрытия... Так и должно быть, он и существует для добавления кода и не изменяется при обновлениях Позитивный голос 0 Негативный голос
Kryglov написал(а): Дело в том, что при установки движка, у меня extra.less вообще пустой Нажмите для раскрытия... Так и должно быть, он и существует для добавления кода и не изменяется при обновлениях