Как сделать toggle long images в стиме
Counter-Strike: Global Offensive
Затем нажимаем кнопку, которая отмечена на скриншоте.
Далее должно получится вот так.
Затем качаем этот фон и размещаем на рабочий стол например. Там будет 2 файла Midle и Right Top они нам и понадобятся. Установить аватар вы можете по желанию. Кнопка Download ZIP
Чтобы сделать длинную иллюстрацию заходим в абсолютно любой браузер (Google Chrome, Opera, Mazila, Yandex или другой любой браузер везде данный способ работает) и заходим в стим, где авторизуруемся. Заходим в иллюстрации через профиль.
Нажимаем в любом месте правой кнопкой мыши: Просмотреть код. И видим такую картину.
Нажимаем на кнопку Console которая выделена в рамку.
И вписываем туда такой код
Копируем вплоть до точки с запятой, жмём Enter и всё.
Нажимаем загрузить и у нас изображение получилось, как вытянутое. Повторяем те же действия с файлом Right Top. Если вы это всё сделали, то идём дальше.
Если кнопка Long Images пропала не волнуйтесь
Это первая правка в конституцию руководство. Так как сайт недавно обновился, поэтому кнопка: выбрать длинное изображение переместилась в настройки. Ниже по скрину. Но бывает у многих так, что не надо ничего делать вовсе, иллюстрация изначально будет вытянутой, но на всякий случай я оставлю этот способ.
И нажимаем галочку напротив пункта Enable Long Images on Artwork Showcase.
Все готово! Наслаждайтесь прекрасным видом профиля.
Вот что должно получится после проделования данных шагов.
Надеюсь я вам помог. Всем удачи, пока! Фон называется Blue Skyies.
Если нужна помощь, то пишите в комментариях под этим руководством, или добавляйтесь ко мне в друзья решим проблему с иллюстрациями.
Как сделать toggle long images в стиме
This guide will guide to you through how to upload long images to the artwork or screenshot showcase. Special thanks for MightyG3 for the discovery of this exploit which completely changed steam profile artworks.
You must be at least Level 10 on Steam to show an artwork/screenshot showcase.
Be careful not to upload images too small in resolution to be long. Steam.Design [steam.design] will automatically crop your steam background to the correct dimensions.
Open this link in Google Chrome or Mozilla Firefox.
Select your artwork under Choose File.
Right click anywhere on the page, click inspect/inspect element then go to the ‘Console’.
Or use Shortcuts
Chrome shortcut: Ctrl+Shift+J
FireFox Shortcut: Ctrl+Shift+K
Paste ONE of these codes into the console and hit enter. Only one of these codes need to be used, not both.
Now simply give it a title and tick that «I certify that I created this artwork» box, then «Save and Continue».
IMPORTANT: On the artwork selector, your artwork will appear to be a thin black line. That is perfectly fine and it means the code worked, when you select the artwork it should look normal after loading.
Extension is causing confusion. I believe it SOMETIMES? works but just says error even if it works. If you are using the extension and see an error please check if it’s already uploaded anyway.
The team over at Steam.Design have created a browser extension/addon which automates almost a lot of things artwork creating!
Note: When using the extension to upload as above; you DO NOT need to follow the instructions below with pasting the code.
Extension is causing confusion. I believe it SOMETIMES? works but just says error even if it works. If you are using the extension and see an error please check if it’s already uploaded anyway.
Here are some other relevant helpful guides for uploading artworks:
(For middle artwork, width should be 506 pixels wide and any height. Then side artwork should be 100 pixels and with the same height as the middle if you want it to align.)
Как сделать toggle long images в стиме
This guide is advanced and will not be as easy as uploading Long Artworks/Screenshots.
Make sure to read all the information provided in the Guide.
An improved method now exists: https://steamcommunity.com/sharedfiles/filedetails/?id=2174159512 Please use it instead.
This guide will teach you how to make a Animated Long Workshop/Guide Gif and then how to upload them to Steam. These steps are NOT simple or easy. You will require some skill in GIF/Video editing and some technical skill.
Please read the following text before continuing to the guide.
The GIF you use must contain at least 15 different frames and should not be too long (less than 1500 px in height).
After you’ve made your GIF, extend the height by 100 pixels on the bottom of the GIF. Anything can be put in this empty 100 pixel long area but I suggest adding a colour or noise to be safe.
This extra space will be removed in the next steps by ‘♥♥♥♥♥♥’ the image resolution directly by editing the GIF’s bytes in HxD. We are unsure how exactly this exploit works but by cropping the gif and creating a ‘fake resolution’ steam will display it in full in the workshop.
For this example, we are using an Long workshop of 1200 pixels but now 1300 pixels because of step 1.
Open the first image in HxD. (you can drag and drop the image into the program or press CTRL+O)
To convert Little Endian to Hex, simply switch the position first two characters with the second two.
So now that we understand how to read these bytes its time to replace them. We want to change our gif from the height of 1300px to 1200px and crop our extra pixels. So lets convert 1200px into Hex then Little Endian.
Now that we know the bytes we want to use, we are going to use a replace function in HxD to replace all bytes that define height with our own.
So go to the «Search» Drop down and click «Replace. » or Press CTRL+R
After clicking Replace a little window will pop up. Put the old width (should be 96 00) and then the current height bytes in the «search for» field and the new ones in the «Replace with» field using Little Endian.
Including the Width allows the search to narrow down the correct Hex we want to replace.
Make sure to change the rest of the settings to whats shown in the image above:
Datatype: Hex-values
Search direction: All
Now click «replace all»
If done correctly it should replace all occurrences of bytes that define height with the new ones.
IMPORTANT:
The GIF format has Dimensions defined for every single frame aswell as an extra one for the Logical Screen Descriptor. This means that you’ll know if you’ve done it correctly if after clicking «Replace all» it tells you that you have changed +1 amount of occurrences
Example:
The image used had 120 Frames.
When replacing all hex values, the program returned saying 121 occurrences were replaced. If more than plus 1 is replaced then your gif may bit slightly corrupted but may still work as long.
Now you can click save in the hex editor and repeat STEP 2 & 3 for the remaining images.
We are unsure fully why GIFs are sometimes encoded without dimension data for every frame sometimes. But it is likely because your GIF encoder is trying to reduce filesize by removing this data.
REMEBER TO SELECT THE GIF BEFORE PASTING THE CODE. USE THE CODE FOR EVERY NEW GIF SELECTED.
If you forgot how to use codes while uploading it’s the same as in this guide:
https://steamcommunity.com/sharedfiles/filedetails/?id=748624905
Как сделать toggle long images в стиме
This guide will guide to you through how to upload long images to the artwork or screenshot showcase. Special thanks for MightyG3 for the discovery of this exploit which completely changed steam profile artworks.
You must be at least Level 10 on Steam to show an artwork/screenshot showcase.
Be careful not to upload images too small in resolution to be long. Steam.Design [steam.design] will automatically crop your steam background to the correct dimensions.
Open this link in Google Chrome or Mozilla Firefox.
Select your artwork under Choose File.
Right click anywhere on the page, click inspect/inspect element then go to the ‘Console’.
Or use Shortcuts
Chrome shortcut: Ctrl+Shift+J
FireFox Shortcut: Ctrl+Shift+K
Paste ONE of these codes into the console and hit enter. Only one of these codes need to be used, not both.
Now simply give it a title and tick that «I certify that I created this artwork» box, then «Save and Continue».
IMPORTANT: On the artwork selector, your artwork will appear to be a thin black line. That is perfectly fine and it means the code worked, when you select the artwork it should look normal after loading.
Extension is causing confusion. I believe it SOMETIMES? works but just says error even if it works. If you are using the extension and see an error please check if it’s already uploaded anyway.
The team over at Steam.Design have created a browser extension/addon which automates almost a lot of things artwork creating!
Note: When using the extension to upload as above; you DO NOT need to follow the instructions below with pasting the code.
Extension is causing confusion. I believe it SOMETIMES? works but just says error even if it works. If you are using the extension and see an error please check if it’s already uploaded anyway.
Here are some other relevant helpful guides for uploading artworks:
(For middle artwork, width should be 506 pixels wide and any height. Then side artwork should be 100 pixels and with the same height as the middle if you want it to align.)