Steam

Steam

931 ratings
Steam Profilinizi Kendiniz Tasarlayın / Customize Your Steam Profile
By Ghetto
Steam profilinizi görsel olarak geliştirmek isteyenler için belirli methodları anlattığım düzenleme rehberidir.

This guide for visually customize your profile. We tell simple methods in this guide. We will keep up to date this guide ..
   
Award
Favorite
Favorited
Unfavorite
Başlangıç/Beginning
Bu paylaşım sayfamızın temel amacı grafik tasarım veya animasyon öğretmek değildir.
Sizlere sadece belirli komutlar ve basit yöntemler ile profilinizi görselleştirebileceğiniz eklentileri aktaracağım.

Başlamadan Önce Dikkat Etmeniz Gerekenler
  • Steam profilinizin gerekli düzenlemeler için en az 10 level olması gerekiyor.
  • Çizim vitrini ya da Atölye galerisi yapmak istiyorsanız tasarımınızı önceden belirlemelisiniz.
  • Steam seviyeniz yükseldikçe steam kısıtlamaları ortadan kalkacaktır. Ve bu sayede daha fazla vitrin kullanabilirsiniz.


ENGLISH


This main goal of this sharing isn't teach how to make graphic design or creating animation. We will tell you how to make your profile better with specific commands and simple methods.

Things to watch out for before you start

  • For to do your steam profile must be 10 level minimum.
  • If you want to make artwork showcase or workshop gallery , you must have a work once.
  • When your steam level up the restrictions will be lifted every time . So you can open new showcases for your profile !
Çizim Vitrini Düzenleme/Editing Artwork Showcase
Tasarım vitrinine steam arkaplanı nasıl aktarılır?


İlk olarak belirlediğiniz arka planı altta verdiğim bağlantıdan keseceğiz.
Steam Arkaplan Kesim Aracı[steam.design]

Daha sonra altta vermiş olduğum yöntem ile görselin url'sini alın.

Kesim işlemleri için altta verdiğim aşamaları takip edin.
Çizim vitrini görselleri aşağıda belirttiğim şekildedir.

NOT: Resimlerin arkaplana uygun olabilmesi için bu düzene uymanız gerekmektedir.

Uzun Çizim Vitrini Kullanacakların Dikkatine!!!

Eğer ki kısa değil de uzun çizim vitrini kullanmak istiyorsanız aşağıda belirttiğim niteliklere dikkat etmeniz gerekiyor.

document.getElementsByName("image_width")[0].value = 1000;document.getElementsByName("image_height")[0].value = 1;


ENGLISH

How to add a steam background to showcase?



First , you will crop your background for your showcase with this website .
Steam Background Cropper[steam.design]


After , take ''url of the background with this method ;

For cropping , follow this steps ;

Your files will like this ;

NOTE : If you want to syncrhonize your background with your showcase , it should be appropriate.

If you want to use long image read this !

If you have to choose long image . You must set up somethings . Here it is ;



And here is the code you will enter .

document.getElementsByName("image_width")[0].value = 1000;document.getElementsByName("image_height")[0].value = 1;


Ekran Görüntüsü Vitrinini Arkaplan Tasarımına Dahil Etmek/Editing Screenshot Showcase for Background
Not: Ekran görüntüsünü yüklemek isterseniz dosyanızın boyutu en fazla 10 mb olmalıdır.

Yine aynı şekilde kesim aracını kullanmanız gerekmektedir.
Steam Arkaplan Kesim Aracı[steam.design]


Bu aşama oldukça basittir sadece alttaki adımları uygulayın.


Ekran Görüntüsü Vitrinine Animasyon Eklemek İsterseniz

  • Bu işlemi yaparken web tarayıcınızdan yapmayı unutmayın.
  • Animasyon dosyası Gif formatında olmalıdır.

Tıpkı çizim vitrinimizde uyguladığımız gibi yükleme sayfasına geldiğimizde
dosya ismini veriyoruz (yüklemeyi çizim yüklediğimiz kısımdan yapınız) ve sağa tıklayıp incele butonuna tıklıyoruz
ve "konsol"u açıyoruz.

Aşağıdaki kodu konsol'a kopyalayıp yapıştırın. (web tarayıcınızdan f12 ye basarak kısa yoldan da erişebilirsiniz.)

document.getElementsByName("file_type")[0].value = 5;

Extra olarak "Ekran Görüntüsü" vitrininizi çizim vitrini gibi uzatmak isterseniz alttaki kodu kullanın.

$J('#image_width').val('1000');$J('#image_height').val('1');$J('[name="file_type"]').val("5");


İşlemi gerçekleştirdiniz :)


ENGLISH


Note : The files what you will use for your showcase must be 10 MB max.

Again you must use same website to crop it ;
Steam Background Cropper[steam.design]

Like this ;

This step is too simple just follow steps ;

If you want to add animation to Screenshot Showcase


  • When you are doing it , use your internet browser.
  • File must be ''.gif'' format.

Like what we did on artwork showcase when we reach uploading page we will give file names. (When uploading do it like uploading artwork showcase , i mean go your Profile>Screenshots>Upload a Screenshot) and we will right click on it , then we will choose bottom setting from menu. We will open console again . You can do shortly just press ''F12'' Then we will enter a code.
Here it is ;

document.getElementsByName("file_type")[0].value = 5;
Atölye Vitrininizi Tasarım Vitrinine Çevirmek / Customizing Workshop Showcase

