Как сделать в журнале тематические блоки (интерактивное содержание)

.


Уже достаточно давно мой хороший друг algari  задавал вопрос и просил выяснить, как сделать на странице тематические блоки. Некоторые называют это интерактивным содержанием. Вещь это исключительно полезная. Блоки не только украшают журнал, но и облегчают читателям поиск информации.

Недавно обратился с просьбой поделиться своими разработками Сергея kitv. Вот какое решение он использует в своем блоге:



Для этого, пишет Сергей, в пост (в html-редакторе) вставляется код картинок:

<A href="АДРЕС ССЫЛКИ" target=_blank><IMG title="НАЗВАНИЕ" border=0 alt="" src="ССЫЛКА НА КАРТИНКУ" width=100 height=67></A>

Где размер картинки обычно устанавливается автоматически, как на ссылке (в моем случае ширина/высота  равна 100/67), но можно и прописать самостоятельно (width= height =).

Например:

<A href="http://kitv.livejournal.com/16125.html#cutid1" target=_blank><IMG title="КАК ВЫГЛЯДИТ ПАРИЖ С ЭЙФЕЛЕВОЙ БАШНИ?" border=0 alt="" src="http://img-fotki.yandex.ru/get/5603/29231442.2e/0_ad0f4_3da4e077_XS" width=100 height=67></A>

Для того, чтоб сделать несколько картинок, коды в html-редактор вставляются через пробел. Думаю, что такие картинки с нужными ссылками на разделы (метки) можно вставить и в сайдбар.