Игорь Глуховский (gluhovski_igor) wrote,
Игорь Глуховский
gluhovski_igor

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

Оригинал взят у v_top100 в Как сделать в журнале тематические блоки (интерактивное содержание)
.


Уже достаточно давно мой хороший друг 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-редактор вставляются через пробел. Думаю, что такие картинки с нужными ссылками на разделы (метки) можно вставить и в сайдбар.


Tags: #Жж, #Живой журнал
Subscribe

Posts from This Journal “#Живой журнал” Tag

promo gluhovski_igor октябрь 3, 14:14 Leave a comment
Buy for 30 tokens
В этом давнем деле до сих пор не разобрались со странностями и нестыковками. А между тем по нему осужден человек. И уже длительное время сидит на зоне. https://rreporter.ru/raznoe/kak-operu-v-kontrolnoj-zakupke-pomogat-na-svoyu-golovu.html
  • Post a new comment

    Error

    default userpic

    Your IP address will be recorded 

    When you submit the form an invisible reCAPTCHA check will be performed.
    You must follow the Privacy Policy and Google Terms of use.
  • 0 comments