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

Discussion in 'Изменение шаблона (кастомизация)' started by evrikas72, Nov 29, 2016.

  1. evrikas72
    Offline

    evrikas72 Недавно здесь

    Joined:
    Sep 15, 2015
    Messages:
    17
    Likes Received:
    1
    Gender:
    Male
    Добрый день, друзья.
    Вроде бы банальная задача : Сделать картинку фоном, но я забуксовал.
    В файербаге получилось это сделать - см. скрин https://yadi.sk/i/qdfGV3LGzkDG4 . smiley.gif
    Но найти этот файл index.php#2 (строка 92) я не могу angry.gif
    Шаблон - Протостар. Сайт на локальном сервере.
     
  2.  
  3. Offline

    Гонсалес Пользователь

    Joined:
    Oct 25, 2016
    Messages:
    64
    Likes Received:
    4
    Gender:
    Male
    evrikas72 likes this.
  4. evrikas72
    Offline

    evrikas72 Недавно здесь

    Joined:
    Sep 15, 2015
    Messages:
    17
    Likes Received:
    1
    Gender:
    Male
    Спасибо, через пару часов вернусь домой , попробую поискать этот файл CSS.:)
     
  5. Offline

    Alekxandr Пользователь

    Joined:
    Nov 30, 2015
    Messages:
    196
    Likes Received:
    14
    Gender:
    Male
    У ВАс ведь Простостар. Файл стилей по умолчанию находится - \корневая папка с сайтом\templates\protostar\css\template.css
     
  6. Offline

    stendapuss Пользователь

    Joined:
    Sep 9, 2011
    Messages:
    324
    Likes Received:
    4
    Gender:
    Male
    В Простостаре. Поиском по файлу \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.
     
    Last edited: Nov 30, 2016
    evrikas72 likes this.
  7. evrikas72
    Offline

    evrikas72 Недавно здесь

    Joined:
    Sep 15, 2015
    Messages:
    17
    Likes Received:
    1
    Gender:
    Male
    Спасибо за помощь, друзья!
     

Share This Page

Loading...