วิธีการอัพโหลดรูป Showcase ขนาดยาว [Thai language]

คู่มือง่ายๆ สำหรับการอัพโหลดรูปหรือรูปเคลื่อนไหวขนาดยาว คู่มือนี้ครอบคลุมทั้ง Artwork และ Screenshot shwocases

ต้นฉบับภาษาอังกฤษ Click [long.guide]

โค้ดที่จำเป็น สำหรับการอัพโหลดรูปขนาดยาว

อัพโหลดไปยัง Steam Artwork Showcase

 $J('#image_width').val('1000');$J('#image_height').val('1');

อัพโหลดไปยัง Steam Screenshot Showcase

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

อัพโหลดไปยัง Steam Workshop Showcase

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

อัพโหลด Artwork ได้ง่ายขึ้นด้วย Steam.Design Buttons Chrome Extension

ต้องขอบคุณทีมงาน Steam.design ที่สร้างส่วนเสริมของ Chrome ทำให้เราสามารถอัพโหลด Artwork แบบยาวได้ง่ายขึ้น

　　　　　　　　　　　　　　　Download Steam.Design Extension[chrome.google.com]

หลังจากติดตั้ง Steam.design Extension ใน Chrome แล้ว เมื่อเราทำการติดตั้งจะมีปุ่ม Upload A long Image ขึ้นมาให้กด แค่คลิก 1 ครั้ง ก็ไม่จำเป็นต้องใส่โค้ดใดๆ

เริ่มต้นการอัพโหลด ด้วยการเข้าลิ้งด้านล่าง

http://steamcommunity.com/sharedfiles/edititem/767/3/

จะเห็นได้ว่า เมื่อทำการเลือกรูปแล้ว จะมีปุ่มปรากฏขึ้นมาให้กดทันที

หากต้องการอัพโหลดโดยไม่พึ่ง Steam.Design Extension

ขั้นตอนต่อไปนี้ เป็นวิธีสำหรับการอัพโหลดไปยัง Artwork Showcase โดยไม่ต้องพึ่งส่วนเสริม และการอัพโหลดไปยัง Screenshot Showcase

การอัพโหลดรูปแบบยาวนี้ ความกว้างของรูปไม่ควรต่ำกว่า 506px เพราะจะทำให้รูปไม่อยู่กึ่งกลางของ Showcase

ค่อย ๆ ทำทีละขั้นตอน แบบใจเย็น ๆ นะครับ

1

เข้าลิ้งด้านล่างด้วย Browser ( Chrome หรือ Firefox )

http://steamcommunity.com/sharedfiles/edititem/767/3/

2

เลือกรูปที่คุณต้องการโดยกดที่ปุ่ม Choose file ภาพที่คุณเลือกจะปรากฏที่ด้านขวา

3

คลิกขวาบริเวณพื้นที่ว่างของหน้า แล้วเลือก 'inspect' จากนั้นให้เข้าหน้าต่าง 'Console'

หรือ กดปุ่ม Shortcut ( แนะนำ )

• สำหรับ Chrome : Ctrl + Shift + J
  
• สำหรับ Firefox : Ctrl + Shift + K

สำหรับ Firefox เมื่อเปิด Console แล้ว พิมพ์ allow pasting เมื่อพิมพ์เสร็จแล้วให้ลบออกไป

4

ให้กรอกโค้ดด้านล่างลงไปแล้วกด Enter ( ใช้โค้ดใดโค้ดหนึ่งนะครับ )

• สำหรับอัพโหลดไฟล์แบบยาวลง Artwork Showcase
  

  $J('#image_width').val('1000');$J('#image_height').val('1');

  
  
• สำหรับอัพโหลดไฟล์แบบยาวลง Screenshot Showcase
  

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

  
  
• แถม ! หากต้องการอัพโหลดรูปไปยัง Workshop Showcase
  

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

ต้องใส่โค้ดทุกครั้งที่อัพโหลดนะครับ

ขั้นตอนสุดท้าย

ขั้นตอนสุดท้ายของการอัพโหลด ให้ทำการติ๊กเครื่องหมายถูกหน้าข้อความ "I certify that I created this artwork" แล้วกดปุ่ม "Save and Continue"

เมื่ออัพโหลดเสร็จแล้ว จะมีรูปให้เลือกในกล่อง Showcase แต่รูป Preview จะเป็นขีดดำ ๆ แต่เมื่อเลือกแล้วจะโชว์ preview เป็นรูปให้เห็นครับ

จบไปแล้วกับขั้นตอนการอัพโหลดรูปภาพแบบยาว

- คู่มือนี้ได้เอารูปและแปลมาจาก ต้นฉบับ[long.guide] ที่เป็นภาษาอังกฤษ เพื่อให้คนไทยที่ไม่แข็งภาษาอังกฤษได้รู้ถึงขั้นตอนการติดตั้งนี้ครับ



http://steamcommunity.com/sharedfiles/filedetails/?id=748624905

[ลุงเกอร์ LoveDog]

ความจำของคลาวบนสตีมนิมันเต็มเท่าไรหรองับ อัปโหลดอาร์ตเวิร์ก ง่า