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

Уже делаю (просто выходные, маленькая дочка))))… сделаю, сразу выложу в общий доступ.


демка

сделал для виджета и для списка.с изменениями дефолтного шаблона.
изменений минимум. Могу описать в блоге...

дизайн каждый сам для себя подстраивайте… там ничего сложного нету…

Уже делаю (просто выходные, маленькая дочка))))… сделаю, сразу выложу в общий доступ.


демка

сделал для виджета и для списка.с изменениями дефолтного шаблона.
изменений минимум. Могу описать в блоге...

дизайн каждый сам для себя подстраивайте… там ничего сложного нету...

Выглядит просто шикарно. Сейчас заценим.

balooo, игрушки с :nth-child не проканали?

Уже делаю (просто выходные, маленькая дочка))))… сделаю, сразу выложу в общий доступ.


демка

сделал для виджета и для списка.с изменениями дефолтного шаблона.
изменений минимум. Могу описать в блоге...

дизайн каждый сам для себя подстраивайте… там ничего сложного нету...

На счет изменений, хотелось бы знать, какие файлы они затронули, чтобы во время обновлений не было неприятностей, хотя если не сложно, можно и поподробнее в вашем блоге.

Олег Васильевич я, сделал по-простому варианту. Как будет время, поиграюсь
romanovcmc, выложу в блоге

Олег Васильевич я, сделал по-простому варианту

Да я вижу что вариант другой. И он вполне годится.
По поводу nth-child — не стоит играться ради моего интереса (разве самому интересно )

Олег Васильевич я, сделал по-простому варианту. Как будет время, поиграюсь
romanovcmc, выложу в блоге

Вопрос такой. У меня выводится высота изображений фиксированная, т.е. при изменении ширины браузера остается одинаковой, из за чего пропорции изображения нарушаются. Это решается через CSS или как то в коде заложено? Я просто сейчас на работе, не могу посмотреть, но очень хочется на вечер иметь готовое решение.

Это делается через CSS.
В ".widget_content_list.tiles-big .item .image"
И в ".content_list.tiled .tile .photo"
Необходимо "height:170px" поменять на "max-height:170px" или сделать в процентах. И обязателен "overflow: hidden". А можно "height" вообще убрать и тогда картинки будут выводится той высоты, которая есть на самом деле. И с сужением или расширением экрана высота и ширина картинки будут меняться.
А в ".photo img" и ".image img" убрать "height:100%" или поставить в "auto".
Как-то так. Ну или почти так. В общем копать надо здесь.

Но я зделал всё это отдельными файлами. Так удобнее.

Василёк, я подобное на днях делал для своего проекта чисто на css. только расположение немногое иное… могу показать в личке, ибо пока не хочу афишировать недоделанный шаблон

У меня выводится высота изображений фиксированная, т.е. при изменении ширины браузера остается одинаковой, из за чего пропорции изображения нарушаются. Это решается через CSS или как то в коде заложено? Я просто сейчас на работе, не могу посмотреть, но очень хочется на вечер иметь готовое решение.

через css… Васёк вам в правильном направлении сказал…

balooo, спасибо, очень интересная вещь. Только у меня маленькая проблемка. Как с этим работать?
Залил на сайт и ни каких изменений нигде не заметил.
Напишите пожалуйста поподробнее, как правильно это реализовать.

Извиняюсь. Еще раз перезалил, — результат увидел. Очень интересно, сейчас поиграюсь.
Еще раз спасибо!

В гугл хроме у меня проблемы, может и в других браузерах тоже. Если страницу обновить, то все элементы списка накладываются друг на друга и перестаются отображаться названия и прочий сопутствующий текст. www.mirpetel.ru/mk

Видимо я натупил с цсс, в этой строке .content_list.tiled .tile .photo { display: block; width:100%; height:170px; overflow:hidden; margin-bottom: 10px; position:relative; background:#bdc3c7; } я удалил кусок height:170px;

Может кто подскажет, как сделать, чтобы пропорции картинок сохранялись и они отображались в полный рост.

Я тоже с этим столкнулся. Пока отложил в сторону. Всё дело в картинках. Нужно сдесь копать. Пока времени нету.
Попробуйте полазить по сайту разработчика скрипта. Только он не на русском. Адрес в файле ява-скрипта.

увидел… попробуем решить…

В общем изменил я файл default_list_tiles.tpl.php, по принципу, чтобы выводилось 3 столбца, и каждый из них по очереди вертикально заполнялся.
Посмотреть можно www.mirpetel.ru/mkздесь .
Файлы instantcms.ru/users/files/download4756.htmlздесь
Я очень чайник в php, да и во многом еще на самом деле. Но вот как выглядит код:

Раньше было: Цикл <?php foreach($items as $item){Выводятся записи} ?> последовательно выводил записи.

Еще там был такой параметр $index, который при значении, равном 3 т.е. после каждой третьей записи выводил тег <div>, в общем код выглядил так.

<?php if ($index % $columns == 0) { ?>
<div class="clear"></div>
<?php } ?>

Хотя если честно, я до сих пор не понимаю это условие, $index % $columns == 0, что же оно значит.

На данный момент я сделал вот так

<?php $columns = 3; ?>

<?php for ($n=1;$n<$columns+1;$n++){ ?>

<?php $index = 1; ?>

<div class="column">

<?php foreach($items as $item){ ?>

Добавил тег <div class="column"> и в них вывожу только те записи, значение которых $index равно номеру колонки, как только $index становится больше 3х я его приравниваю 1.

В общем раньше массив перебирался 1 раз, теперь 3 раза, что не есть хорошо.

Но главное, я столкнулся с одной проблемой, когда окно сужаешь, то мои колонки отображаются не в 3, а в 2. И вообще мне логика не понятна, почему так происходит, и где вообще задается поведение шаблона при сужении окна. Посоветуйте, как бы так сделать, чтобы отображалось при сужении окна в 2 столбика, но шириной не 32% как сейчас, а 48%. И чтобы элемент, который сейчас у меня 3й, при сужении окна становился 3м, а не 4м.

А возможно, что я вообще не тем путем пошел.

Кстати, такая же фигня происходит с использованием того скрипта, остается пустая 3я колонка