[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="Реакции на пост в виде смайлов">
<div id="icon"></div>
<img src="https://forumuploads.ru/uploads/0007/e3/f7/2/731118.jpg" class="postimg">
</a>
<div id="cover-block">
Дата: 09.08.2020<br>
Автор: <a href="/profile.php?id=2" target="_blank">Герда</a><br>
Бесплатный код<br>
Описание: Заменяет рейтинг поста и голосование за пост (плюс и минус) на разные типы смайлов
</div>
</div>
<div id="port-block2" class="free">
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="оцененные сообщения и реакции к посту"><img src="https://forumuploads.ru/uploads/0007/e3/f7/2/46357.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="+2 типа оцененных сообщений: супер-классный и мега-ужасный пост"><img src="https://forumuploads.ru/uploads/0007/e3/f7/2/761640.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="реакции в контейнере проголосовавших"><img src="https://forumuploads.ru/uploads/0007/e3/f7/2/929899.jpg" 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]
Это также вариация полезности поста, но с добавкой скрипта.
Заменяет рейтинг поста на три типа смайлов: положительное сообщение, отрицательное и еще не оцененное
К смайлам в рейтинге поста добавлены всплывающие пояснения при наведении курсора
Голосовалка за пост появляется только по клику на смайл с текущим рейтингом поста
Плюс и минус в голосовалке за пост заменены на два смайла: негативный и позитивный
Добавлено мини-пояснение, что добавление реакции влияет на репутацию
Добавлены всплывающие подсказки к смайликам голосования
Добавлено обновление текущей страницы после голосования (чтобы при добавлении реакции картинка рейтинга обновлялась)
Стиль (в html-верх или свой стиль БЕЗ тегов <style>)
Скрипт в html-низ
Настройка: супер-классный и мега-ужасный пост
В скрипте находим строчки:
if(b>4) react = 'super';
if(b<-1) react = 'awfull';Первая цифра - количество плюсов для отображения "супер-поста"
Вторая цифра - количество минусов для отображение ужасного поста
По аналогии можно добавлять свои классы для супер-пупер классных заплючованных постов или очень-очень заминусованных
Добавка: реакции в контейнере проголосовавших
Добавляем в стиль (в html-верх между тегами <style> или свой стиль БЕЗ тегов <style>)
