- Совместимость с XenForo
- 1.5
Добавляем функционал like в чат.
Возможности:
1. Готовим Базу Данных, создаём столбец taigaLike в таблице dark_taigachat (Вложение 1)
2 Шаблоны >. dark_taigachat_list, после
добавить
3. в dark_taigachat.css #taigachat_box li добавить position: relative;, получится вот так:
после него добавить добавить
4. Скачиваем архив с файлами, по папкам раскинуто, как надо, задача ваша - залить их в корень форума
5. js/dark/like.php - в самом начале указываем ваши данные для получения доступа к бд
6. Вы всё сделали и у вас должно всё заработать
Возможности:
- Лайкать сообщения в чате
- Лайки сохраняют состояние в localStorage
- При наведении на иконку лайка выделяет сообщение, которое вы захотите лайкнуть.
1. Готовим Базу Данных, создаём столбец taigaLike в таблице dark_taigachat (Вложение 1)
2 Шаблоны >. dark_taigachat_list, после
HTML:
<div class='taigachat_messagetext ugc'>{xen:raw $message.messageHtml}</div>
добавить
Код:
<div class='collection-like'>{xen:raw $message.taigaLike}</div>
<button class='taigachat-like' id="icon-like-{xen:raw $message.id}"></button>
3. в dark_taigachat.css #taigachat_box li добавить position: relative;, получится вот так:
Код:
#taigachat_box li { background: @primaryLightest; margin-bottom: 6px; padding-right: 50px; position: relative;}
после него добавить добавить
Код:
.taigachat-like {
position: absolute;
width: 20px;
height: 24px;
background: url("../img/like.png") 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0);
right: 0;
top: -3px;
opacity: .5;
cursor: pointer;
transition: opacity .3s;
border: none;
outline: none;
}
.taigachat-like:hover {
opacity: 1;
}
.taigachat-like-active {
position: absolute;
width: 20px;
height: 24px;
background-image: url('../img/check-like.png');
right: 0;
top: -3px;
opacity: 1;
cursor: pointer;
transition: opacity .3s;
}
.taigachat-like-active:hover {
opacity: 1;
}
.collection-like {
position: absolute;
top: 7px;
right: 25px;
width: 35px;
text-align: right;
color: green;
opacity: .8;
}
4. Скачиваем архив с файлами, по папкам раскинуто, как надо, задача ваша - залить их в корень форума
5. js/dark/like.php - в самом начале указываем ваши данные для получения доступа к бд
6. Вы всё сделали и у вас должно всё заработать