Ответить 
 
Оценка темы:
  • 2 голосов - 5 в среднем
  • 1
  • 2
  • 3
  • 4
  • 5
Облегченная загрузка гиф-анимаций и скриншотов любой высоты в витрины профиля Steam
24.09.2016, 10:03 PM
Сообщение: #1
Release by DarkTeam Облегченная загрузка гиф-анимаций и скриншотов любой высоты в витрины профиля Steam
[Изображение: image.php?di=2FK6]

Всем привет!
Сегодня речь пойдет об облегченной загрузке гиф-анимаций в профиль Steam.
Нам на помощь придет написанный код для букмарклета (это отдельная закладка для браузера), который автоматизирует загрузку гиф-анимаций и скриншотов, по любой высоте в витрину иллюстраций профиля Steam.
Больше не понадобится дописывать коды в консоли и делать все в ручную, мы будем сразу разбивать необходимые нам работы на части, кадры будут автоматизированы, по типу Гости не могут видеть ссылки. Пожалуйста под своим именем..
Но при этом, останется поддержка боковой панели по неограниченной высоте!

Хочу отметить, что данные коды не несут никакого вреда вашему браузеру или Steam профилю, так что можете не переживать по этому поводу.

Инструкция получилась очень большой, но не пугайтесь! Это потому, что я попытаюсь, как можно подробнее, описать все действия.
На самом деле, все делается очень быстро.
Для всех манипуляций, я буду использовать браузер Google Chrome!
Вы можете пробовать это в других браузерах, кроме Internet Explorer и Microsoft Edge, там даже не пытайтесь.

Подготовка букмарклетов:
1. Все скрипты ниже, используются с помощью букмарклетов. Так что, для начала рассмотрим, как их добавить.
Убедитесь, что панель закладок видна на любой страничке в любое время.
Для этого, перейдите в настройки браузера chrome://settings/ и в графе "Внешний вид", отметьте галочкой "Всегда показывать панель закладок".

[Изображение: image.php?di=RUXI]

2. Щелкните правой кнопкой мышки на панель закладок и выберите пункт "Добавить страницу"

[Изображение: image.php?di=AF4L]

3. Задайте букмарклету любое имя, а в графу URL вставьте код, который будет ниже

[Изображение: image.php?di=EIK0]

4. Нажимаем кнопку "Сохранить" и видим, что букмарклет появился в нашей панели закладок.

Итак, мы научились делать букмарклет. Теперь, вот сам код для него:
Используйте его, для пункта #3.

Спойлер (Показать)


Данный код, позволит упростить загрузку ваших работ, без ограничения по высоте, в витрину иллюстраций/скриншотов Steam.
Прямо на странице редактирования вашего профиля, вы сможете перетащить необходимые файлы и сразу их загрузить.


Как использовать этот код, при загрузки работ в витрины Steam:
Для начала, подготовимся:
-Если вы хотите загрузить вашу работу с бесконечной высотой, то убедитесь, что ее ширина составляет 506px для основного элемента и 100px для боковых панелей.
-Убедитесь, что ваша работа весит не более 10мб.
Чтобы не было рассинхронизации гифок, я рекомендую оптимальный размер ~4мб.
Но это зависит от длительности вашей гифки по времени.
-Загруженные скриншоты (с этим букмарклетом), не имеют миниатюру и будут выглядеть просто черными квадратами на странице скриншотов, однако в вашей витрине скриншотов они будут отображаться как нужно!

Приступим к загрузке:
1. Переходим на страничку редактирования профиля Steam (в браузере, с готовым букмарклетом)

[Изображение: image.php?di=BB7M]

2. Листаем до редактирования нашей витрины и нажимаем на наш букмарклет
3. Видим, как витрина выделилась. Теперь просто перетащите вашу работу на эту витрину

[Изображение: image.php?di=S6P3]

4. Откроется окно загрузки, выберите вашу работу и загрузите ее
Важно! Разрешите браузеру всплывание дополнительных окон для вашей странице редактирования!

[Изображение: image.php?di=W4PZ]

Готово, ваша работа загружена в витрину иллюстраций.
Остается только собрать элементы в самой витрине.
Как я и говорил ранее, я пишу очень подробно, поэтому кажется сложно, на самом деле, это значительно облегчает загрузку ваших работ в витрины.


Steam фон кроллер.
Это альтернатива Гости не могут видеть ссылки. Пожалуйста под своим именем., которая позволит загружать бесконечные по высоте гифки и стриншоты в боковые панели.
Этот скрипт будет автоматически обрезать фон Steam и помещать его в .zip архив.
Вы сможете добавить в эти обрезки анимацию или подредактировать их, а затем уже загружать.
Так же, фон будет обрезаться и для вашей аватарки.

Вот этот код:
Используйте его, как в примере выше, чтобы сделать еще один букмарклет.

Спойлер (Показать)


Как использовать этот Steam Фон Кроллер:
1. Открываем страничку необходимого фона на торговой площадке Steam
2. Выбрав фон, нажимаем на кнопку "Показать в полном размере"

[Изображение: image.php?di=E0GN]

3. Теперь нажимаем на подготовленные букмарклет с кодом выше и видим, как скачался готовый .zip архив с нарезкой данного фона

[Изображение: image.php?di=1DT2]

4. Извлекаем архив и видим 3 скриншота - Аватар, основная витрина, боковая панель.
Высота - не ограничена.

[Изображение: image.php?di=LETK]

Готово! Остается только добавить свои надписи, либо анимашки, для этих обрезков и загрузить.
А можно, прямо и так загрузить данные скриншоты, они уже готовы.


Фикс слития картинок, при выборе:
Данный букмарклет устранит проблему, при загрузке длинных картинок/анимашек, когда остается пустота между основной и боковой панелью, при добавлении их в витрину.
Эта небольшая опция для букмарклета, которая облегчит нам загрузку.
Теперь, когда вы будете видеть вашу работу, при редактировании витрины, они будут в одну строку. Это очень удобно.

Вот сам код:
Использовать его так же, как написано в самом верху.

Спойлер (Показать)


На этом, пожалуй все.
С помощью данной инструкции, вы значительно облегчите загрузку ваших гиф-анимаций и скриншотов, неограниченной высоты в витрины профиля Steam.

Так же, советую почитать еще пару инструкций:
Загрузка гиф-анимации в Витрину Скриншотов Steam
Загрузка гифок в Витрину Мастерской Steam
Как загрузить картинки и анимации неограниченной высоты в витрины профиля Steam

Список гайдов по оформлению профиля Steam

Ну и все новое и интересное в этом разделе - Steam ;)
Like Пост Цитировать это сообщение в ответе
[-] 3 пользователям "Liked" сообщение AcnupuH'a :
nikitagolomazov (09-27-2016), Noneym (11-18-2016), Ruspeed (09-26-2016)
26.09.2016, 07:53 PM
Сообщение: #2
RE: Облегченная загрузка гиф-анимаций и скриншотов любой высоты в витрины профиля Steam
thx!!!!!!!!!!!!!!!!!!!!!!!!!!!
Like Пост Цитировать это сообщение в ответе
11.10.2016, 03:09 PM
Сообщение: #3
RE: Облегченная загрузка гиф-анимаций и скриншотов любой высоты в витрины профиля Steam
не загружает в боковую панэль что делать??
Like Пост Цитировать это сообщение в ответе
Ответить 




Просматривают: Гости: 1


Обратная связь и сотрудничество | Dark Team | Вернуться в начало | Вернуться к содержанию | Мобильная Версия | RSS Синдикация