Круглый аватар при загрузке. Не стилями.

Необходим для вывода пользователей на картах

 
Посетитель
small user social cms
Медаль
Сообщений: 410
Возникла необходимость при создании аватара пользователем сделать круглую картинку с прозрачными углами. Думаю в сторону хука перехватывающего события обновления профиля и создание такой картинки.
Может это не правильный путь, может кто уже делал такое, какие есть мысли?
Посетитель
small user social cms
Медаль
Сообщений: 728
Рачей:
Может это не правильный путь
Оно того не стоит.
Реклама
cms
Посетитель
small user social cms
Медаль
Сообщений: 410
alkokrolik:

Рачей:
Может это не правильный путь
Оно того не стоит.
Тогда какое решение для вывода аватрки на картах гугл в круглом виде? Есть варианты стилями закруглить углы и сделать их прозрачными?
Посетитель
small user social cms
МедальАвторитет форума
Сообщений: 1902
Рачей:
Есть варианты стилями закруглить углы и сделать их прозрачными?
Код CSS:
  1. img{
  2. border-radius: 100%;
  3. opacity: 0.6;
  4. }
Круглый аватар при загрузке. Не стилями.
Посетитель
small user social cms
Медаль
Сообщений: 728
шэльдэ бердэ бельдэ,
Нет-нет-нет, это никуда не годится. Правильно вот так:
border-radius: 50%;
Посетитель
small user social cms
Медаль
Сообщений: 410
шэльдэ бердэ бельдэ:

Код CSS:
  1. img{
  2. border-radius: 100%;
  3. opacity: 0.6;
  4. }

Варианта нет! Для карт точно! А картинку не так.
Код CSS:
  1.  
  2. img {
  3. width: ХХpx;
  4. height: ХХpx;
  5. border:1px solid #ddd;
  6. border-radius: 50%;
  7. box-shadow: 0 2px 5px #aaa;
  8. margin: 5% auto;
  9. position: absolute;
  10. top: 0; left: 0; bottom: 0; right: 0;
  11. transition: all 0.3s ease-in-out;
  12. -moz-transition: all 0.3s ease-in-out;
  13. -webkit-transition: all 0.3s ease-in-out;
  14. -o-transition: all 0.3s ease-in-out;
  15. }
  16.  
Посетитель
small user social cms
МедальАвторитет форума
Сообщений: 1902
alkokrolik:
Правильно вот так
))) Сойдет и 100%)) На автомате выдал)) С таким подходом сайт ляжет от нагрузки))

Рачей:
Варианта нет! Для карт точно!
Варианты есть всегда. Не понятно, что Вы хотите.
Редактировалось: 1 раз (Последний: 26 апреля 2018 в 15:57)
Посетитель
small user social cms
Почетный донор проектаМедаль
Сообщений: 316
https://vk-book.ru/zakruglenie-uglov-kartinki-s-pomoshhyu-gd/ )
Решаю проблемы на ваших проектах)
Посетитель
small user social cms
Медаль
Сообщений: 438
Без стилей - плиз.
Смотреть
Размер - 138X138
Редактировалось: 1 раз (Последний: 26 апреля 2018 в 21:18)
Посетитель
small user social cms
Сообщений: 94
Всё таки картинка должна быть png, а углы прозрачными.
Посетитель
small user social cms
Медаль
Сообщений: 438
@IamB:
Всё таки картинка должна быть png, а углы прозрачными.
Картинки png - плиз.
Смотреть
Лого mobirise c прозрачными углами 382Х376 - png
Смотреть
Загрузка файлов определённого формата и результат на форуме (виден если сохранить как) разнятся.
Редактировалось: 1 раз (Последний: 26 апреля 2018 в 22:03)
Посетитель
small user social cms
Медаль
Сообщений: 410
@IamB:

Всё таки картинка должна быть png, а углы прозрачными.

совершенно верно. но близится момент истины. ккажется на карте тоже можно закруглить. при наведении мыша точно!
Посетитель
small user social cms
Медаль
Сообщений: 438
Рачей:
совершенно верно. но близится момент истины. ккажется на карте тоже можно закруглить. при наведении мыша точно!
Увидеть момент истины можно здесь - в отзывах и клиентах на главной странице шаблона.
Автор использует круглые png картинки с прозрачными углами.
Посетитель
small user social cms
Медаль
Сообщений: 410
DeDja:

Увидеть момент истины можно здесь
Зачем спамить своими шаблонами? Вы читали начало, топика продолжение? Как сделать круглые углы у картинок здесь знает большинство. А вот как сделать их на карте гугла знают единицы. Картинку с прозрачными углами любой выведет и этот шаблон тут ни в куда не нужен.
Посетитель
small user social cms
МедальАвторитет форума
Сообщений: 1902
Рачей:
как сделать их на карте гугла
Вот честно, я до сих пор не понимаю, какие картинки Вы выводите на карте Гугла и каким образом. И тем более, почему их нельзя закруглить стилями. В каждом Вашем вопросе нет никакой конкретики. И из-за непонимания, чего же Вы хотите, Вам предлагают варианты, которые Вам не подходят. То квртинки на карте Гугла, то ссылки в виджетах. Сформулируйте правильно вопрос, и тогда, возможно, получите правильный ответ.
В начало страницы
Предыдущая темаСледующая тема Перейти на форум: