Как можно сверстать такой шаблон как на скриншете?

i.creative

Осваиваюсь на форуме
36
3 / 0

Как можно сверстать такой шаблон как на скриншете?

« : 26.01.2015, 16:47:09 »

Приветствую,

Для себя хочу попробовать сверстать шаблон в таком вот стиле как на скриншете, но не пойму как это сделать лучше всего в Joomla. Я шарю и в php и в CSS, но не знаю как сделать так, чтобы между item2 и item3 вставить разрыв на весь экран? В работе использую бутстрап. там если делать контейнером, то он делает отступы, а в Joomla

Код

<jdoc:include type="component" />

выводит выводит весь контент и варианты типа этого:

Код

<?php if($this->countModules('instagram')) : ?>
	<!--Start instagram -->
		<section id="insta" class="row">
			<section class="container">
				<jdoc:include type="modules" name="instagram"/>
			</section>
		</section>
	<!--End instagram -->
	<?php endif; ?>

не помогают. Так как контент один и его не разбить на два. В общем я уже запутался, кто-то помогите найти простой вывод?

Хочу сделать следующее: есть материалы в К2, хочу часть вывести вверху (item1, item2) потом сделать на всю ширину полоску с всякими фичами из социалок (инстграм и тд...) а затем вывести еще контент из того-же К2, только из другой категории.

Сейчас делаю вот так, но это не работает, так как все оказывается в родительском контейнере

Спойлер

[свернуть]

Записан

AlekVolsk

Гуру
6913
416 / 4

Re: Как можно сверстать такой шаблон как на скриншете?

« Ответ #1 : 26.01.2015, 16:56:01 »

Контейнер делайте по ширине 100%, далее секциями выводите блоки, так где надо - секцию ограничивайте по ширине с центрированием (это как раз для item), там где надо - сразу выводите full width.

Записан

Личка | Вкусняшки

i.creative

Осваиваюсь на форуме
36
3 / 0

Re: Как можно сверстать такой шаблон как на скриншете?

« Ответ #2 : 29.01.2015, 08:53:37 »

Спасибо, все сделал, это я хотел сделать супер-универсальный шаблон, вот и затупил. Убрал лишнее - оставил то что нужно, все заработало как надо.

Записан

Шаблон jm MyPlace - не воспроизводится видео Автор THE KILLERS	Ответов: 2 Просмотров: 3902	23.07.2024, 13:58:16 от THE KILLERS
Ошибка при входе в корзину шаблон jmart Автор dimiur	Ответов: 5 Просмотров: 6859	24.05.2023, 14:24:30 от Gleb72
Почему обновление шаблона ломает шаблон? Автор gorbi_U	Ответов: 8 Просмотров: 5615	03.05.2023, 22:54:19 от SmiP
Нужно ли переносить custom.css при переезде на новый шаблон? Автор gorbi_U	Ответов: 3 Просмотров: 4292	09.02.2023, 21:05:42 от marksetter
Где в Joomla 3.4.3 шаблон материала? Шаблон Yootheme Organic Автор annushka	Ответов: 13 Просмотров: 7243	13.09.2022, 11:14:56 от tuztref

Как можно сверстать такой шаблон как на скриншете? - Joomla 3.x: Шаблоны, разметка и макеты вывода

Новости Joomla

Вышли релизы безопасности Joomla 6.1.1 и Joomla 5.4.6

👩‍💻 JoomShopping: Самый полный курс по созданию интернет-магазина на CMS Joomla.

👩‍💻 SM WT CDEK аддон доставки для JoomShopping.

i.creative

Как можно сверстать такой шаблон как на скриншете?

AlekVolsk

Re: Как можно сверстать такой шаблон как на скриншете?

i.creative

Re: Как можно сверстать такой шаблон как на скриншете?

Похожие темы