Как сверстать шаблон вывода контента, 2 блока по бокам и один между ними?

baseroad 15.10.2016 Общие вопросы по вёрстке, Шаблоны (TPL) 2167

вопрос

Не могу понять, как такое можно осуществить... Увидел на сайте про авто, реализация очень интересная. Идет лента контента и в середине идет общий блок рубрики и там уже 5 блоков контента, 1 по центру (большой) и 2 по бокам. Так вот, как вывести через custom такое чудо? Вот тут реализовано - http://www.kolesa.ru/
Помогите пожалуйста с этим вопросом

Ответа пока нет

10 комментариев

Юзер

494

irrwisch - 2016-09-2716 октября 2016 13:41 - #59405

Такое можно легко сделать с помощью flex

Юзер

328

baseroad - 2016-09-2716 октября 2016 14:00 - #59406

irrwisch, Помогите сверстать пожалуйста такой блок

Юзер

163

redissx - 2016-09-2716 октября 2016 20:31 - #59417

2 шаблона, с помощью тега newscount в .tpl меняем вывод.

Юзер

matthew_ellington - 2016-09-2716 октября 2016 20:46 - #59418

Существует такой замечательный псевдокласс :nth-child

Юзер

328

baseroad - 2016-09-2717 октября 2016 15:28 - #59435

redissx,помогите сверстать пожалуйста... Сам не справляюсь(((

Юзер

Nigativ - 2016-09-2717 октября 2016 16:10 - #59442

Вот так можно!
HTML:


<div class="container">
<div class="left">Левый блок</div>
<div class="main">Центр</div>
<div class="right">Правый блок</div>
</div>

CSS:


.container {
  width:100%;
  display:flex;
}
.left{
  width:200px;
  float:left;
}
.right{
  width:400px;
  float:right;
}
.main{
  width:100%;
}

Ширину левого и правого блока ставьте свои.

Юзер

494

irrwisch - 2016-09-2717 октября 2016 17:25 - #59449

И как Вы собираетесь в данной конструкции вывести 5 новостей из 1 tpl файла?

Юзер

494

irrwisch - 2016-09-2717 октября 2016 17:26 - #59450

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

Юзер

328

baseroad - 2016-09-2717 октября 2016 18:32 - #59451

Nigativ,
справа и слева выведутся 2 картинки по вертикали?

Юзер

163

redissx - 2016-09-2718 октября 2016 08:09 - #59458


                    <div class="wrapper">
                        {custom template="custom-mozaik" from="0" limit="5" cache="no"}
                    </div>


[newscount=1,3]
<div class="item-small"></div>
[/newscount]
[newscount=2]
<div class="item-big"></div>
[/newscount]
[newscount=4,5]
<div class="item-small moved"></div>
[/newscount]



.wrapper {display:flex; flex-flow:row wrap; justify-content:space-between;}
.item-small, .item-big {width:30%; background-color:#CCC;}
.item-small {height:200px;}
.item-big {height:420px;}
.moved {margin-top:-200px;}

TeraMoune | Как отключить миниатюры стандартной гале ...
TeraMoune
Как отключить миниатюры стандартной галереи Fancybox?
Вчера, 06:00
В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

Например: параметр Thumbs: false отключает миниатюры.
```
Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
```
derebas | Как реализовать шифрование трафика? ³

derebas
Как реализовать шифрование трафика?
18-11-2024, 16:52

Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:46

я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
Так и было...
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:39

чтоб не удалять выстави права и пользователя какие там идут на файлы. .
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:37

т.е. мне снести всё, что я уже загрузил как root, зайти под юзером и закачать снова?
Видосы в директории upload можно хоть оставить? их там 80 Гб
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:17

фтп обычный юзер а не root
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:15

дэк только так и загружаю
Gordi | Как реализовать шифрование трафика? ³

Gordi
Как реализовать шифрование трафика?
18-11-2024, 14:14

я тоже не понимаю....товарищ один, представитель хостинга сказал, что даже есть модули такие специальные под популярные цмс
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:13

Gordi,
через фтп загружай
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:11

Привет Николай!
Всегда загружал от root... посмотришь может? твой плагин тоже не виден ((
или направь на путь истинный, пжст