Как залить фон(Картинкой) постов сообщений на форуме при помощи ВВ - тегов?
Фон постов с ВВ - тегами
Сообщений 1 страница 10 из 36
Поделиться212.04.24 21:23
Как залить фон(Картинкой) постов сообщений на форуме при помощи ВВ - тегов?
Добрый день, а чем вам не подходит вариант через стили задать фон для постов?
Поделиться312.04.24 21:38
Future
Если для отдельного сообщения с использованием утилиты MyBBCode
Для работы этого тега необходимо добавить в "Администрирование" / "Формы" / "Дополнительные bb-теги" строку:
Код:postbg:sato
Этот код необходимо устанавливать в HTML-верх после подключения MyBBCode.
Код:<script> MyBBCode.addAdapter((container) => { $('.custom_tag_postbg', container).each((i, element) => { const color = $(element).attr('alt'); const quote = $('.quote-box', container); container.css({'background-image':color}); }); }); MyBBCode.addEditorButton('postbg', { name: "Фон сообщения", onclick: () => { const image = prompt('Введите ссылку на картинку на фон сообщения', ''); smile(`[postbg=${image}]`); }, }, 'table'); </script> <style> #button-postbg { background: url(http://s3.uploads.ru/NqSiY.gif) no-repeat center; background-size: contain; } </style>
Остальное надо смотреть уже по конкретному форуму.
Поделиться413.04.24 13:03
kozhilya
В общем сделал так:
1) В HTML вверх поставил такой код:
<!-- Инструмент для добавления bb-кодов --> <script src="https://mybb.kozhilya.ru/script/mybbcode.min.js?ver=1.2"></script>
<script> MyBBCode.addAdapter((container) => { $('.custom_tag_postbg', container).each((i, element) => { const color = $(element).attr('alt'); const quote = $('.quote-box', container); container.css({'background-image':color}); }); }); MyBBCode.addEditorButton('postbg', { name: "Фон сообщения", onclick: () => { const image = prompt('Введите ссылку на картинку на фон сообщения', ''); smile(`[postbg=${image}]`); }, }, 'table'); </script> <style> #button-postbg { background: url(http://s3.uploads.ru/NqSiY.gif) no-repeat center; background-size: contain; } </style>
2) В Администрирование - Формы - Пользовательские ВВ - теги поставил это:
postbg:sato
3) В основном коде добавил то что зеленым:
const image = prompt('Введите ссылку на картинку на фон сообщения', 'url(" ")');
И потом все заработало как надо. Надеюсь правильно все сделал.
Большое спасибо.
Отредактировано Future (13.04.24 13:08)
Поделиться513.04.24 13:11
#p201281,Future написал(а):Как залить фон(Картинкой) постов сообщений на форуме при помощи ВВ - тегов?
Добрый день, а чем вам не подходит вариант через стили задать фон для постов?
Ну мне мне надо для отдельных сообщений разные фоны в одном посте. Вы же сами говорили на стримах вместе с Гердой что ВВ - теги или коды рулят и за ними будущее))).
Поделиться613.04.24 13:14
kozhilya
Теперь получается я могу добавлять любые ВВ - теги в Администрирование - Формы - Пользовательские ВВ -теги?
И еще когда добавляешь несколько ВВ - тегов, то между ними надо ставить запятую или просто надо ставить пробел? Вот это непонятно.
Поделиться713.04.24 13:16
Ну мне мне надо для отдельных сообщений разные фоны в одном посте. Вы же сами говорили на стримах вместе с Гердой что ВВ - теги или коды рулят и за ними будущее))).
я правильно понимаю, что вам нужно не у всего тела поста поменять фон, а именно у того бб-блока, в котором находится текст, а в одном посте их может быть несколько?
Поделиться813.04.24 13:17
#p201281,Future написал(а):Как залить фон(Картинкой) постов сообщений на форуме при помощи ВВ - тегов?
Добрый день, а чем вам не подходит вариант через стили задать фон для постов?
На мой взгляд с ВВ - тегами проще и нет особой нагрузки на движок форума в отличие от Скриптов. Поправьте если я ошибаюсь?!
Поделиться913.04.24 13:19
#p201298,Future написал(а):Ну мне мне надо для отдельных сообщений разные фоны в одном посте. Вы же сами говорили на стримах вместе с Гердой что ВВ - теги или коды рулят и за ними будущее))).
я правильно понимаю, что вам нужно не у всего тела поста поменять фон, а именно у того бб-блока, в котором находится текст, а в одном посте их может быть несколько?
Весть текст в одном сообщение залить фоном картинкой.
Поделиться1013.04.24 13:25
Future
Смотрите, тот вариант, что предложил @kozhilya, будет менять фон у всего сообщения. На примере фд, вместо белого фона, у вас будет изображение.
Если вам нужно оставить сам фон неизменным, но можно сделать по аналогии с цитированием. То есть оранжевый цвет мы меняем на изображение. Тогда вы можете сделать так:
[block=fon1]тут текст[/block]
А в стили задаете:
.fon1 { background: url() no-repeat center; }
no-repeat - убираем, если нужно чтобы изображение размножалось
center - позиционирует фон относительно блока.
Более точные настройки и рекомендации уже можно дать со ссылкой на форум.
А еще лучше будет, если вы схематично, хоть на бумаге, хоть скринами с форума изобразите, что хотите)