- Языки
- Русский
- Платформа сайта
- GameStores
RUSTFORGE
Тема для магазина GameStores в стиле Rust
Тёмное «индустриальное» оформление, широкий магазин, панель серверов, таймер вайпа, удобные окна покупки и пополнения баланса — всё ставится за 5 минут без хостинга и сборки.
Тема для магазина GameStores в стиле Rust
Тёмное «индустриальное» оформление, широкий магазин, панель серверов, таймер вайпа, удобные окна покупки и пополнения баланса — всё ставится за 5 минут без хостинга и сборки.
Демо: umbrella-rust.gamestores.app
▌ Что это
RUSTFORGE — это CSS + JS для раздела «Внешний вид → Продвинутая конфигурация» GameStores. Тема меняет внешний вид и добавляет функции, но не трогает работу магазина: каталог, оплата, выдача, корзина и профиль остаются штатными. Отключили тему — магазин вернулся к стандартному виду.
Стиль — как игровое меню Rust: графитовые панели, ржаво-красные кнопки, оливковые цены и онлайн, «опасные» жёлто-чёрные полосы, шрифт Oswald и тлеющие искры на фоне.
▌ Главная страница
- Большой баннер с заголовком, текстом, кнопками, тегами режима (Max 3, x2 / x5…) и своей картинкой.
- Таймер до вайпа: каждую неделю, первый четверг месяца или точные даты; после вайпа — «Вайп прошёл — заходи!».
- Панель «Наши серверы» вместо виджета мониторинга: статус, онлайн, полоска заполненности, кнопки «Скопировать IP» и «Карта». При наведении на полоску — подсказка «Играют / Подключаются / В очереди».
- Общий онлайн всех серверов под шапкой и в подвале.
- Бегущая строка-объявление над сайтом — игрок может закрыть, тема запомнит.
- Кнопки соцсетей: Discord, Telegram, VK, YouTube, Steam.
▌ Магазин
- Широкий магазин (до 1880 px или на весь экран), без пустых полей по бокам.
- Категории колонкой у левого края, прилипают при прокрутке; иконки подбираются автоматически по названию (оружие, ресурсы, одежда, наборы, кейсы…). Можно вернуть кнопками сверху.
- Счётчик товаров, избранное ★ и сортировка: по цене, по названию, со скидкой. Сортировка не ломает поиск и категории платформы.
- Ярлыки «Хит», «Новинка», «VIP» на нужные товары.
- Горячая клавиша / — сразу в поиск.
- Карточки без «прыжков» при наведении: блик и лёгкое увеличение картинки, сама карточка стоит на месте.
▌ Окна покупки и пополнения
- Все окна одного размера и строго по центру: товар, набор, пополнение баланса.
- Две колонки: слева витрина товара или весь состав набора без прокрутки («Состав набора · 14 предметов»), справа панель покупки.
- Быстрые кнопки количества ×1 / ×5 / ×10 / ×50 — учитывают «пачку» товара (если товар идёт по 4 шт., ×5 = 20 шт.).
- Строка «Итого», крестик в углу, закрытие по Esc.
- Пополнение баланса: крупно текущий баланс, быстрые суммы (100 / 300 / 500 / 1000 / 2500), подсказка; зелёная кнопка «Пополнить». В профиле на карточке баланса — своя кнопка «Пополнить».
- Сайт не дёргается при открытии окон — полоса прокрутки не пропадает.
▌ Профиль и подвал
- Оформлены профиль, корзина и история: таблицы без горизонтальной прокрутки, начисления зелёным, списания красным.
- Свой подвал на всех страницах, включая профиль: название проекта, описание, онлайн, соцсети, колонки «Навигация / Игрокам / Документы», копирайт и юридический текст платформы. Ссылки собираются автоматически из меню и подвала GameStores.
▌ Готовые страницы и виджеты
В комплекте 4 статичные страницы и 10 виджетов — вставляются в редактор страниц GameStores как HTML. Скрипты в страницы вставлять не нужно: вся логика уже в теме.
- Страницы: Правила (во вкладках, с наказаниями), Как начать (шаги, IP с копированием, FAQ), Вайп (таймер, онлайн, расписание), Привилегии (сравнение VIP / Premium / Elite).
- Виджеты: плашки-уведомления, таймер вайпа, карточки серверов с копированием IP, вкладки, FAQ-аккордеон, счётчик онлайна, сравнение привилегий, шаги, список правил, сетка карточек.
▌ Адаптив и качество
- Экраны от 320 до 1920+ px. На телефоне — удобное меню, категории лентой, окна почти на весь экран с кнопками внизу.
- Видимый фокус для клавиатуры, учёт настройки «уменьшить движение» (искры и анимации отключаются).
- Тема не нагружает страницу: в покое обновляется только таймер раз в секунду.
- Проверено на живом магазине: главная, страницы, поддержка, профиль, корзина, история, все окна — без горизонтальной прокрутки и ошибок в консоли.
▌ Настройка
Всё, что нужно менять, — в объекте
CONFIG в начале theme.js: тексты, ссылки, вайп, раскладка. Цвета, шрифты и размеры — переменные в начале theme.css. Каждый блок включается и выключается одной строкой.
JavaScript:
layout: {
width: 1880, // ширина сайта; 0 — на весь экран
categories: 'side', // 'side' — колонкой слева | 'top' — кнопками сверху
monitoring: 'top', // 'top' — панель «Наши серверы» | 'sidebar' — как у платформы
sidebar: 'right' // остальные виджеты: 'right' | 'left' | 'bottom' | 'hidden'
},
wipe: {
utcOffset: 3, // МСК
schedule: [
{ type: 'weekly', day: 4, hour: 18, minute: 0 }, // каждый четверг 18:00
{ type: 'monthly', day: 4, hour: 22, minute: 0 } // первый четверг месяца 22:00
]
},
platformBanner: false, // баннер платформы над шапкой
hero: { enabled: true, ... }, // большой баннер
announce: { enabled: true, ... }, // бегущая строка
CSS:
--rf-accent: #cd412b; /* кнопки и акценты */
--rf-green: #6f8f2e; /* цены, онлайн, баланс */
--rf-gold: #d9a441; /* ярлыки */
--rf-cats: 230px; /* ширина колонки категорий */
--rf-card-min: 178px; /* ширина карточки — сколько товаров в ряд */
--rf-modal-w: 1000px; /* ширина окон */
--rf-modal-h: 600px; /* высота окон */▌ Установка
- Сохраните копию текущего оформления.
- Панель GameStores → Внешний вид → Продвинутая конфигурация.
- В поле CSS вставьте
theme/theme.css, в поле JavaScript —theme/theme.js. Сохраните. - Откройте магазин и обновите страницу с Ctrl+F5.
- По желанию создайте страницы из папки
pages/(инструкция внутри).
README.md архива.▌ Что в архиве
Код:
RUSTFORGE/
├── README.md установка и все настройки
├── theme/
│ ├── theme.css стили
│ └── theme.js функции + CONFIG
├── pages/ 4 готовые страницы + инструкция
├── widgets/ 10 виджетов + описание атрибутов
└── preview/ локальное превью без магазина▌ Требования
- Магазин на GameStores со стандартным шаблоном.
- Для панели серверов и онлайна — включённый виджет «Мониторинг» (тема его прячет и показывает данные в своём оформлении).
- Хостинг, Node.js и сборка не нужны.
▌ Поддержка
Вопросы и пожелания — в обсуждении ресурса. Если GameStores обновит разметку магазина, тема будет обновлена.
Rust — товарный знак Facepunch Studios. Тема не связана с Facepunch Studios и GameStores.
