Выводим ленту топиков плиткой

Визуальное оформление
Пример того, как можно организовать простую плиточную ленту топиков. Рассматривается на шаблоне «Developer-Kit». Миниатюры выводятся в два столбика.

Уровень — для новичков знакомых с азами html и css.
http://kulesh-vladimir.by/blog/tips_and_tricks/46.html

3 комментария

avatar
Если бы рассказали как сделать 3 типа разных по размерам картинок, аля Виллидж, был ы очень признателен
avatar
Могу рассказать, но я знаю лишь один способ и он мне не очень нравиться. Заключается в жесткой привязке каждой плитки к своему месту, т.е. структура ленты всегда и на всех страницах будет одинаковой.

И с превьюшками надо решать — либо делать три разных размера быстро забивая место на сервере, либо делать только один большой и выводить его для всех размеров утяжеляя страницу. Как вариант, можно правда сделать только большие превью, а для маленьких миниатюр либо не выводить вообще ничего, либо выводить какую-нибудь аву (пользователя или блога).
avatar
жесткая привязка не самый лучший способ, соглашусь. Интересно как реализовано, каким способом это на Виллидже, жесткой привязки там нет, какова логика вывода картинок, по какому критерию мне тоже не понятна.

По поводу создания сразу 3 превью к 1 топику меня не сильно пугает, дисковое пространство сервера это позволяет.
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.