Изменение вывода списка записей плиткой в 2ке

 
Посетитель
small user social cms
Медаль
Сообщений: 344
Хочу изменить стандартный вывод списка записей плиткой, т.е. чтобы выглядело ни как таблица, а как плитка вот здесь http://www.livemaster.ru/masterclasses, т.е 3 блока div в одинаковую ширину, которые заполняются сверху вниз по очереди, при этом хотелось бы, чтобы адаптивность шаблона сохранилась. Нужно мне это, для того, чтобы не было пустых мест в выводе контента, т.к. вывод записей получается разной высоты, к тому же хочется картинку выводить в полную высоту, а не обрезать. На сколько я понимаю, это нужно изменять файл \templates\default\content\default_list_tiles.tpl.php.
Может у кого нибудь есть мысль как это реализовать. Или может кто то возьмется это сделать за денежку?
Посетитель
small user social cms
Сообщений: 40
Смотрите скрипт.
romanovcmc:
На сколько я понимаю, это нужно изменять файл \templates\default\content\default_list_tiles.tpl.php.
Если добавите в папку \templates\default\content\ новый файл, например default_list_my.tpl.php, то он отобразится в списке (в настройках типа контента).
Реклама
cms
Посетитель
small user social cms
Медаль
Сообщений: 344
Скрипт известный, но хотелось бы именно так, как на том сайте, что я привел в пример.
Посетитель
small user social cms
МедальКубок зрительских симпатийАвторитет форума
Сообщений: 6473
Да небольшая работа со стилями и никаких проблем, хоть как выводить.
Хостинг и ВПС Халява тексты Стартапы Instantcms в Telegram
Посетитель
small user social cms
Медаль
Сообщений: 344
letsgo:

Да небольшая работа со стилями и никаких проблем, хоть как выводить.

А не могли бы идею подсказать? В каком направлении двигаться. Я вот кроме как сделать 3 длинных diva и заполнять их по очереди не могу придумать как сделать вывод без пустых мест. Правда как их правильно заполнять по очереди вот не знаю.
Посетитель
small user social cms
Медаль
Сообщений: 344
Изменение вывода списка записей плиткой в 2ке мне вот так надо
Посетитель
small user social cms
МедальКубок зрительских симпатийАвторитет форума
Сообщений: 6473
Попробуйте анонсы сделать разными по длине слов. Это как вариант. Вы хотите именно раскидать, но тут ведь раскидать можно только разным размеров контента в одном блоке. Картинки - в стилях поставить ширину\высоту, если они разные, то соответственно размер блоков будет меняться. Вы бы скинули пример точнее что хотите, я навскидку глянул http://moskva.aport.ru/monitory/cat23 меняется после того, как меняется размер содержимого в блоке.
Хостинг и ВПС Халява тексты Стартапы Instantcms в Telegram
Посетитель
small user social cms
МедальАвторитет форума
Сообщений: 2624
http://allday2.com вот алдей поменял дизайн и что у них получилось
Петрмаг
Посетитель
small user social cms
Медаль
Сообщений: 865
Петрмаг:

http://allday2.com вот алдей поменял дизайн и что у них получилось

))) нет слов
Посетитель
small user social cms
Медаль
Сообщений: 865
Это все называется Дизайн в стиле Гугл+ решается на уровне шаблона с применением JS кода. Есть желание положить себе такое в копилку, но как только другие желания реализую. ))
Посетитель
small user social cms
Медаль
Сообщений: 219
все достаточно элементарно. играйтесь с :nth-child(функция) у item .

напишите мне в личку. я вам помогу реализовать за спасибо) допилить как говорится) Раработчики прекрасную основу дали, а дальше просто все зависит от прямых рук, насколько вы сильно хотите разобраться и знаете основы...
Редактировалось: 2 раз (Последний: 6 сентября 2014 в 22:04)
Посетитель
small user social cms
Медаль
Сообщений: 344
balooo:

все достаточно элементарно. играйтесь с :nth-child(функция) у item .

напишите мне в личку. я вам помогу реализовать за спасибо) допилить как говорится) Раработчики прекрасную основу дали, а дальше просто все зависит от прямых рук, насколько вы сильно хотите разобраться и знаете основы...

Ух ты, спасибо. Сегодня не получится написать да посмотреть, что там заложено. Завтра напишу.
Посетитель
small user social cms
Медаль
Сообщений: 219
balooo, сделаю насколько все понял и скину файлы готовые.

по вашей ссылке, просто сделано три колонки, в каждой статьи идут одна за другой... то есть сначала первых 5 статей в 1 колонку, пото дургие 5 во вторую...и тд
Редактировалось: 2 раз (Последний: 7 сентября 2014 в 01:38)
Посетитель
small user social cms
Медаль
Сообщений: 123
balooo:
Не могли бы вы поделиться как сделаете?
Посетитель
small user social cms
Медаль
Сообщений: 344
balooo:

balooo, сделаю насколько все понял и скину файлы готовые.

по вашей ссылке, просто сделано три колонки, в каждой статьи идут одна за другой... то есть сначала первых 5 статей в 1 колонку, пото дургие 5 во вторую...и тд

Спасибо большое. А можно сделать не по 5, а по 1, чтобы он в каждую запись по порядку распределял. Просто на будущее хотелось еще аджакс подключить, чтобы прокрутка была всех записей. Аджакс буду брать отсюда http://instantcms.ru/blogs/bitblog/modul-avtopodgruzki-stranic-dlja-instantcms-2-x.html.

Изначально я хотел сделать так:
изменить вывод того файла т.е. добавить условия вывода. Я правда в php совсем чайник. Но логику предполагаю такую.
Код еще не смотрел, беру свои обозначения.

i - порядковый номер записи
imax - общее число записей

for (i=1;i<imax;i=i+3)
{
заполняем первую колонку;
}

for (i=2;i<imax;i=i+3)
{
заполняем вторую колонку;
}

for (i=3;i<imax;i=i+3)
{
заполняем третью колонку;
}

Еще я бы хотел сохранить адаптивность, на сколько я потестил дефолтовый шаблон, менее двух колонок шаблон не использует и более 3х тоже. И вот хотелось бы какую нибудь проверку сделать на ширину браузера, чтобы можно было заложить при обычной ширине 3 колонки, при меньше ширины допустим 500 пикслеей 2колонки.

Мои мысли по этому поводу вот такие. Если сделаете что то хорошее, то скажу большое спасибо. И видимо не только я. И кину денежку на пару пачек апельсинового сока, ну или на пиво с чипсами, на что будет угодно в общем.
В начало страницы
Предыдущая темаСледующая тема Перейти на форум: