Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Общие вопросы по оформлению (65) #2


Общие вопросы по оформлению (65) #2

Сообщений 1601 страница 1620 из 1741

1

В этой теме просим помощи в оформлении форума и его элементов

Столкнулись с трудностями в оформлении вашего форума? Или просто хотите придать ему новый, свежий вид? В этой теме вы можете задать вопросы по стилизации, дизайну и внешнему виду вашего форума. Получите помощь по работе с CSS, настройке цветовой гаммы, шрифтов, размещению изображений и другим элементам оформления.

Вопросы по скриптам и их работоспособности, просьба, задавать в теме Запросы по скриптам #11
Вы новичок и не разбираетесь во всём этом? Загляните в наш справочный раздел. Возможно, там уже содержится ответ на ваш вопрос. Или задайте свой вопрос в теме Общие вопросы от новичков (63) #3

Важная информация перед тем, как задать вопрос:

  • Ответы дают другие участники форума по собственному желанию.

  • Администрация не может гарантировать моментальное решение или абсолютную корректность каждого ответа.

  • Пожалуйста, уважайте чужое время и усилия других пользователей, старайтесь писать грамотно и доходчиво.

  • Будьте взаимовежливы: Грубое или требовательное отношение к участникам форума неприемлемо и может привести к отказу в помощи на всём форуме.

  • Все вопросы, не касающиеся оформления, будут удаляться!

Сформулируйте свой вопрос максимально подробно, чтобы повысить вероятность отклика помощи:

  • Укажите ссылку на форум: Ссылка на форум, с которым требуется помочь, позволит нам увидеть, понять контекст проблемы и предложить наиболее точное решение, не тратя время на догадки.

  • Опишите желаемый результат: Четко и конкретно объясните, чего вы хотите добиться. Например: "Мне нужно, чтобы картинка шапки была во всю ширину блока", или "Хочу увеличить размер шрифта в названиях тем". Чем детальнее вы опишете, тем проще будет помочь.

  • Сделайте скриншот и выделите элемент: Помогающему необходимо понимать с чем ему предстоит вам помочь. Укажите ссылки на схожее оформление (если вы где-то видели подобное). Это не обязательно, но значительно упростит задачу.

Если на ваш вопрос долго нет ответа, пожалуйста, воздержитесь от повторных сообщений или обвинений. Возможно, ваш вопрос оказался излишне сложным, вероятно требующий больше времени и индивидуального подхода, будьте готовы к тому, что участники могут предложить свои услуги на платной основе. Обсуждение условий и оплаты происходит между вами и участником (исполнителем) в личных сообщениях или иных средствах связи (но не в теме!). Администрация форума не несет никакой ответственности за подобные договоренности и их выполнение.

Инструменты для поиска и редактирования стиля (скриптов).

Как с помощью браузера можно определить элемент дизайна.

Каталог скриптов/CSS

Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS.

Типовые Вопросы (ЧаВо)

Ответы на часто задаваемые вопросы.

Как задавать вопросы! Разница между стилем и скриптом. ( Советы)

Плюс к названию темы еще и Памятка.

Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности.

+1

1601

bektau
Можно пример (скриншот исходного сообщения и что процитировалось)?
Стандартная цитата цитирует сплошным текстом, без форматирования.
Вы может путаете с BB-цитатой, которая у вас по соседней кнопке должна работать (и то из неё вырезаются вложенные цитаты, если ничего не выделено)?

0

1602

Alex_63 написал(а):

bektau
Можно пример (скриншот исходного сообщения и что процитировалось)?
Стандартная цитата цитирует сплошным текстом, без форматирования.
Вы может путаете с BB-цитатой, которая у вас по соседней кнопке должна работать (и то из неё вырезаются вложенные цитаты, если ничего не выделено)?

Нажимаю Цитировать все
https://upforme.ru/uploads/0000/14/1c/36441/t395841.jpg
Получается так
https://upforme.ru/uploads/0000/14/1c/36441/t252836.jpg
А должно быть так
https://upforme.ru/uploads/0000/14/1c/36441/t946810.jpg

0

1603

Раньше работало без выделения того что надо процитировать, просто вся иерархия цитировалась от кнопки.

0

1604

bektau написал(а):

Раньше работало без выделения того что надо процитировать, просто вся иерархия цитировалась от кнопки.

Добавьте ниже установочного кода BB-цитаты (в форму ответа):

Код:
<script>BBQuote.includeNestedQuotes = true;</script>

+1

1605

пикирующий злыдень написал(а):

Привет!

При нажатии на спойлер (который media), он открывается только со второй попытки.

Не знаете, с чем может быть связано?

Пациент: https://dacross.rusff.me/ , пример проблемы можно в акции посмотреть.

Alex_63 написал(а):

пикирующий злыдень
Это баг в MyBBCode:

Код:
<!-- Инструмент для добавления bb-кодов -->
<script src="https://mybb.kozhilya.ru/script/mybbcode.min.js"></script>

Автору @kozhilya о нём известно, но к сожалению им пока не исправлено.

Можно на странице перевести медиа-спойлеры в обычные :) Это не решает проблему как таковую (она на стороне сервера), но убирает двойной клик на медиа-спойлере :)

Показать код
Код:
<!-- Медиа спойлеры - в обычные -->
<script>
$(function() {
    // Находим все медиа-спойлеры
    $('.spoiler-box.media-box').each(function() {
        const $box = $(this);
        const $script = $box.find('script[type="text/html"]');
        const $blockquote = $box.find('blockquote');

        // Если есть скрытый шаблон — переносим его в <blockquote> сразу
        if ($script.length && $blockquote.length) {
            $blockquote.html($script.text());
            // Удаляем <script>, чтобы не мешался
            $script.remove();
        }
    });
});
</script>
<!-- Медиа спойлеры - в обычные -->

Это ставим в HTML-верх перед подключением скрипта от kozhilya:

Показать код
Код:
<!-- Инструмент для добавления bb-кодов -->
<script src="https://mybb.kozhilya.ru/script/mybbcode.min.js"></script>
<!-- END Инструмент для добавления bb-кодов -->

Отредактировано Merlin777 (Чт, 23 Окт 2025 05:17:41)

0

1606

Merlin777
Во-первых,

Merlin777 написал(а):

$blockquote.html($script.text());

и только так.

Во-вторых, такой подход сам по себе костыльный и устраняет весь смысл медиаспойлеров (контент которых не должен загружаться в скрытом состоянии), для чего они и были введены. MyBBCode требует правки по этой части, но автор @kozhilya к сожалению всё ещё не занимался устранением указанного недостатка. Хотя я вроде бы еще на момент обнаружения давал намётки, как поправить. Тегнем его здесь, чтобы напомнить, может займётся )

+1

1607

Alex_63 написал(а):

и только так.

Исправил :)

Alex_63 написал(а):

Во-вторых, такой подход сам по себе костыльный и устраняет весь смысл медиаспойлеров (контент которых не должен загружаться в скрытом состоянии), для чего они и были введены.

Тогда, наверное, можно было бы как-то перехватывать клик после загрузки MyBBCode и принудительно раскрывать спойлер и загружать содержимое контейнера :) Но это тоже костыль :)

Отредактировано Merlin777 (Чт, 23 Окт 2025 05:28:46)

0

1608

Здравствуйте! Подскажите, пожалуйста, как опустить статус пользователя в профиле под аватарку.
И ещё - как сделать шрифт в сообщениях ярче? Фон сообщений тёмный.
Благодарю.

Отредактировано Санна (Чт, 30 Окт 2025 12:53:39)

0

1609

Санна написал(а):

И ещё - как сделать шрифт в сообщениях ярче? Фон сообщений тёмный.

На селектор, отвечающий за текст сообщений, например post-body:

