[html]<link rel="stylesheet" href="https://forumstatic.ru/files/0007/e3/f7/40249.css?v=13">
<script>$('#pun-viewtopic #pun-crumbs1').after('<div class="superlink"><a href="/pages/portfolio_code">Портфолио команды</a></div>');</script>
<div id="port-block1" class="free">
<a class="tip" id="cover" title=" Скрипт добавляющий в форму ответа выпадающее меню со своими тэгами. ">
<div id="icon"><div id="my-ic" class="fa-solid fa-gift"></div></div>
<img src="https://i.gyazo.com/295d622c5a8fc128d7f34bb540591253.gif" class="postimg">
</a>
<div id="cover-block">
Дата: 20.05.2021<br>
Авторы: <a href="/profile.php?id=3753" target="_blank">Deff</a> (изначальная версия для ролевых форумов), <a href="/profile.php?id=2" target="_blank">Герда</a> (модификация)<br>
Платформа: Mybb<br>
Бесплатный скрипт<br>
Описание: Скрипт добавляющий в форму ответа выпадающее меню со своими тэгами.
</div>
</div>
<style>
.punbb .topicpost .post-content .spoiler-box {
border: 1px solid #26af33;
background-color: rgba(38,175,51,0.1);
}
.punbb .post-content .spoiler-box > div:hover {background-color: rgba(38,175,51,0.6);}
.punbb .post-content .spoiler-box > div {background-color: rgba(38,175,51,0.3);}
.post-content .spoiler-box > div.visible {background-color: rgba(38,175,51,0.8); color: #fff !important;}
#pun .punbb .post-content hr {border: 3px solid #279933;}
.post-content td {background-color: rgb(0,0,0,0.5) !important;}
.visible .quote-box {background-color: rgba(0,0,0,0.5);}
</style>[/html]
Код ставить в Администрирование - Формы - Форма ответа:
Скрипт состоит из трёх частей:
Красная часть - сами пресеты, которые создаёт администратор по примеру пресетов в скрипте. Например:
Запятая указывает место где будет курсор, если выбрать этот пресет в выпадающем меню.
Зелёная часть - css-стиль выпадающего меню. Можете оставить в форме ответа или без <style></style> добавить в "Свой стиль".
Синяя часть - сам скрипт. Иконку можно настроить иконочным шрифтом (Подробности про иконочные шрифты в качестве кнопок в форме ответа смотрите вот здесь). Чтобы настроить её картинкой, используйте css-код (можно добавить его в зелёную часть скрипта или туда, где у вас стили кнопочек в форме ответа):
