|
|
Модератор форума: Yuri_G |
Сообщество uCoz Мастерская uCoz Дизайн: управление шаблонами Как сделать вид материалов плиткой в модуле Каталог статей |
Как сделать вид материалов плиткой в модуле Каталог статей |
Насколько я понимаю, каждый материал облекается в div, которому присваивается свой id, цифры которого всегда составляют целое число. Отсюда догадка, что с помощью конструкции из условных операторов <?if($код$)?>, $ID$ и команды деления можно присваивать четным материалам один css-класс, а нечетным - другой. Так чтобы эти css-классы указывали диву какую ширину он должен иметь и как располагаться относительно других элементов на странице. Далее наверно следует по той же схеме вставить после каждого второго материала тег <br>. Из всех этих манипуляций хочется получить плиточный вывод материалов на главной странице каталога статей, а также внутри его категорий. То есть плитка будет состоять из 2 ячеек и произвольного количества строк. Думаю как-то можно сделать и плитку из 3, 4, 5 ячеек.
Заминка в том, что я не профессиональный верстальщик, а скорее читатель готовых уроков. Может кто-то из знатоков сможет написать готовую штуку? Применять, я думаю, будут большое количество людей |
Ариф, т.е. нужно вид материалов сделать в несколько столбиков?
для двух: <div style="float: left; width: 49%;">весь код вида материалов</div> для трёх: <div style="float: left; width: 33%;">весь код вида материалов</div> для 4-х: <div style="float: left; width: 24%;">весь код вида материалов</div> Добавлено (20 Апр 2015, 17:15:57) Отсюда догадка, что с помощью конструкции из условных операторов <?if($код$)?>, $ID$ и команды деления можно присваивать четным материалам один css-класс, а нечетным - другой. если какой-то материал удалите будет? опа |
Ариф, т.е. нужно вид материалов сделать в несколько столбиков? для двух: <div style="float: left; width: 49%;">весь код вида материалов</div> для трёх: <div style="float: left; width: 33%;">весь код вида материалов</div> для 4-х: <div style="float: left; width: 24%;">весь код вида материалов</div> Так не получится, можете проверить. Юкоз автоматически создает див, которому присваивает id, а нам предлагает редактировать только то, что будет обернуто этим дивом. То есть когда мы редактируем шаблон вида материалов то там этого дива просто нет. Пока что я додумался только прописать глобальный див. Но тогда на странице больше нельзя использовать дивы, ну или придется всем прописывать отдельно !important. Шаблон вида материалов <?if($ID$ % 2 = 1)?> <style type="text/css"> div {width: 50%; /* Ширина */ display: inline-block; /* Строчно-блочный элемент */ vertical-align: top; /* Выравнивание по верхнему краю */ </style> <?else?> <style type="text/css"> div {width: 50%; /* Ширина */ display: inline-block; /* Строчно-блочный элемент */ vertical-align: top; /* Выравнивание по верхнему краю */ </style> <?endif?> >>>>> ТУТ САМ МАТЕРИАЛ <<<<< <?if($ID$%2='0')?><br><?endif?> Но надо как-то доработать это, потому что выглядит плохо, хотя я и добился разделения материалов на 2 колонки Добавлено (20 Апр 2015, 18:21:49) |
Ариф, адрес страницы где не выходит с предложенным кодом?
может конечно ввели какое-то ноу-хау, но как видно тут новости идут в 4 колонки: http://fotki.ucoz.ua Прикрепления:
5817904.jpg
(112.5 Kb)
|
Ариф, адрес страницы где не выходит с предложенным кодом? может конечно ввели какое-то ноу-хау, но как видно тут новости идут в 4 колонки: http://fotki.ucoz.ua Так у вас тут либо модуль фотогалереи, а не каталога статей, либо информер. Проверьте вот в модуле Каталог статей, в модуле Блог, в модуле Новости. Если у вас будет работать, я сдеру себе ваше решение со скоростью реактивной ракеты! Речь идет именно об отображении материалов на главной странице модуля Каталог статей, а также на странице раздела/категории этого модуля Сообщение отредактировал Ариф - Понедельник, 20 Апр 2015, 19:01:53
|
|
на скрине вообще-то новости и по-моему абсолютно фиолетово какой модуль, работает везде. В этом-то и проблема, что у него нет стиля, то есть им не поуправляешь, отсюда-то и весь сыр-бор! |
феерически нездоровая фигня это мой сайт и мне наверное лучше знать что там стоит, и как бэ переключатель страниц внизу есть. вместо того, чтобы возить г..но поставил бы лучше код и мне ссылку, где же оно там не работает |
http://ssilki.at.ua/publ/ считать до 4-х умеем? Прикрепления:
9927002.jpg
(116.5 Kb)
Сообщение отредактировал bandjuk - Понедельник, 20 Апр 2015, 22:10:15
|
| |||
| |||