Avatar-Select (light) by Sander

Это бесплатная/облегченная версия платного модуля Avatar-Select от Sander. Он позволит пользователям легко в 2 клика установить себе оригинальную аватарку из вашего банка картинок.


Красной рамкой (см.фото) подсвечена текущая аватарка, оранжевым - выделение картинки которая станет аватаркой при сохранении.

Установка:
1. Залить папки engine/ и uploads/ в корень сайта.

2. Открыть шаблон main.tpl и найти:

</body>

Добавить выше:

<script src="/engine/mods/AvatarSelect/assets/libs.js"></script>

3. Триггер/кнопку открывающую окно выбора аватарки можно разместить в любом месте и любом файле шаблона сайта. К примеру, в userinfo.tpl:

[not-logged]<a href="#" class="ava-modal-trigger">Выбрать фото</a>[/not-logged]

Триггером является наличие класса ava-modal-trigger. Достаточно добавить этот класс к любому элементу на сайте, чтобы при клике на этот элемент открылось окно модуля. К примеру в login.tpl:

[not-group=5]<img src="{foto}" class="yourClass ava-modal-trigger" alt="Фото" />[/not-group]

4. Чтобы при выборе новой аватарки так же обновлялось фото и в шаблонах login.tpl и в userinfo.tpl достаточно для блока с картинкой добавить атрибут data-foto="img" или data-foto="background". Первый - для тегов изображений:

<img src="{foto}" alt="foto" data-foto="img" class="ava-modal-trigger" />

Второй - если аватарка выводится в виде фона:

<a href="#"><span class="cover" style="background-image: url({foto});" data-foto="background">{usertitle}</span></a>

Готово!

Чтобы выбрать новую аватарку, достаточно выбрать картинку и нажать кнопку "Сохранить" или сделать двойной клик по картинке. Картинки загружаются вручную через FTP в папку uploads/fotos/bank после чего сразу автоматически доступны для выбора. Имя картинки должно содержать только латинские символы, цифры и символ подчеркивания _ .

• Версия DLE: 10.1-14.x
• Кодировка: utf-8
• Версия PHP: 5.4 и старше
• Автор: Sander
• Источник