Сделать картинку фоном

Добрый день, друзья.
Вроде бы банальная задача : Сделать картинку фоном, но я забуксовал.
В файербаге получилось это сделать - см. скрин https://yadi.sk/i/qdfGV3LGzkDG4 .
Но найти этот файл index.php#2 (строка 92) я не могу
Шаблон - Протостар. Сайт на локальном сервере.

 

Это в стилях надо прописывать. Надо найти нужный файл css, скорее всего в папке соответствующего шаблона. И там воспользоваться атрибутом background-image: http://www.w3schools.com/cssref/pr_background-image.asp
Вот похожая тема смотрю была: https://joomla-support.ru/thread/44681/

 

Спасибо, через пару часов вернусь домой , попробую поискать этот файл CSS.

 

У ВАс ведь Простостар. Файл стилей по умолчанию находится - \корневая папка с сайтом\templates\protostar\css\template.css

 

В Простостаре. Поиском по файлу \templates\protostar\css\template.css
css найдите body.site.fluid для резинового шаблона.

Код (css):

1. body.site.fluid {
2.     background: url("/images/3.jpg") no-repeat;
3.     background-size: 100%;
4.     background-attachment: fixed;
5.     background-color: #000000;

Сюда не надо лазить файл index.php
Для фиксированного шаблона body.site контейнер, ниже


Как шапку сделать:
Шапку на сайте под управлением joomla можно сделать несколькими способами. Поставить большую картинку на логотип сайта. В менеджере шаблонов графа логотип. Ставим картинку, указав ее.

Шапка делается еще по другому. Создаем новый модуль HTML-код, задаем ему позицию 1. Или выбираем какую позицию надо. В нем выбираем картинку (думаю уже знаете как сделать это) для шапки на сайте. Задаем размер изображения. Задаем размер больше. Чтоб шапка была во всю ширину окна браузера. Имейте в виду ширина шапки для резинового шаблона должна быть больше, чем для фиксированного.

Как сделать шапку сайта.

Третий способ посложней. Делаем шапку на сайте прописав картинку в css шаблона. Пример на шаблоне protostar.

Идем шаблон, папка css, файл css. Открываем его редактором. Находим строку body.site (поиском найдите) для резинового шаблона.



body.site.fluid строка для фиксированного шаблона.

Код (css):

1. body.site {
2. background: url("/images/fon/1.png") no-repeat;}

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

Вот код еще. Добавлены полоски по краю окна браузера.

Код (css):

1. body.site {
2. border-top: 3px solid #606060;
3. padding: 20px;
4. background: url("/images/21.jpg") repeat-x,url("/images/21.jpg") repeat-y,url("/images/21.jpg") repeat-y right 1px,
5. url("/images/88.jpg");}

Картинка на шапку в примере выше 88.jpg, лежит в папке images. Сами пропишите, где у вас картинка лежит. Не забывайте расширение изображения прописывать.

Можно от центра страницы сделать шапку сайта.

Код (css):

1. body.site {
2. background: url("/images/fon/glavnaia.jpg") no-repeat center;
3. background-size:100% auto; }

Если на весь фон картинку надо поставить, фиксированный шаблон внутренняя картинка body.site.fluid .

body .container наружная картинка:

Код (css):

1. body.site.fluid {
2. background: url("/images/priroda.gif") no-repeat;
3. background-size: 100%;
4. background-attachment: fixed;
5. background-color: #000000;

На резиновый пишите в body.site.

 

Спасибо за помощь, друзья!