ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка

Объявление

Поисковой ресурс

Проект от команды FD

Спойлеры

Загадочный Дом «Кузнечик»

Форумные игры, кино, позитивное отношение и душевное общение!
Есть в мире место, где душе тепло...
Заходи, мы будем тебе рады!

Подробнее

Мийрон

Качественный пиар быстро и недорого.
Красивейшие дизайны по низким ценам.
Каталог ролевых игр.

Подробнее

FD Chat - Чат на вашем форуме

Чат на отдельной странице на форуме. Без регистрации, используются форумные аккаунты.
Стоимость: 1500р
Первым 10 покупателям скидка 20%.

Подробнее

Макет для сайта «Fantasy Calalogue»

Детализированный макет «Fantasy catalogue» для тёмного дизайна многостраничного сайта
Стоимость при покупке эксклюзивно: 3600р
В стоимость входит корректировка макета и доработка недостающих страничек под ваш проект.

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайтеПредложения
Стать модераторомОтзывы

Подробнее
Большая новость! Восстановление потерянного контента, уход одного админа и новое правило - обо всём читайте по ссылке.

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

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


Вы здесь » ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка » Портфолио команды » Новый скрипт дополнительных смайликов в форме ответа


Новый скрипт дополнительных смайликов в форме ответа

Сообщений 1 страница 1 из 1

1

[html]<link rel="stylesheet" href="https://forumstatic.ru/files/0007/e3/f7/40249.css">
<div id="port-block1" class="free">

<a class="tip" id="cover" title="Без jQuery. Без непонятного кода.">
  <div id="icon"></div>
  <img src="https://i.gyazo.com/5940a4703bce37314b1489d9ddfc0d41.gif" class="postimg">
</a>

<div id="cover-block">
Дата: 25.02.2022<br>
Автор: <a href="/profile.php?id=7486" target="_blank">Dispatcher</a><br>
Платформа: MyBB;<br>
Бесплатный скрипт<br>
Описание: Без jQuery. Без непонятного кода. Скрипт с более простой настройкой, работает на Vanilla JS последней версии.
<br>
<a href="https://kkoroleva.github.io/shards-of-delirium/smile_script.html" target="_blank" id="store">ДЕМО</a>
</div>
</div>

<div id="port-block2" class="free">
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Пример на форуме MyBB (в свёрнутом виде)"><img src="https://forumupload.ru/uploads/0007/e3/f7/6822/593319.png" class="postimg"></a></section>

<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Пример на форуме MyBB (развёрнутый вид)"><img src="https://forumupload.ru/uploads/0007/e3/f7/6822/356025.png" class="postimg"></a></section></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]

КОД И ОПИСАНИЕ

Описание:
Новый скрипт смайликов! Работает без устаревающего jQuery (на Vanilla JS последней версии), и код гораздо более читабельный. Плюс поправлена проблема с айдшниками (из-за присвоения смайлам айди с машинным временем и скорости нынешних браузеров айдишники получались одинаковыми). Оформление (размер, цвет, расположение и т.д.) можно сделать любыми. В коде присутствуют все комментарии, так что настройка становится очень простой.

Код:

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Установка:
На форумах сервиса MyBB скрипт можно установить в Администрирование - Формы - Html-низ или Администрирование - Формы - Html в форме ответа.

Ставится он в том виде, в котором приведён выше или для экономии места можно скрипт без <script>тут код</script> упаковать в отдельный файл:

Код:
<!--Новый скрип смайлов-->
<script src="тут_пусть_к_файлу_со_скриптом_смайликов.js"></script>

Выбирайте удобный для вас способ.

Если у вас есть вопросы или нужна помощь с установкой - пишите, автор скрипта поможет настроить и ответит на все ваши вопросы.

Подпись автора

"You don't need to be protected,
Because nothing shocks you any more."
© Mesh
https://forumstatic.ru/files/0015/1e/ae/69675.gif https://forumstatic.ru/files/0018/3d/6c/77729.jpg

+3

Быстрый ответ

Напишите ваше сообщение и нажмите «Отправить»


ВНИМАНИЕ! При обращении за техподдержкой и вопросами по скриптам/оформлению, оставляй ссылку на форум/сайт с проблемой! Специалист должен вживую видеть проблему, чтобы подсказать как ее решить.

ВНИМАНИЕ! Гости (не зарегистрированные на форуме) могут писать сообщения, но не могут вставлять прямые ссылки! Чтобы оставить сообщение со ссылкой на сайт, форум или скриншот удали символы: "http://", "https://" или "www."


Вы здесь » ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка » Портфолио команды » Новый скрипт дополнительных смайликов в форме ответа