Кожен може дати власну відповідь на це питання, проте основна мета такого функціоналу - це допомогти іншим користувачам щодо того чи іншого питання, пов'язаного з певною грою та іншим продуктом в Steam. А іноді не тільки в Steam, але про це якось пізніше.

В нашому випадку це також додатковий інструмент допомоги своїм співвітчизникам/громадянам/однодумцям (й тому подібні вислови), оскільки на щастя, Steam виокремлює українську мову серед інших світових мов.

(це закид в сторону тих компаній/сервісів/сайтів, які досі не створили українську версію свого сайту тощо)

---

Також варто зазначити певні пункти, які впливають взаємодію зі Steam посібниками, яких НЕМАЄ У ВАШІЙ БІБЛІОТЕЦІ:

Перш ніж перейти до пояснення певних деталей посібника, необхідно уточнити щодо певних обмежень:

• Максимальна кількість символів, яка може бути в описі посібника та у його розділах — 8000
  
  
• Символи BB-кодів теж враховуються
  
  
• Будь-які інші посилання теж враховуються до обмеження у символах
  
  
• Можна додавати зображення лише формату JPG (JPEG), PNG та GIF. Власні відео, на жаль, не підтримуються
  
  
• Файл не повинен бути більш ніж 2 Мб, а також при додаванні зображень (та ґіфки) купкою, необхідно щоб сукупний розмір цих зображень не перевищував 8 Мб
  
  
• Steam надає можливість створити посібник лише однією з 28 мов, хоча раніше надавався функціонал вибрати будь-яку бажану кількість мов
  
  
• Звісно, завдяки певним скриптам, користувач може обійти ці обмеження, однак в результаті може трапитись таке, що Steam заблокує або приховає цей посібник з відкритого доступу

Перш за все варто зазначити, що форматуючи текст, важливо, щоб край однієї функції не пересікався зі краєм іншої. Інакше результат буде геть некрасивий.

До того ж воно здатно впливати на більшість інших функцій та зламати їх.

---

Стандартно-класичні функції, знайоме всім та кожному, а також вони розміщуються найпершими:

• [b]Жирний текст[/b] — Жирний текст
  
• [i]Курсивний текст[/i] — Курсивний текст
  
• [u]Підкреслений текст[/u] — Підкреслений текст
  
• [strike]Перекреслений текст[/strike] — Перекреслений текст

Жирно-курсивно підкреслено-закреслений текст

---

Із заголовками виходить досить цікава ситуація. Steam підтримує заголовки трьох порядків:

• Заголовок першого
• Заголовок другого
• Заголовок третього
• [h4]Заголовка четвертого немає[/h4]

Хоча надає кнопку тільки першого, а решту доводиться писати/змінювати вручну.


До того, оскільки це заголовки, то вони завжди а подальший текст ще з наступного. Навіть якщо на редагуванні це був
Заголовки можна редагувати вищезгаданими форматами:


Однак варто врахувати, яка функція прописується для заголовка - для тексту заголовка чи самого заголовка, бо Steam видає дещо різні результати:


Різниця візуальна й часто не дуже суттєва, але просто візьміть це до уваги.

---

Завдяки кодам [list] та [olist] можна створити як рівноцінні, так і послідовні списки відповідно. Головне - не забувати, який код закривається.


Зауважте, що відступ у послідовного списку суттєво більший, ніж у звичайного.

Також не обов'язково користуватись послідовним списком, щоб створювати підпункти та підпункти підпунктів - достатньо просто застосувати список всередині списка.


Також можна скористатись функціональном списків без застосування самих списків, а саме: Крапки та Відступи.

Для застосування крапки необхідно прописати [*] і все, проте це буде максимум список першого порядку і кожна крапка буде з нового рядка.

Для відступа достатньо застосувати код списку, але вже БЕЗ крапок.


Досить зручна штука у разі, якщо виникне необхідність центрування або просто відділити текст від краю, без застосування символу порожнечі U+2800 (⠀).

---

Переводить коди всередині у звичайний текст, завдяки чому можна було зробити звичайний приклад:

[b]Тут мав бути жирний шрифт[/b]

І так, NOPARSE може скасувати інший NOPARSE всередині нього:

[noparse][b]Цей уривок заноупарсили, лол[/b][/noparse]

Функція [spoiler] дозволяє приховати частину тексту, щоб користувач міг розгледіти її, навівши курсором на чорний розділ:

Спо́йлер (англ. spoiler від англ. to spoil — псувати, заважати) — спеціальний елемент (або набір елементів) в автомобілі, що змінює аеродинамічні властивості кузова автомобіля, перенаправляючи повітряні потоки з метою зменшення аеродинамічного опору автомобіля, збільшення притискного зусилля, зменшення схильності до забруднення автомобіля під час руху. Спойлери можуть також використовуватись як елементи стилізації вигляду авто.

Найкраще працює зі звичайним текстом, оскільки його застосування із практично будь-якої іншою функцією результат виходить дещо незручний:

---

https://psteamproxy.yuanyoumao.com/app/2087030/Shatterline/

---

Ко-ко-ко-ко-ко

---

І так далі й тому подібне.

Щоправда, ховати спойлер всередині спойлера не раджу — в результаті можна сформувати все так, що внутрішній спойлер не вдастся відкрити. І тоді який в цьому сенс?

Посилання на інші ресурси можна поділити на 4 типи:


В такому випадку Steam просто робить з нього клікабельний текст, який також може відкрити у внутрішньому вікні (якщо використовуєте ПК-клієнт Steam).

Наприклад — Сторінка Elden Ring у Steam


Оскільки абсолютна більшість населення планети знає, що таке Youtube, тому немає необхідності додатково пояснювати, чому Steam підтримує нативне програвання відео на сторінці тощо.

До речі, Steam може показувати Youtube відео у 2 форматах:

• з назвою та описом
  
• одразу клікабельне відео

https://www.youtube.com/watch?v=vgXQSmjUOE4


В такому випадку після тексту додається основний домен, щоб користувач міг завчасно дізнатись, на який інший ресурс він переходить.

Наприклад — українська головна сторінка Вікіпедії[uk.wikipedia.org]


Це може бути лінія редіректів на сумнівні, незахищені сайти або ті, що можуть будь-яким чином чомусь/комусь нашкодити. В таких випадках сервіс або модерація Steam можуть вилучити посилання з тексту і користувач побачить приписку {ПОСИЛАННЯ ВИЛУЧЕНО}

Чи отримає автор такого посібника якийсь штраф/обмеження/блокування за вставляння подібного підозрілого посилання — мені не відомо і перевіряти на собі не маю бажання.

---

Steam посібники нативно підтримують наступні посилання:

https://psteamproxy.yuanyoumao.com/app/730/CounterStrike_Global_Offensive/
https://psteamcommunity.yuanyoumao.com/sharedfiles/filedetails/?id=3030482682
https://psteamcommunity.yuanyoumao.com/sharedfiles/filedetails/?id=3427227400
https://psteamcommunity.yuanyoumao.com/sharedfiles/filedetails/?id=2935202203
https://psteamcommunity.yuanyoumao.com/games/TF2/announcements/detail/3650784879013153980?snr=2_9_100003_
https://psteamcommunity.yuanyoumao.com/sharedfiles/filedetails/?id=2963550447
https://psteamcommunity.yuanyoumao.com/sharedfiles/filedetails/?id=2816848947

Все інше, якщо щось не проґавив, вставляється лише у вигляді клікабельного тексто-посилання:

https://psteamcommunity.yuanyoumao.com/id/FIRUIN/

Просто горизонтальна лінія, більше нічого. Розширяється доти, доки їй дозволяють, тобто вона не буде розширювати собою інші елементи, такі як...

---

Створюються кодом [quote]. З їх допомогою можна виокремити певну цитату та приписати її певному персонажу (якщо читач розуміє, хто, що, де і так далі).

У разі вказання авторства [quote=автор], виникає допис зверху (Цитата допису):

引用自 Леонід Кучма：

Це ж було вже...

---

Втім, за бажання, цитату можна просто перетворити на красиве синє обведення:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum

Це типу табличка така красивенька, яку я чомусь вирішив сюди вставити просто для прикладу того, що деяких функціонал передбачає певне використання лише у тих випадках, якщо сам автор вирішить так її застосувати, а не ніяк інакше, бо інакше тоді виходить кумедна або просто дивна ситуація, через що ця функція застосовується взагалі не для тих речей і тому подібне

Класний спойлер до речі

---

Створюється кодом... окей, кодом [code] та функціально схоже на вищезгаданий [quote], за винятком того, що воно змінює шрифт, а також розтягується на всю ширину посібника (замість адаптивного у quote):

Складається з поєднаннях трьох елементів:

1. [table] — початок та кінець таблиці
   
2. [tr] — створення рядка
   
3. [td] або [th] — створення стовпця

Таким чином навіть таблиця на 1 комірку виглядатиме наступним чином:

[table]
[tr]
[td][/td][/tr][/table]

Важливо, щоб всі 3 елементи були, бо інакше не буде ніякої таблиці без рядка чи стовпця.

В довідці, яку люб'язно надає сам Steam вказано, що існують 2 підфункції, які повинні покращити посібник та надати більше функціоналу взаємодії з таблицею:

• [table noborder=1] — приховує межі таблиці
  
• [table equalcells=1] — розтягне таблицю на всю ширину екрана, робить стовпці однакової ширини

Однак обидва цих елементи не працюють вже КІЛЬКА РОКІВ, проте досі залишились в довідці Steam. Просто знайте, що Steam настільки байдуже, що навіть трапляються такі моменти.

Через це можуть виникнути досі цікаві проблеми, особливо якщо виходить нерівномірність тексту у певних стовпцях, а хочеться саме рівномірного розподілення, як би це було з «equalcells=1»


Але, якщо виконати певний трюк, можна зробити наступне:


Як це вдалось? Все насправді досить просто та елегантно:

1. Створююєте у фоторедакторі макет довжиною в умовні 700-800 пікселів, та висотою у всього кілька пікселів (наприклад 5)
   
2. Зафарбовуєте його кольором фону посібника (1b2838)
   
3. Додаєте це зображення до посібника та вставляючи це зображення балансуєте кількість ТЕКСТУ в комірці. А заодно і саме розширення комірки. Детальніше про це у розділі «Зображення та Відео»

Фунція [th] від [td] відрізняється тим, що робить текст в комірці жирним, а також автоматично зсовує його до вершини комірки.


Також варто зробити зауваження, що [tr] та [td] досить чутливі до будь-яких сторонніх знаків поміж ними:

• поміж [tr] та [td]
  
• і поміж [/td] та td (не навпаки)

Тобто все, що не є пробілом або переносом.
Наприклад, написавши будь-яку літеру, символ, символ порожнечі чи навіть прописавши код відступу, ви можете змістити клітинку на один стовпчик вправо.


Чи є з цього користь? Практично ніяка, проте щось можна вигадати.

Але наступний трюк дещо простіший, зрозумілий та корисніший:

• якщо зробити відступ поміж {/tr} та {tr}, то таким чином зробиться відступ на весь рядок пропорційно кількості рядків відступу

Наприклад можна зробити таким чином:


І це все ще одна суцільна таблиця — ось та біла паличка це функція горизонтальної лінії (з початку попереднього розділу). І так, вона розширилась виключно до кінця першого стовпчика, оскільки пропуск йде відповідно першої комірки у рядку і всі подальші йдуть після неї.

Таким чином можна зробити видимість кількох таблиць, економлячи трохи місця, а також зберігши ширину, якщо вона завчасно прорахована із надтонким зображенням (зі зразку вище).

---

Додаткова деталь для редакторів — переніс на новий рядок не впливає на фунції. Це впливає тільки на те, наскільки воно може бути читабельним для вас. Наприклад одна суцільна лінія:

[table][tr][td][list][*]Крапка1[*]Крапка2[/list][/td][/tr][/table]

Без «noparse» виглядатиме наступним чином:

До посібників Steam можна додавати:

• Власні зображення
  
