Bonfire Опубликовано 29 июня, 2017 Поделиться Опубликовано 29 июня, 2017 Всем привет. Требуется сменить стандартную картинку загрузки IPS 4.1 на картинку спиннера, тот что сейчас при загрузке во ВКонтакте. Я бы сам выдрал бы .GIF, но я не успеваю выдрать его из исходного кода страницы VK. Также не помещало бы указать путь, где данная картинка хранится в IPS. UPD: вроде бы нашёл, вот он: http://vk.com/images/svg_icons/fidget_spinner_white.svg <div class="fidget_spinner"></div> Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Silence Опубликовано 29 июня, 2017 Поделиться Опубликовано 29 июня, 2017 1 час назад, Bonfire сказал: Всем привет. Требуется сменить стандартную картинку загрузки IPS 4.1 на картинку спиннера, тот что сейчас при загрузке во ВКонтакте. Я бы сам выдрал бы .GIF, но я не успеваю выдрать его из исходного кода страницы VK. Также не помещало бы указать путь, где данная картинка хранится в IPS. UPD: вроде бы нашёл, вот он: http://vk.com/images/svg_icons/fidget_spinner_white.svg <div class="fidget_spinner"></div> Картинку в Вконтакте svg формат: <svg xmlns="http://www.w3.org/2000/svg" width="54" height="54" viewBox="0 0 54 54"><g fill="none" fill-rule="evenodd"><rect width="54" height="54"/><path fill="#fff" fill-rule="nonzero" d="M38.6660819,26.5331816 C42.5429369,26.5331816 45.787696,29.7574579 45.9983946,33.5756797 C46.082674,37.6484497 42.837915,41 38.7925011,41 C36.0112791,41 33.5671749,39.4302866 32.3872625,37.0969288 C31.3337693,35.1029685 29.3953418,33.7878032 27.1619362,33.7878032 L26.8248184,33.7878032 C24.5914128,33.7878032 22.6108456,35.1029685 21.5994922,37.0969288 C20.3774401,39.3878619 17.9754756,41 15.1942535,41 C10.8117218,41 7.31412443,37.0120794 8.11477926,32.4302132 C8.62045599,29.5029097 10.9802808,27.1271272 13.887922,26.618031 C14.4357384,26.4907569 15.0256946,26.4483323 15.5735111,26.4907569 C17.8490564,26.618031 19.9560428,25.4301398 21.0938154,23.4361795 L21.1359552,23.3513301 C22.2315881,21.4846438 22.1894484,19.1088613 20.9673963,17.2845998 C20.2088811,16.1391332 19.7453441,14.7391186 19.7453441,13.2542545 C19.7453441,8.79966233 23.7486183,5.27841328 28.2997089,6.12690703 C31.1652104,6.67842797 33.4828954,9.05421045 33.9885722,11.9390892 C34.32569,13.8482001 33.9042927,15.630037 33.0193584,17.0724764 C31.7973063,19.0664367 31.6708871,21.5270685 32.8086598,23.5210288 C33.9042927,25.4725644 36.0112791,26.7028804 38.2025449,26.5331816 C38.3711039,26.5331816 38.497523,26.5331816 38.6660819,26.5331816 Z M27,31 C29.2066958,31 30.9941776,29.2125182 31,27 C31,24.7874818 29.2066958,23 27,23 C24.7874818,23 23,24.7933042 23,27 C23,29.2125182 24.7933042,31 27,31 Z M27,29.5 C25.6208151,29.5 24.5,28.3828239 24.5,27 C24.5,25.6208151 25.6171761,24.5 27,24.5 C28.3791849,24.5 29.5,25.6171761 29.5,27 C29.496361,28.3828239 28.3791849,29.5 27,29.5 Z M15.5,37 C17.4308588,37 18.9949054,35.4359534 19,33.5 C19,31.5640466 17.4308588,30 15.5,30 C13.5640466,30 12,31.5691412 12,33.5 C12,35.4359534 13.5691412,37 15.5,37 Z M38.5,37 C40.4308588,37 41.9949054,35.4359534 42,33.5 C42,31.5640466 40.4308588,30 38.5,30 C36.5640466,30 35,31.5691412 35,33.5 C35,35.4359534 36.5691412,37 38.5,37 Z M27,17 C28.9308588,17 30.4949054,15.4359534 30.5,13.5 C30.5,11.5640466 28.9308588,10 27,10 C25.0640466,10 23.5,11.5691412 23.5,13.5 C23.5,15.4359534 25.0691412,17 27,17 Z"/></g></svg> Держи png картинку svgtopng.zip Bonfire 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Bonfire Опубликовано 29 июня, 2017 Автор Поделиться Опубликовано 29 июня, 2017 31 минуту назад, Silence сказал: Держи png картинку It's possible to convert svg to gif animated image? Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
hawk2012 Опубликовано 29 июня, 2017 Поделиться Опубликовано 29 июня, 2017 37 минут назад, Bonfire сказал: It's possible to convert svg to gif animated image? Yes, it's possible with CloudConvert (cloudconvert.com), or Convertio (convertio.co). Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Igorek Опубликовано 29 июня, 2017 Поделиться Опубликовано 29 июня, 2017 я на оборот эту шляпу блокировал в вк. а тут еще и на сайт хотят ее поставить. ИМХО дамы и господа. Спойлер Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Silence Опубликовано 29 июня, 2017 Поделиться Опубликовано 29 июня, 2017 8 часов назад, Bonfire сказал: It's possible to convert svg to gif animated image? Ето картинка нет аниматед gif fidget_spinner_white.rar Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Silence Опубликовано 29 июня, 2017 Поделиться Опубликовано 29 июня, 2017 Можеш анимироват через css: width: 24px; -webkit-animation: spin 0.7s infinite linear; -moz-animation: spin 0.7s infinite linear; -o-animation: spin 0.7s infinite linear; -ms-animation: spin 0.7s infinite linear; @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg);} 100% { -webkit-transform: rotate(360deg);} } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg);} 100% { -moz-transform: rotate(360deg);} } @-o-keyframes spin { 0% { -o-transform: rotate(0deg);} 100% { -o-transform: rotate(360deg);} } @-ms-keyframes spin { 0% { -ms-transform: rotate(0deg);} 100% { -ms-transform: rotate(360deg);} } ест пример: Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
romchik4021 Опубликовано 4 октября, 2017 Поделиться Опубликовано 4 октября, 2017 Актуальный вопрос, где хранится картинка этого лоадера и как правильно ее заменить? (может можно обойтись нативными средствами или кто то посоветует хороший хук, который заменяет лоадер, быть может даже с помощью собственного css стиля). Стандартный лоадер уж слишком ужастен Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Рекомендуемые сообщения
Присоединяйтесь к обсуждению
Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.