Not: Öncelikle belirteyim atolye vitrin yapımı sayfası ilk olarak bu sayfada paylaşılmıştır. Ben Türkçe olarak sizlere sunuyorum. Görmek için Tıklayın

Steam Atölye vitrinimizde sadece 4 ayrı parçayı görsel olarak paylaşmamızı sunuyor. Bizde bu sisteme göre tasarımımızı gerçekleştireceğiz.

Yerleşim düzenimiz aşağıdadır.


Resimleri Yükleme Aşaması

  • İşlemi web tarayıcınızdan yapın.

İlk olarak Yükleme sayfamızı açıyoruz.
Yükleme Sayfamız

Yükleme yaparken 4 ayrı resim için kolaylık açısından 1'den 4 e göre sıralayabilirsiniz.

Daha sonra aşağıdaki görseldeki gibi sayfa üzerindeyken sağa tıklayıp incele seçeneğini açıyoruz.

Konsola aşağıdaki kodumuzu yapıştırıp enter'a basıyoruz.
(web tarayıcınızdan f12 ye basarak kısa yoldan da erişebilirsiniz.)

Not: 4 resim için de aynı işlemi yapınız.

document.getElementsByName("file_type")[0].value = 11;

Bu işlemden sonra profilinize geçin, ve "Profilini Düzenle" butonuna tıklayın.
Vitrininizi açın ve resimlerinizi yerleştirin.

Sonuç olarak vitrin görüntüsü aşağıdaki gibi olacaktır :)




ENGLISH






Note: First of all, the workshop showcase editing page was first shared on this page. to see it
Click here !

The Steam Workshop offers you to visually share only 4 separate parts in your vitrine. We will carry out our design according to this system.

This is the formation for it ;


Uploading Images


  • Do this proccess with internet browser.

First , we will open uploading page ;
Uploading Page

For to make it easier name your files 1 from 4 . This will make it easy.

Then we will open this link and we will open console again . You can do it shortly by ''F12''.
Like this ;



Note : Do this proccess for 4 file. You must do it 4 time .
This is the code what you will paste in console ;
document.getElementsByName("file_type")[0].value = 11;

After go your Profile>Customize Profile>Showcases>Workshop Showcase
then set up your files nicely it will be like this ;


Steam Grubumuz/Steam Group
Gurubumuza Davetlisiniz.


Grup Linki

Size faydamız dokunduysa lütfen oylarınızla ve yorumlarınızla bunu belirtmeyi unutmayın.

Profil Adresimizi Ziyaret Etmek İsterseniz Tıklayın! ''Ghetto'' - Yaratıcı


''Grubumuzu ziyaret etmeyi unutmayın! ''

ENGLISH


You are invited to our steam group.

Group Link

If you liked it and if we helped to you please leave a comment and follow us.


Click here to see our profile! ''Ghetto'' - Creator

''Do not forget to visit our community group! ''
142 Comments
EXA-55 3 Feb, 2022 @ 12:08am 
Selam arkadaşlar, hareketli olan bir arkaplanımıza göre gifi kesen bir site biliyor musunuz?
ÇAKIR 27 Aug, 2020 @ 4:31pm 
Abi merhaba ben profilimi değil de pp'imde ufak bir değişiklik yapmak istiyorum https://prntscr.com/u75pam mesela şunun gibi
Simsar 25 Jun, 2020 @ 1:38am 
guncel kod
Simsar 25 Jun, 2020 @ 1:38am 
document.getElementsByName("image_width")[0].value = 1000;
document.getElementsByName("image_height")[0].value = 1;
☁️DUDE‏‏ツ ? 12 Dec, 2019 @ 9:56am 
Güncel kodları verebilirim eklemeniz yeterli.
kurdish_king72 18 Nov, 2019 @ 11:13pm 
Hortlatmış gibi olmayayım ama ben çizimimi yüklüyorum atölye vitrininde gözükmüyor çözümü nedir acaba ben mi yanlış yapıyorum ?
Mixelsion 14 Aug, 2019 @ 12:54pm 
Teşekkürler. Ek bilgi olsun; verdiğin kodla görsel veya giflerde kırık simge çıkıyor. Yalnızca son kodu $J('[name="visibility"]').val("0") kullanırsan Dota 2 simgesi görsel veya gifler üzerinde görünecektir. Örneği profilimde mevcut. Veya ilk 2 kodda bulunan 241100 sayısını kutuphanenizde bulunan ve atölye özelliği olan bir oyunun numarası ile değiştirirseniz o oyunun simgesi görsel veye gif üzerinde yer alacaktır.
Ghetto  [author] 12 Aug, 2019 @ 7:03am 
Merhaba Steam atölye vitrini güncellendiği için eski kod çalışmıyor sanırım yeni 5 li vitrine göre yapmanız gerekenler

(Google Chome ile giriş yapın)

1. aşama http://steamproxy.net/workshop/edititem/570/11

Yukardaki linkten giriş yapın.

2. aşama konsolu açıp alttaki kodu konsola yapıştırın ( her görsel yükleme işlemi için )

$J('[name="appid"]').val("241100 ");$J('[name="consumer_app_id"]').val("241100 ");$J('[name="visibility"]').val("0")

3. aşama için profili düzenleden tekrar aynı şekilde yerleşimi sağlayabilirsiniz.

@Ned Stark ☪ @Mixelsion @riasama
Ned Stark 12 Aug, 2019 @ 3:44am 
atölye vitrinide hata veriyor
Mixelsion 17 Jul, 2019 @ 1:35am 
Hocam atölyede hata veriyor