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-12.x
Кодировка: utf-8
Версия PHP: 5.4 и старше
Автор: Sander
Источник:
  • Oxigen
  • 0
  • 266
Информация
Оставлять комментарии могут только зарегистрированные посетители.
  • Рейтинг@Mail.ru
  • Яндекс.Метрика