Вы можете использовать CSS с соотношением сторон
Пример кода: How To - Aspect Ratio / Height Equal to Width
Вы можете проверить мой сайт https://businesslab.vn с соотношением 16:10
Как я могу настроить это в Discourse? Где и какой CSS нужно задать?
Также есть небольшая проблема при настройке Google Ads:
Похоже, что карточка профиля в боковой панели должна располагаться под рекламой, а не прямо над ней.
Спасибо!
1 лайк
Привет @codergautam,
Я объединил исправление для плагина Discourse Ad — Google Adsense. Пожалуйста, обновите тему. 
Вы можете изменить высоту изображения 
Для этого вам нужно создать новый компонент.
-
Перейдите в
/admin/customize/themes/
Настройка → Темы -
Нажмите на вкладку Компоненты, а затем на кнопку Установить.
-
В появившемся окне нажмите кнопку Создать новый и введите имя нового компонента.
-
Нажмите кнопку Создать.
-
Компонент создан. Теперь выберите тему FKB Pro, чтобы активировать её.
-
Нажмите кнопку Изменить CSS/HTML.
-
Перейдите на вкладку Общие и вставьте следующий код в раздел CSS.
Если вы хотите установить высоту изображения отдельно для рабочего стола и мобильных устройств, используйте соответствующие вкладки вместо вкладки «Общие». Вкладка «Общие» означает, что этот код будет работать и на рабочем столе, и на мобильных устройствах.
.topic-list {
.main-link {
.link-middle-line {
.topic-image {
height: 280px; // По умолчанию 300px
}
}
}
}
Если вы хотите скрыть изображение, используйте этот код
.topic-list {
.main-link {
.link-middle-line {
.topic-image {
display: none;
}
}
}
}
3 лайка
Надеемся исправить несовместимости с другими компонентами темы
Как просто скруглить кнопки и прочее? Я просто хотел сделать это в своей текущей теме
1 лайк
Привет, @danielabc,
Есть несколько #theme-component для скругления элементов.
Здравствуйте, @xiaokong23357, не могли бы вы уточнить, какой именно #theme-component вы имеете в виду?
2 лайка
2 лайка
@Дон, как добавить мета-тег связывания HTML в тему FBK?
Надеюсь, это будет решено.
1 лайк
@Don, я имею в виду, не уверен, что тема сможет загрузить эти элементы
Рекомендация по форматированию макета: оптимизированный, простой, компактный и широкий
2 лайка
Здравствуйте, извините за задержку… Да, я думаю, что можно заменить правую панель по умолчанию на Right Sidebar Blocks. Я проверю это.
3 лайка
Ещё один момент, @Don
Мой форум использует вашу тему, и теперь он готов к добавлению в поисковую систему Microsoft Bing. Однако сейчас требуется проверка HTML-мета-тегов для форума. Как мне внедрить эти HTML-мета-теги в тему?
Это очень срочно, и я буду очень благодарен, если вы поможете решить эту проблему.
1 лайк
Создайте новый компонент темы в админ-панели, как я показывал выше. FKB Pro - Social theme - #88 by Don Вы можете изменить название компонента, но не вставляйте CSS, который я привёл, во вкладку «CSS». Скопируйте и вставьте HTML-мета-тег Bing во вкладку «HEAD» созданного вами компонента и сохраните его.
2 лайка
Нет, как я вижу, это тема. Вам нужно создать компонент. Это другая вкладка, или вы можете преобразовать это в компонент с помощью кнопки «Преобразовать», которая находится в нижней части страницы. Просто следуйте инструкциям, которые я показал выше.
2 лайка
Спасибо большое, проблема решена!
@Don
3 лайка
Я объединил обновление, добавляющее: Compatibility with Right Sidebar Blocks theme component by VaperinaDEV · Pull Request #18 · VaperinaDEV/fkb-pro-theme · GitHub
Оно включает настройку: right sidebar blocks enabled (включены блоки правой боковой панели). Это добавит некоторую поддержку компонента темы «Блоки правой боковой панели» и заменит стандартную правую боковую панель (панель fkb) на неё.
4 лайка
У меня есть идея: вы можете создать боковую панель в этом стиле и объединить её в файл темы. Те, кому это нужно, смогут включить соответствующую функцию в настройках темы @Don
2 лайка
Здравствуйте,
Да, я думаю, это возможно, если изменить стиль, при условии, что вы имеете в виду, что заголовок отделён от контента, и похоже, что этот боковой блок не закреплён.
Попробуйте что-то вроде этого.
Создайте новый компонент темы, как здесь FKB Pro - Social theme - #88 by Don, или добавьте его в существующий.
Desktop / CSS
.full-width .tc-right-sidebar {
position: relative;
top: unset;
padding: 0;
background: none;
box-shadow: none;
overflow-y: unset;
.rs-component {
h3 {
border-bottom: none;
padding-bottom: 0;
}
> div {
background: var(--secondary);
padding: 1em;
border-radius: var(--d-default-border-radius);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
}
}
2 лайка
К сведению: ссылки /login и /signup вызывают вращающийся кружок, но модальное окно не открывается. iPad с последней версией всего ПО.
1 лайк
Привет, Jakke Я только что проверил это на вашем сайте, и модальные окна корректно отображаются у меня на страницах /login и /signup.
1 лайк