Как изменить ширину шаблона

Бывают случаи, когда веб-мастера должны отредактировать шаблон, а именно его ширину. Это необходимо выполнять по разным причинам, но чаще всего готовый дизайн подлежит каким-либо изменениям, потому что он не подходит под индивидуальные требования заказчика. Если вы не в курсе как выполняется этот процесс, то предлагаем вам ознакомиться со статьей, приведенной ниже.

В качестве тренировочного материала, предлагаем вам воспользоваться немного узковатым шаблоном, который нам нужно расширить где-то до 200 пикселей.

Прежде всего, открываем первую страницу сайта и клацаем правой кнопкой мыши по экрану. Теперь перед нами открывается исходный код HTML, с которым нам нужно поподробнее познакомиться. Конкретно нам нужен код самого начала веб-ресурса. Он называется блок body, и именно поисками такого тега мы и должны заняться.

После того, как он был нами найден, перед нами открывается несколько блоков, у каждого из которых есть свой класс. С их использованием мы можем посмотреть изнутри любые Joomla шаблоны, а именно их содержимое.

Перед нами стоит главная задача: определить, в каких именно блоках содержаться параметры ширины шаблона, потому что их может быть несколько.

Любой шаблон содержит такой файл, который называется templates.css. На нужно открыть его, и лучше всего сделать это с помощью WordPad. Нажимаем на пункт правка, а затем пользуемся системным поиском, чтобы найти тот класс, который нам нужен. Если вы зашли туда куда нужно, и вели все необходимые данные, то поиск представит вам в результатах класс Page_bg. В связи с тем, что в нем мы не можем посмотреть ширину, это значит, что он нам не подходит.

Начинаем поиски другого класса.

Следующий результат — pill_m. В нем мы можем прочитать, что текстовое наполнение должно находиться по центру, а в качестве фона выступает изображение menu.jpg. В отличии от предыдущего класса, здесь мы можем увидеть ширину шаблона, которая составляет 718 пикселей. Однако, нам следует проверить и остальные, на всякий случай.

Так как изначально мы хотели расширить наш шаблон на двести пикселей, то теперь его ширина будет составлять 918. После того, как мы вписали новые параметры, не забываем нажать на кнопку. Сохранить.

Практически любой готовый дизайн имеет в своем составе такой класс блоков, который называется maincolum. Он несет ответственность за параметры и размеры центральной колонки, в которой чаще всего располагаются статьи на сайте. Его нам тоже нужно найти.

Когда находим этот класс, то видим, что его ширина составляет 510 пикселей. Его увеличиваем на такое же число пикселей, как и в предыдущем классе, после чего по стандарту сохраняем произведенные нами изменения.

С этого момента, весь материал начинает выводиться. Все основные корректировки в главных блоках, мы совершили.

Каждая тема Joomla довольно легко поддается всем необходимым изменениям. Все, что требуется от вас — детально изучить алгоритм действий и выполнить его в точности так, в каком порядке он выстроен.