Как указать позиции (position) ее размеры и положение на экране?

Question

Евгений @Ykitero

Joomla

Как указать позиции (position) ее размеры и положение на экране?

Всё пытаюсь расковырять j3 и как писать под нее шаблон. Поднял свой прошлый вопрос по position, понял, что так ничего и не понял. Решил ещё раз попытать удачу в понимании

Документации по position я так и не смог нарыть, такой форум как joomlaportal вообще игнорирует вопрос (за 6 месяцев вопрос просмотрели 200 раз и ни одного ответа). Но не в этом суть. Кто мне сможет научно популярно объяснить как джумле "сказать", как она должна разместить тот или иной объект на странице сайта. Далее я разбил на три категории один и тот же вопрос, только в разных его вариациях

Как вариант, например, мне надо, чтобы горизонтально были расположены определенные три position (как указать ширину и высоту, положение на экране этих position?).
Или такой вариант: у меня есть 7 абсолютно разных position и как в этом случае мне "сказать" джумле, как она должна их расположить?
Или вариант с меню, которое содержит в себе вложенный элемент поиска по сайту: как "сказать" чтобы меню сайта и строка поиска были расположены именно от центра, а не один под другим или как-то ещё.

*для лучшего понимания: на картинке присутствуют три группы (варианта) размещения плашек (позиций). Между группами проведена красная черта

картинка для визуализации

P.S. Если кто знает где есть документация по параметрам joomla (я говорю о таких моментах как то, что вставлено в начале шаблона protostar и остальное) - дайте ссылочку. Буду очень признателен

начало файла index.php

Вопрос задан более года назад
33 просмотра

Комментировать

Подписаться 1 Средний Комментировать

Решения вопроса 1

2 комментария

Евгений @Ykitero Автор вопроса

Я правильно понимаю, размер и последовательность блоков я прописываю в и этому div присваиваю position, размер и положение которого, подхватывается из блока div?

Написано 21 апр. 2023

Павел Грузных @pavelcarcass

Ну вот пример простейшего шаблона.

/templates/твой_шаблон/index.php :

<?php defined('_JEXEC') or die('Restricted access');?>

<!DOCTYPE html>
<html xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
	<head>
		<jdoc:include type="head" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
	</head>
	<body>

		<div class="header">
			<jdoc:include type="modules" name="header" style="xhtml" /> 
		</div>
		<div class="navmenu">
			<jdoc:include type="modules" name="navmenu" style="xhtml" /> 
		</div>
		<div class="columns">
			<div class="left">
				<jdoc:include type="modules" name="left" style="xhtml" /> 
			</div>
			<div class="content">
				<jdoc:include type="component" />
			</div>
		</div>
		<div class="footer">
			<jdoc:include type="modules" name="footer" style="xhtml" /> 
		</div>		
	</body>
</html>

А в файле /templates/твой_шаблон/css/template.css нужно прописать CSS-стили, описывающие размер, цвет, расположение этих блоков с классами .header, .navmenu, .columns, .left, .content, .footer

Написано 21 апр. 2023

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

Joomla

Простой
Joomla Sopping событие добавления товара?
- 1 подписчик
- 17 апр.
- 6 просмотров
0

ответов
Joomla

Простой
Как показывать сайт только на мобильных устройствах?
- 1 подписчик
- 09 апр.
- 45 просмотров
0

ответов
Веб-разработка

+1 ещё

Простой
Как сделать чтобы в панели закладок браузера сайт отображался логотип/фавикон?
- 1 подписчик
- 04 мар.
- 99 просмотров
2

ответа
Joomla

Простой
Как правильно создать многострочное содержимое INI языкового файла для Joomla CMS?
- 1 подписчик
- 01 мар.
- 18 просмотров
1

ответ
Joomla

Простой
Почему такое перенаправление страницы админки?
- 1 подписчик
- 22 февр.
- 49 просмотров
1

ответ
Joomla

Средний
Joomla 3.10.12 добавляет в url start на страницах пагинации, как это пофиксить?
- 1 подписчик
- 20 февр.
- 18 просмотров
1

ответ
Joomla

Средний
Чем может быть вызван глюк в Joomla ‎4.4.2?
- 1 подписчик
- 31 янв.
- 44 просмотра
0

ответов
Joomla

Простой
Выдаёт системную ошибку при создании нового материала на Joomla ‎5.0.1‎ и как от него избавиться?
- 1 подписчик
- 08 янв.
- 39 просмотров
1

ответ
Telegram

+2 ещё

Средний
Как автоматически дублировать посты из telegram на сайт joomla?
- 1 подписчик
- 24 окт. 2023
- 236 просмотров
2

ответа
Joomla

Простой
Joomla 4 JComment 3.07 Произошла ошибка 0 Call to a member function getContent() on null?
- 1 подписчик
- 13 окт. 2023
- 36 просмотров
1

ответ
Показать ещё Загружается…

Senior DevOps Engineer

TravelLine

от 300 000 ₽

Продакт дизайнер в финтех

Module Agency

от 110 000 до 190 000 ₽

Golang developer middle

Posman

До 200 000 ₽

Сделать дизайн главной страницы сайта

19 апр. 2024, в 19:17

1500 руб./за проект

DevOps задачи, работа с Yandex Cloud и Yandex Database

19 апр. 2024, в 18:38

1500 руб./в час

Верстка сайта -4-5 страниц

19 апр. 2024, в 18:36

1500 руб./за проект

Answer 1 · 2023-04-20 17:28:16

Начните изучение основ создания шаблонов для Joomla отсюда. Там вы найдете информацию о том, что позиции для модулей вписываются между <body> и </body> в файле шаблона ( /templates/mytemplate/index.php ), а чтобы у позиций было какое-то особое взаимное расположение, их нужно вписать в блоки (как правило, в <div> c определенными css-классами) и их расположение потом регулируется через CSS стили в файле template.css шаблона. Изучайте также основы html вёрстки, блочной вёрстки и css, иначе вам не справиться с созданием шаблона. Средствами самой джумлы вам шаблон не создать / настроить. Шаблон пишется с нуля - либо устанавливается готовый из тысяч уже имеющихся.

Как указать позиции (position) ее размеры и положение на экране?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт