Шапка сайта joomla

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

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

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

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

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

 

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

 

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

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

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

 

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

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

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

 

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

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

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

 

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

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

Еще один код шапки. Первое изображение шапка, второе фон. Шапка тянется на всю ширину браузера а фон повторяется. Прописанно для всех браузеров, чтоб отоброжалось нормально.

body.site{border-top:3px solid #0088cc;padding:20px;box-shadow:inset 0 0 15em rgba(0,0,0,0.8);background: url("/images/santexnika/28.gif") no-repeat,url("/images/12346.jpg") repeat;
    -moz-background-size: 100%;
    -webkit-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;}

Добавить комментарий