 |
CLANGAMING.Net
Българският портал за CS 1.6
|
| Предишната тема :: Следващата тема |
| Автор |
Съобщение |
AetheldredaBG
Главен Администратор
Регистриран на: 14 Сеп 2026
Мнения: 15
Местожителство: София, България
|
 Пуснато на: Сря Сеп 16, 2026 11:02 pm Заглавие: Урок: Как да направим phpBB2 форума с ширина 1400px |
 |
|
Урок: Как да направим phpBB2 форума с ширина 1400px
Тема: subSilver • phpBB 2.x • CLANGAMING.NET
Внимание: Този урок е писан специално за CLANGAMING.NET. Копирането, препубликуването или разпространението му без знание и съгласие на администрацията на CLANGAMING.NET не е позволено.
Какво ще постигнем:
Форумът ще се центрира на екрана и няма да се разтяга повече от 1400 пиксела. На по-тесен монитор ще остане 100% от ширината на прозореца.
- Работи за всички страници на форума (индекс, теми, профил и т.н.)
- Администраторският панел не се пипа
- Нужни са 2 малки промени в един файл
Стъпка 1 — Направи резервно копие
Преди да пипаш каквото и да е, копирай файла на сигурно място:
| Код: | | templates/subSilver/overall_header.tpl |
Ако нещо се обърка, връщаш този файл и форумът е както преди.
Стъпка 2 — Отвори шаблона на хедъра
Отвори файла:
| Код: | | templates/subSilver/overall_header.tpl |
Това е файлът, който държи и CSS стиловете, и външната таблица на целия форум.
Стъпка 3 — Добави CSS за максимална ширина
Намери този ред в секцията <style>:
| Код: | | hr { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;} |
Директно под него добави:
| Код: | /* Максимална ширина на форума */
table.bodywrap {
width: 100%;
max-width: 1400px;
margin-left: auto;
margin-right: auto;
} |
Какво прави този код:
- width: 100%; — на тесен екран форумът заема цялата ширина
- max-width: 1400px; — на широк екран спира на 1400 пиксела
- margin-left / margin-right: auto; — центрира форума по средата
Стъпка 4 — Сложи класа на външната таблица
Потърси в същия файл този ред (той е малко след <body>):
| Код: | | <table width="100%" cellspacing="0" cellpadding="10" border="0" align="center"> |
Замени го с:
| Код: | | <table class="bodywrap" width="100%" cellspacing="0" cellpadding="10" border="0" align="center"> |
Промяната е само една: добавя се class="bodywrap". Без този клас CSS-ът от Стъпка 3 няма да се приложи.
Стъпка 5 — Запази и провери
- Запази файла overall_header.tpl
- Отвори форума в браузъра
- Натисни Ctrl + F5, за да се презареди без стар кеш
- На широк екран съдържанието трябва да е центрирано и да не минава 1400px
Стъпка 6 (по желание) — Същият стил и в subSilver.css
По подразбиране phpBB2 ползва стиловете вътре в overall_header.tpl. Ако някой ден включиш външния CSS файл, добави същото и там:
Файл:
| Код: | | templates/subSilver/subSilver.css |
Код (същите правила, само цветовете са фиксирани):
| Код: | table.bodywrap {
width: 100%;
max-width: 1400px;
margin-left: auto;
margin-right: auto;
} |
Как да сменя ширината по-късно
Ако искаш друга максимална ширина, сменяш само едно число на двете места (ако си правил и Стъпка 6):
Примери:
- 1200px — по-тесен форум
- 1400px — текущата настройка
- 1600px — по-широк форум
Често срещани грешки
- Добавен е CSS, но не е сложен class="bodywrap" на таблицата — ширината няма да се промени
- Редактиран е грешен файл или грешен стил (например само admin шаблонът)
- Браузърът показва старата версия — направи Ctrl + F5
- Променен е width="100%" на width="1400" в HTML — това не е правилното решение, защото на тесен екран ще излиза хоризонтален скрол
Авторски права
Този урок е писан за CLANGAMING.NET.
Копирането му без знание и съгласие не е позволено.
_________________
CLANGAMING.Net Administrator
Гейминг общност & Уеб разработки
Гледайте ни в Twitch: AetheldredaBG |
|
| Върнете се в началото |
|
 |
|
|
Не Можете да пускате нови теми
Не Можете да отговаряте на темите
Не Можете да променяте съобщенията си
Не Можете да изтривате съобщенията си
Не Можете да гласувате в анкети
|
|
Въпроси/Отговори
Търсене
Потребители
Потребителски групи
Регистрирайте се
Профил
Влезте, за да видите съобщенията си
Вход
