Редактирование шаблона protostar в joomla

@ADIMAG · Регистрация: 20.11.2016

Студворк — интернет-сервис помощи студентам

Всем привет! Понимаю что эта тема не новая, но я в этом деле новичок. Начинаю только только понимать css, в php полный ноль пока ещё. Прошу объяснить как оформить заголовок названия страницы сайта. Хочу сделать так чтобы по обе стороны заголовка было предположим какое-то изображение в виде оформления. Получается вставить только с одной стороны, как поставить с другой не могу сообразить. Изображение может быть как одинаковое с обеих сторон заголовка так и разное. Но скорее всего будет два разных изображения.
Заранее спасибо.

@stendapuss · 29.11.2016, 19:40

Взять две картинки и средствами css поставить их куда надо.
Если верхушек не знаете трудно объяснить. Любую картинку можно хоть куда на сайте положить. Можно и 2 и 4.
Три картинки, слева ,справа, в верху и по центру:

CSS
1
body.site{border-top:3px solid #0088cc;padding:20px;background:url("/images/fon/25_1.jpg") repeat-x,url("/images/fon/25.jpg") repeat-y,url("/images/fon/25_.jpg") repeat-y right 1px,url("/images/fon/glavnaia.jpg") no-repeat,url("/images/fon/22_1_2.png") repeat-x bottom right;box-shadow:inset 0 0 15em rgba(0,0,0,0.8);}

Добавлено через 15 минут
можно положить одну картинку наверх типа

CSS
1
body.site{ url("/images/fon/glavnaia.jpg") no-repeat ;}

@ADIMAG · 29.11.2016, 19:55 **[ТС]**

Спасибо.

@stendapuss · 30.11.2016, 06:01

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

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

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

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

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

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

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

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

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

CSS
1
2
3
4
5
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. Сами пропишите, где у вас картинка лежит. Не забывайте расширение изображения прописывать.

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

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

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

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

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

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

@ADIMAG · 30.11.2016, 06:29 **[ТС]**

Спасибо! Будем разбираться.

@ADIMAG · 05.12.2016, 00:08 **[ТС]**

У меня возник вот такой вопрос. В шаблоне index.php есть такая запись:

PHP
1
2
3
4
5
6
7
<body class="site <?php echo $option
    . ' view-' . $view
    . ($layout ? ' layout-' . $layout : ' no-layout')
    . ($task ? ' task-' . $task : ' no-task')
    . ($itemid ? ' itemid-' . $itemid : '')
    . ($params->get('fluidContainer')? ' fluid' : '');
?>">

Которая как я понял, если конечно правильно понял, отвечает за синею линию в самом верху шаблона. У меня теперь такой вопрос, если конечно не составит труда ответить. Что эта вообще за запись, что она делает и за что отвечает. И что обозначает каждая строчка в этой записи. И ещё один вопрос для чего эта линия вообще нужна. Ведь не отбалды её там прописали. Какую то функцию в себе она ведь несёт. Если не трудно опишите подробно.

@ADIMAG · 09.12.2016, 15:45 **[ТС]**

Всем ещё раз привет! В общем получается такая хрень по поводу этой синей линии которая расположена в самом верху шаблона "protostar". Если использовать шаблон который стоит по умолчанию "protostar", то синея линия убирается просто через CSS в 7118 строке удалением или заключением в комментарии строки.

CSS
1
border-top: 3px solid #0088cc;

Но если создать копию этого шаблона, то уже эта линия не удаляется после удалением или заключением в комментарии.

CSS
1
border-top: 3px solid #0088cc;

Если проанализировать через FireBug, то FireBug выдаёт такое:

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
body.site {                    [url]http://jo1.loc/[/url] (строка 19)
    background-color: #f4f6f7;
    border-top: 3px solid #08c;
}
body.site {                             [url]http://jo1.loc/templates/geography/css/template.css?a64b0e912d5b3e7e62fa30cac8a5a87b[/url] (строка7118)
    background-color: #f4f6f7;
    border-top: 3px solid #0088cc;
    padding: 20px;
}
body {
}
body {
    background-color: #fff;
    color: #333;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    line-height: 18px;
    margin: 0;
}
HTML {
    font-size: 100%;
}

Только вот это я так и не нашёл где он расположен и откуда FireBug его взял.

CSS
1
2
3
4
body.site {                            [url]http://jo1.loc/[/url] (строка 19)
    background-color: #f4f6f7;
    border-top: 3px solid #08c;
}

но вот уже если через FireBug отключить в строке 19 эту запись

CSS
1
border-top: 3px solid #08c;

то синея строка исчезает. Только FireBug говорит что эта строка расположена по адресу http://jo1.loc/. Если он ссылается на index.php то там этой строки нет.
Но если взять и закомментировать вот эту запись в 64 строке в index.php :

PHP
1
border-top: 3px solid " . $this->params->get('templateColor'). ";

то эта линия убирается.
И это происходит именно когда создаёшь копию шаблона "protostar", то есть предположим шаблон "protostar1". Кто мне сможет объяснить где расположена эта строка 19, в каком файле.
Можете проверить вот по этому адресу, здесь стоит абсолютно чистая Joomla! без каких либо изменений, на которой по умолчанию стоит шаблон "protostar1" который является копией шаблона "protostar".

@stendapuss · 09.12.2016, 16:30

Где адрес сайта?
в index.php не лезьте, цвета и все остальное делаются в CSS

@ADIMAG · 09.12.2016, 16:48 **[ТС]**

Извиняюсь, что то забыл написать. Но там не чего нет ни страниц ни чего другого, я её ставил чтобы проверить как именно будет в копии шаблона удаляться.
http://adimag-joomla-4.tw1.ru/

@stendapuss · 09.12.2016, 17:55

Пишет же:

CSS
1
2
3
body.site {
        border-top: 3px solid #08C;
        background-color: #F4F6F7;

уберите border-top: 3px solid #08C. Поиском найдите по CSS
body.site, там будет border-top: 3px solid #08C;

@ADIMAG · 09.12.2016, 18:17 **[ТС]**

Так вот именно пишет что в body.site. Посмотрите внимательно что он выдаёт два body.site. первый расположен по адресу http://jo1.loc/ (строка 19), а второй по адресу http://jo1.loc/templates/geogr... cac8a5a87b (строка7118). Вот и получается что если удаляешь в файле CSS "template.css" шаблона который расположен в папке CSS, то линия так и остаётся на месте. А если через FireBug удаляешь эту запись

CSS
1
border-top: 3px solid #08c;

в body.site который FireBug показывает якобы расположенный по адресу http://jo1.loc/ в строке 19, то тогда эта строка удаляется. Но проблема в том что я не могу понять где эта запись

CSS
1
2
3
4
body.site {                    [url]http://jo1.loc/[/url] (строка 19)
    background-color: #f4f6f7;
    border-top: 3px solid #08c;
}

расположенная по адресу http://jo1.loc/. Так как по адресу http://jo1.loc/ нет такого файла CSS. Во всяком случаи я его не смог найти.

@stendapuss · 09.12.2016, 18:32

Уберите как выше писал и кеш почистите в браузере и джумле. И будет вам счастье. Проверить еще раз не могу ваш сайт не открывается.

@ADIMAG · 09.12.2016, 19:29 **[ТС]**

Смотреть надо по этому адресу http://adimag-joomla-4.tw1.ru/.
Сайт по этому адресу http://jo1.loc/ расположен у меня на локальном сервере. Но всё одинаково что там, что тут. Ситуация абсолютно одинаковая.
Попробуйте по этому адресу http://adimag-joomla-4.tw1.ru/

Добавлено через 20 минут
Почистил там и там толку нет. Удаляется только когда в FireBug одновременно отключаешь строчки

CSS
1
border-top: 3px solid #08c;

из

CSS
1
2
3
4
body.site {                [url]http://adimag-joomla-4.tw1.ru/[/url] (строка 19)
    background-color: #f4f6f7;
    border-top: 3px solid #08c;
}

и

CSS
1
border-top: 3px solid #0088cc;

из

CSS
1
2
3
4
5
body.site {        [url]http://adimag-joomla-4.tw1.ru/templates/protostar1/css/template.css?4cb010eb949657dfed4db1a95187c7b6[/url] (строка 7118)
    background-color: #f4f6f7;
    border-top: 3px solid #0088cc;
    padding: 20px;
}

@stendapuss · 10.12.2016, 10:38

Сделайте копию шаблона по второму варианту.
http://www.mani-mani-net.ru/%D... 5?start=22

Добавлено через 51 минуту
Или поменяйте цвет в настройках шаблона. Укажите фон другой какой надо, чтоб полосы не видно было. Первое body.site берет с настроек шаблона

@ADIMAG · 20.02.2017, 09:58 **[ТС]**

Всем привет! У меня такой вопрос? Нашёл горизонтальное многоуровневое меню на css с эффектом анимации на одном сайте которое мне в принципе очень даже подходит, но беда в том, что из-за скудных пока моих знаний не могу понять, как подключить это меню. Понимаю, что сам файл css надо добавлять в «template.css», что в настройках модуля меню надо прописать «ID». И на этом всё, дальше не могу понять куда или вернее где надо прописать «CLASS» для списков ну итак далее. Помогите разобраться как подключить это меню, буду очень благодарен.
«https://zaurmag.ru/priyatny-e-... tsii.html» - это адрес страницы сайта где нашёл это меню. Там у него все файлы выложены, поэтому здесь не буду их выкладывать. Дело ещё в том, что писал не однократно самому автору этого сайта, но он как рыба молчит. Поэтому решил обратиться за помощью к вам.
За ранее спасибо!

Новые блоги и статьи Все статьи Все блоги /
Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114	Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .	Модель микоризы: классовый агентный подход 2 anaschu 06.01.2026 репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .	Расчёт токов в цепи постоянного тока igorrr37 05.01.2026 / * Дана цепь постоянного тока с сопротивлениями и напряжениями. Надо найти токи в ветвях. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и решает её. Последовательность действий:. . .
Новый CodeBlocs. Версия 25.03 palva 04.01.2026 Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .	Модель микоризы: классовый агентный подход anaschu 02.01.2026 Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .	Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .

@ADIMAG 0 / 0 / 0 Регистрация: 20.11.2016 Сообщений: 20

	Редактирование шаблона protostar в joomla 20.11.2016, 23:58. Показов 8553. Ответов 14 Метки нет (Все метки) Всем привет! Понимаю что эта тема не новая, но я в этом деле новичок. Начинаю только только понимать css, в php полный ноль пока ещё. Прошу объяснить как оформить заголовок названия страницы сайта. Хочу сделать так чтобы по обе стороны заголовка было предположим какое-то изображение в виде оформления. Получается вставить только с одной стороны, как поставить с другой не могу сообразить. Изображение может быть как одинаковое с обеих сторон заголовка так и разное. Но скорее всего будет два разных изображения. Заранее спасибо. 0

@ADIMAG 0 / 0 / 0 Регистрация: 20.11.2016 Сообщений: 20
	29.11.2016, 19:55 [ТС]
	Спасибо. 0

@ADIMAG 0 / 0 / 0 Регистрация: 20.11.2016 Сообщений: 20
	30.11.2016, 06:29 [ТС]
	Спасибо! Будем разбираться. 0

@stendapuss 13 / 16 / 2 Регистрация: 12.08.2012 Сообщений: 148
	09.12.2016, 16:30
	Где адрес сайта? в index.php не лезьте, цвета и все остальное делаются в CSS 0

@ADIMAG 0 / 0 / 0 Регистрация: 20.11.2016 Сообщений: 20
	09.12.2016, 16:48 [ТС]
	Извиняюсь, что то забыл написать. Но там не чего нет ни страниц ни чего другого, я её ставил чтобы проверить как именно будет в копии шаблона удаляться. http://adimag-joomla-4.tw1.ru/ 0

@stendapuss 13 / 16 / 2 Регистрация: 12.08.2012 Сообщений: 148
	09.12.2016, 18:32
	Уберите как выше писал и кеш почистите в браузере и джумле. И будет вам счастье. Проверить еще раз не могу ваш сайт не открывается. 0

@stendapuss 13 / 16 / 2 Регистрация: 12.08.2012 Сообщений: 148
	10.12.2016, 10:38
	Сделайте копию шаблона по второму варианту. http://www.mani-mani-net.ru/%D... 5?start=22 Добавлено через 51 минуту Или поменяйте цвет в настройках шаблона. Укажите фон другой какой надо, чтоб полосы не видно было. Первое body.site берет с настроек шаблона 0

@ADIMAG 0 / 0 / 0 Регистрация: 20.11.2016 Сообщений: 20
	20.02.2017, 09:58 [ТС]
	Всем привет! У меня такой вопрос? Нашёл горизонтальное многоуровневое меню на css с эффектом анимации на одном сайте которое мне в принципе очень даже подходит, но беда в том, что из-за скудных пока моих знаний не могу понять, как подключить это меню. Понимаю, что сам файл css надо добавлять в «template.css», что в настройках модуля меню надо прописать «ID». И на этом всё, дальше не могу понять куда или вернее где надо прописать «CLASS» для списков ну итак далее. Помогите разобраться как подключить это меню, буду очень благодарен. «https://zaurmag.ru/priyatny-e-... tsii.html» - это адрес страницы сайта где нашёл это меню. Там у него все файлы выложены, поэтому здесь не буду их выкладывать. Дело ещё в том, что писал не однократно самому автору этого сайта, но он как рыба молчит. Поэтому решил обратиться за помощью к вам. За ранее спасибо! 0