Для установки данной витрины ваш профиль "Steam" должен быть минимум десятого уровня.
Если у вас уже имеется готовая иллюстрация для загрузки, то следуем инструкции ниже, если вы хотите нарезать иллюстрацию под фон своего профиля, то читаем эту статью, если вы хотите нарезать любую картинку для витрины, то читаем эту статью. Заходим в любой браузер (не рекомендую использовать "Opera" и "Opera GX", так как там возможны частые сбои при попытке сохранить иллюстрацию), переходим на официальный сайт "Steam":
https://store.steampowered.com
Переходим на страницу своего профиля и в столбике справа выбираем строку "Иллюстрации".
Нажимаем на кнопку "Загрузить иллюстрацию". Нажимаем на кнопку "Не из игры".
Прежде чем приступите к загрузке иллюстрации, убедитесь, что она соответствует этим требованиям:
В поле "Дайте название своей иллюстрации" указываем название: лучше всего вписать туда, например, пару цифр. Название можно изменить в любое время, зато при сохранении не возникнет проблем, так как "Steam" не любит длинные названия и символы. В поле "Выберите файл иллюстрации" укажите путь до вашей иллюстрации. В поле "Установить видимость" ставим галочку в кружочек с названием "Для всех". В поле "Права и авторство" ставим галочку в квадратик с названием "Я подтверждаю, что являюсь автором этой иллюстрации". В итоге правильно заполненная форма должна выглядеть вот так:
Пока не сохраняем. Жмем правую кнопку мыши и выбираем последнюю строку с названием "Просмотреть код элемента". Название строки может отличаться, так как это зависит от браузера, но эта строка, в основном, последняя. Должно появиться окно разработчика.
В окне разработчика находим вкладку с названием "Console". Копируем код:
document.getElementsByName("image_width")[0].value = 999999;document.getElementsByName("image_height")[0].value = 1;
Вставляем код во вкладку "Console" и жмем "Enter". Закрываем окно разработчика.
Спускаемся в самый низ окна с загрузкой и жмем "Сохранить и продолжить". Таким же образом загружаем вторую иллюстрацию (если она есть). Переходим на страницу своего профиля и жмем кнопку "Редактировать профиль".
В столбике слева выбираем строку "Витрины".
Чтобы ваша иллюстрация совпадала с фоном, витрину иллюстраций нужно сделать самой первой, над всеми витринами. Если у вас уже установлена в качестве самой первой другая витрина, то меняем ее на "Витрина иллюстраций". Если у вас вообще никакая витрина не выбрана, то щелкаем по строке "<Не выбрано>" и ищем строку "Витрина иллюстраций".
В самый большой слот мы будем устанавливать основную иллюстрацию, а в верхний правый слот будем устанавливать боковую иллюстрацию.
Щелкаем по карандашу большого слота и видим странные полоски. Это и есть загруженные иллюстрации. Если вы основную иллюстрацию загружали первой, то она у вас будет в виде первой полоски справа. Если вы основную иллюстрацию загружали последней, то она у вас будет в виде первой полоски слева.
Таким же образом вставляем и вторую иллюстрацию. Ваши иллюстрации не будут отображаться сразу, так как они должны немного прогрузиться в "Steam", поэтому, спускаемся в самый низ, жмем кнопку "Сохранить". Возвращаемся в свой профиль, ждем минуту и обновляем страницу, все должно работать.