• Знімки екрана (важливо, щоб вони були виконані саме через функціонал Steam та були опубліковані для загального доступу)
  
• Відео з Youtube (якщо користувач додав їх до відповідного розділу гри)

В існуванні останніх 2 функцій практично немає сенсу, оскільки перша пов'язана саме з тими скріншотами, що були зроблені через F12 Steam, а друга практично дублює наявну кнопку «Вставити відео з Youtube».

Тому варто зосередитись на власних зображеннях.

Як і зазначалось раніше, користувач може завантажити зображення формату JPG/JPEG, PNG та GIF, і щоб файл при цьому був менший за 2 Мб.

Якщо файл, який ви хочете завантажити, більший за 2 Мб, то або стисніть його на сайтах, що конвертують зображення, або зробіть це самі через Photoshop чи будь-який інший подібний редактор. У разі, якщо у вас є ціла папка з зображеннями і вам дуже ліньки конвертувати кожну окремо, то у Photoshop:


Перш ніж вставляти додане зображення, варто визначитись із його параметрами розміщення, а саме:


З власного досвіду можу сказати, що в абсолютній більшості випадків вам знадобиться хіба що варіант "посередині", а за правим краєм - досить рідко і у певних випадках, але про це пізніше.

Більш важливим є розмір подальшого зображення:

• півширини — насильно розширює зображення до половини ширини посібника, має найвищий пріоритет
  
• уся ширина — розширює/звужує зображення на всю ширину посібника, має другий пріорітет
  
• оригінальний розмір — встановлює зображення відповідно його оригінальному розміру, але не більше, ніж ширина посібника, має другий пріорітет

Не дарма я вказую на умовний "пріорітет" розміщення, оскільки це здатно вплинути на розміщення інших зображень - все через те, як саме система їх розміщує:

• півширини — буквально забирає собі половину ширини посібника
  
• уся ширина — розширюється зі своєї позиції, допоки не натрапить на межу посібника або край іншого зображення, аналогічного чи вищого пріорітету (півширини)
  
• оригінальний розмір — намагається компактно облаштуватись в певних межах, допоки не натрапить на межу посібника або край іншого зображення

Наприклад, ця таблиця нижче має 3 комірки, кожна з яких має зображення спойлера на півширини. І ви не бачите третю саме тому, що перші дві примусово забрали собі по половині ширини посібника, а третя "заховалась" за його межу, проте Steam не передбачає можливість прокрутки таблиць чи щось подібне.


У випадку нижче зображення вже вставлялись на всю ширину. А оскільки їх розширення йде з центра у всі 4 сторони, то вони розширюються доти, доки не натраплять на якийсь якрай - посібника чи іншого зображення. Таким чином вдається створити рівноцінні комірки.


За бажання це можна повторити з більшою кількістю комірок, однак практичне застосування цього досить сумнівне.


Також варто звернути увагу, що ширина посібника Steam становить 636 пікселів, а тому практично будь-яке зображення, що має більшу ширину, легко натрапить на ті самі «інші краї». А тому вибір розмір «оригінальний» для таких практично не відрізняється від «на всю ширину».

А тому формат «на всю ширину» може бути корисний тільки для зображень малої роздільної здатності. Наприклад, 150x150.




Цікаво ще те, що формат «півширини» не здатно розширити зображення до половини ширини посібника, на відміну від «на всю ширину»:

---

Код вставки зображення вигладяє наступним чином:
[previewicon=33278922;sizeThumb,inline;150x150.jpg][/previewicon]

• previewicon= № зображення в базі даних Steam
  
• size = розмір
  
• inline, floatRight, floatLeft = вирівнювання за краєм
  
• 150x150.jpg = назва файлу

Насправді більша частина цих даних вам не знадобиться і їх можна стерти до прикладу:

[previewicon=33278922;][/previewicon]

Просто в такому випадку спрацюють стандартні налаштування розміщення відповідно його розміру, а також "прискорення розширення" у нього приблизно в 3-4 більша, ніж у звичайного «на всю ширину».

• Зліва — [previewimg=33268298;][/previewimg]
  