<style>
    .post-body {
  color: #000;          /* Чёрный — самый яркий/контрастный */
  font-weight: 500;     /* Увеличить насыщенность шрифта */
  text-shadow: none;    /* Убрать размытость, если есть */
}
</style>

Но если фон сильно тёмный, то это не поможет, надо менять цвет шрифта на нечёрный.

+1

1610

Merlin777 написал(а):

надо менять цвет шрифта на нечёрный.

Спасибо. Это я и имела в виду. Мне надо его сделать светлей. Вопрос - как и где?

0

1611

Санна написал(а):

Спасибо. Это я и имела в виду. Мне надо его сделать светлей. Вопрос - как и где?

Если в самом комментарии, вот это .post-box

<style>
    .post-box {
  color: red;           
  font-weight: 500;     
  text-shadow: none;     
}
</style>

Поставьте и посмотрите, тексты комментариев должны стать красными:)
Вместо красного - можно поставить светлый цвет шрифта.

Отредактировано Merlin777 (Чт, 30 Окт 2025 15:30:58)

+1

1612

Спасибо. Куда вставить - HTMLверх или ещё куда?

0

1613

И что со статусом - можно его опустить под авку?

0

1614

Санна написал(а):

как опустить статус пользователя в профиле под аватарку

Можно  сделать список (.post-author ul)  flex-контейнером с вертикальным расположением. В нём задаём свойство order, чтобы визуально переместить .pa-title сразу после .pa-avatar.

<style>
.post-author ul {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0;
  margin: 0;
}
/* По умолчанию все элементы идут в порядке 0 */
.post-author li {
  order: 10; /* отправим всё "вниз" по умолчанию */
}
/* Автор — остаётся первым */
.post-author .pa-author {
  order: 1;
}
/* Аватар — второй */
.post-author .pa-avatar {
  order: 2;
}
/* Статус  — сразу после аватара */
.post-author .pa-title {
  order: 3;
}
/* Остальные элементы — дальше по порядку, располагайте, как вам нужно */
.post-author .pa-reg { order: 4; }
.post-author .pa-posts { order: 5; }
.post-author .pa-respect { order: 6; }
.post-author .pa-positive { order: 7; }
.post-author .pa-last-visit { order: 8; }
</style>

Если нужно, чтобы между ником и аватаром был небольшой зазор (а то ник "лежит" на аватаре), задайте отступы (они задаются от предыдущего элемента в списке).
Это имеет такой вид:

.post-author li { order: 10; }
.post-author .pa-author { order: 1; margin-bottom: 5px; }
.post-author .pa-avatar { order: 2; margin-bottom: 3px; }
.post-author .pa-title  { order: 3; margin-bottom: 3px; }

Используйте margin-bottom на  элементах, где нужен отступ (если это вам нужно, конечно).

Отредактировано Merlin777 (Чт, 30 Окт 2025 15:39:08)

+2

1615

Санна написал(а):

Спасибо. Куда вставить - HTMLверх или ещё куда?

Работает везде, но наверно, идеологически "правильно" будет его куда-нибудь в HTML низ поставить.

+1

1616

Подставила нужный цвет шрифта сразу. Получилось, спасибо огромное! Стало легче читать.

+1

1617

А вот в окне сообщений цвет текста не изменился...
В punbb textarea, .punbb select, .punbb input в коде работает. Как оформить?

Отредактировано Санна (Чт, 30 Окт 2025 15:54:09)

0

1618

Санна написал(а):

А вот в окне сообщений цвет текста не изменился...
В punbb textarea, .punbb select, .punbb input в коде работает. Как оформить?

Вы имеете в виду окошко формы ответа, где мы комментарии набираем перед отправкой?

0

1619

Merlin777 написал(а):

Вы имеете в виду окошко формы ответа, где мы комментарии набираем перед отправкой?

Да.

0

1620

Санна написал(а):

Да.

<style>
#main-reply {
  color: #fff;          /* Белый текст */
  background-color: #222; /* Тёмный фон */
}
</style>

+1


Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Общие вопросы по оформлению (65) #2