Разделение контента

[D Storm]

Здесь я расскажу о том, как с помощью CSS в дневнике реализовать отображение трёх различных блоков контента в ленте избранного, дневнике и режиме комментариев соответственно. Зачем это нужно? Как правило, для шлифовки сложного оформления, но могут быть и другие причины. So, let's start.

Для начала создаём в записи три блока для контента. Выглядеть они должны примерно так.

<div class="feedTrigger">контент для ленты</div>
<div class="journalTrigger" style="display:none;">контент для дневника</div>
<div class="commentsTrigger" style="display:none;">контент для записи</div>

Зачем прописывать style="display:none"? Это скроет ненужные блоки в режиме ленты избранного, где ваш CSS не действует.

Итак, всё, что осталось - описать данные классы в CSS. Можете смело использовать следующий код:

.feedTrigger {display:none;}
#Journal .journalTrigger, #JournalDraft .journalTrigger {display:block !important;}
#JournalComments .commentsTrigger, #JournalDraft .commentsTrigger {display:block !important;}
#JournalFavorite .feedTrigger, #JournalQuote .feedTrigger, #JournalDraft .feedTrigger {display:block !important;}

И всё работает. Последняя строчка нужна для того, чтобы feed контент отображался в своём избранном (чужие и свои блоки такого типа) и в своём цитатнике. Также подразумевается, что в черновиках должны быть видны вообще все варианты.

Пример: лента, дневник, запись.

@темы: текст, diaryCSS, основные блоки, Мысли вслух

Comments

[UDFj]

D Storm, спасибо, что поделились наработками и разъяснили доходчиво ) Так редко кто делает. Спасибо вам ещё раз )

[D Storm]

UDFj,
^_^