• Справа — [previewimg=33268298;sizeFull,inline;spoiler.jpg][/previewimg]

Також видалення метаданих дуже важливе, якщо ви використовуєте безпосередні скріншоти зображень і при цьому не попіклувались завчасним перейменуванням зображенням, наприклад з:


Наприклад ось ця назва зображення зверху має 78 символів. А тепер уявіть собі 10 таких зображень в посібнику — і ви отримаєте 780 символів, які нічого особливого не роблять і лише займають місце.

А це вже 10% від максимальної кількості символів в розділі — пам'ятайте це.

---

Всі ці прийоми та елементи так само працюють на зображеннях іншого формату — PNG та GIF. Перший принаймні дозволяє додатково зіграти із прозорістю, а другий надає рухливу картинку. Втім у GIF немає потреби в Steam посібнику, особливо з урахуванням жорсткого обмеженння розміру файлу до 2 Мб. А чому саме — дізнаєтесь в наступному розділі.

Якщо ви навіть не знали про існування відеохостингу Vimeo — і не дивно.
Youtube в цьому питанні абсолютний монополіст.
Проте ви знаєте, що і таке можна.
Навіть якщо це безкорисно.

https://vimeo.com/138202848

---

Корисно для моделерів, не більше.

https://sketchfab.com/3d-models/3d-banana-art-that-wont-cost-you-120k-3010ac5dfcad4d15977517ad16b87a11

---

Пам'ятаєте, де я розписував, що немає потреби у GIF в посібнику Steam, особливо з урахуванням, що треба стиснути його до 2 Мб?

Все тому, що завдяки коду [video] можна додати відео з іншого довіреного сервісу безпосередньо у посібник. Зазвичай воно розтянеться на всю ширину, доки не знайде край посібника або іншого зображення (пам'ятайте з попереднього розділу).

Також відео в такому випадку буде програватись автоматично та на самоповторі, як GIF. І при цьому без звуку, навіть якщо у цього самого відео є звукова доріжка:

[video mp4=пряме посилання на відео][/video]

Наприклад для цього може чудово підійти сервіс Imgur:
[video mp4=https://i.imgur.com/8Bs5sp7.mp4][/video]



А тому, якщо вам потрібно показати кількасекундний відеофрагмент, завантажте відео на Imgur, дочекайтесь його оптимізації, візьміть пряме посилання на це відео і вставте його в посібник.

Це все були підказки щодо функціоналу Steam, та як найкраще застосувати його.

Підказок щодо того, як краще писати, оформлювати думки й тому подібне, тут не буде. Бо на то все досить проста причина - кожен автор проходить власний досвід написання текстів і, відповідно, треба просто багато практикуватись, щоб створити принаймні читабельний текст.

Не кажучи вже про те, щоб воно захопило, зацікавло або принаймні якісно проінформувало.

Втім, все ж можу надати кілька порад в межах Steam посібника:

• Розділяйте текст на абзаци та відділяйте їх. Нікому не сподобається суцільний лист тексту — розділіть його на кілька абзаців та відділіть їх поміж собою.
  
  Пам'ятайте, у вас є обмеження у кількості символів на розділ, а не по розміру самого розділа (як би це було б із паперовим форматом, умовним A4)
  
  
• Відділяйте текст від зображення та навпаки — це що стосується переважно тексту ПІСЛЯ зображення. Зробіть подвійний пропуск рядка після вставки зображення, щоб текст після нього не виглядав приклеєним до низу зображення.
  
  
• Відділяйте текст від краю таблиці — використовуйте для цього функції [list] та [olist], але без крапок. Пам'ятайте, що ніхто не пише на листкові з самого його краю. І на то все багато причин.
  
  
• Не певні в своєму тексті? Користуйтесь LanguageTool[languagetool.org], яке вкаже на проблеми з граматикою. Та й не тільки.
  
  
• Останнє, проте не за значенням — пишіть про те, що вам подобається, про що справді хочете розповісти й так далі. Не займайтесь щітпостингом, як це робить багато-хто із посібниками в дусі «Як ходити», «Як присідати», «Як запустити гру» і так далі.