Новости в виде картинок

[JohnBondlock 0]

Как сделать на новостном сайте вместо новостной ленты (где прокручиваешь с верху вниз http://truebooks.ru) сделать в виде кубиков-картинок, так как сделано здесь: http://dystopia.me.

[odys 384]

JohnBondlock, знания в html и css есть?

[JohnBondlock 0]

Минимальные. Но вы пишите, я разберусь))

[odys 384]

Минимальные. Но вы пишите, я разберусь))

я так понимаю, что картинки в новости вставляются прямо в краткую новость, поэтому нам понадобится такой тег:

{image-x} — выводит URL картинок находящихся в краткой новости, где x это номер картинки в новости, например {image-1} выведет URL первой картинки в краткой новости

соответственно редактируем шаблон shortstory.tpl, что-нибудь типа такого:

<div class="short">

    <div class="padding">

        [full-link]<img src="{image-1}" alt="{title}" />[/full-link]

        <div class="title">{title}</div>

    </div>

</div>

для класса .short фиксированные размеры и float:left и вперёд...

[JohnBondlock 0]

Спасибо! Очень помогли!

[JohnBondlock 0]

Минимальные. Но вы пишите, я разберусь))

я так понимаю, что картинки в новости вставляются прямо в краткую новость, поэтому нам понадобится такой тег:

{image-x} — выводит URL картинок находящихся в краткой новости, где x это номер картинки в новости, например {image-1} выведет URL первой картинки в краткой новости

соответственно редактируем шаблон shortstory.tpl, что-нибудь типа такого:

<div class="short">

	<div class="padding">

		[full-link]<img src="{image-1}" alt="{title}" />[/full-link]

		<div class="title">{title}</div>

	</div>

</div>

для класса .short фиксированные размеры и float:left и вперёд...

Вроде бы все вышло, но вот в классах я практически не шарю, поэтому

для класса .short фиксированные размеры и float:left и вперёд... ]

- я не въехал. Из-за этого у меня картинки в одном ряду стоит одна, а не две в ряд?

http://truebooks.ru/

Изменено 1 февраля 2014 пользователем JohnBondlock

[pro1rock1 4]

Из-за этого у меня картинки в одном ряду стоит одна, а не две в ряд?

Чтобы блоки обтекались равномерно, необходимо чтобы они были одинаковых размеров. Обработайте свои картинки в редакторе под один размер.