Avatar crop DLE хак


Представляем на dle9.com хак DLE Avatar crop, который быстро обрезает картинки аватарки загруженные на сайт, Ajax загрузка позволяет сохранять оригинал и координаты вырезаемой области. Многим было интересно, можно сделать обрезание области автарки, как это реализована в сервисе социальной сети или у крупных ресурсов, теперь пользователи могут с помощью хака обрезать фотографии в своем профиле, и применять в качестве аватарки.

К сожалению установка в DataLife Engine размера (допустима квадратной формы 180х180). в настройках группы, картинка искажается и портится, если последняя в пропорции 3:4 загружена вертикально или горизонтально. По умолчанию сделать нормальный размер, никак нельзя, можно не указывать полный размер картинки при выводе аватара, а указать только максимально возможные размеры, в стилях шаблона, что очень подходят:
img {max-width: 180px; max-height: 180px;}


Решение осуществляется с помощью скрипта, теперь можно вырезать левый-верхний угол у загруженного фото пользователем в качестве аватарки нужный размер и установить его как вам нужно.



Совместимая версия DLE: 9.6 и старше
Автор: teramoune

Скачать хаки для DLE с универсальными свойствами, удобный для обрезки картинки фото пользователя и добавлении к нику, все файлы представленного хака можно скачать последующей ссылке

Avatar-crop-DLE-hak.zip [219,32 Kb] (cкачиваний: 7)
  • 80
Добавить комментарий

Оставить комментарий

    • bowtiesmilelaughingblushsmileyrelaxedsmirk
      heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
      winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
      worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
      expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
      disappointedconfoundedfearfulcold_sweatperseverecrysob
      joyastonishedscreamtired_faceangryragetriumph
      sleepyyummasksunglassesdizzy_faceimpsmiling_imp
      neutral_faceno_mouthinnocent