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

Question

Евгений @Ykitero

Joomla

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Написано более года назад

Павел Грузных @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

Написано более года назад

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

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

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

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

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

Joomla

Средний
Как отобразить пункты меню вкладке (табы) в материале Joomla?
- 1 подписчик
- 20 авг.
- 15 просмотров
0

ответов
Joomla

Средний
Joomla 5 как вывести модуль в файле php?
- 1 подписчик
- 31 мая
- 56 просмотров
0

ответов
Bootstrap

+2 ещё

Средний
Слайдер Bootstrap3 Почему при смене слайдов уменьшается высота слайдера?
- 1 подписчик
- 23 мая
- 41 просмотр
1

ответ
PHP

+2 ещё

Простой
Где хранится скрипт блокировки входа в Joomla 2?
- 1 подписчик
- 06 мая
- 75 просмотров
1

ответ
Joomla

Простой
Как выявить вредоностный код на CMS Joomla?
- 1 подписчик
- 20 апр.
- 133 просмотра
3

ответа
Joomla

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

ответов
Joomla

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

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

+1 ещё

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

ответа
Joomla

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

ответа
Joomla

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

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

Ведущий программист микроконтроллеров

НПО ПКРВ • Москва

от 250 000 до 350 000 ₽

С++ разработчик игровых автоматов в Таиланд (gambling gamedev)

MAINAMA GAMES • Паттайя

от 2 000 до 6 000 $

Администратор серверов

IT House

от 70 000 ₽

Парсить новости с группы Телеграм

07 окт. 2024, в 16:30

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

Нарисовать дизайн лединга

07 окт. 2024, в 16:19

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

Нужен человек на 15 минут

07 окт. 2024, в 16:14

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

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

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

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

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

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

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