yoksel : ) (yoksel) wrote in journals_covers,
yoksel : )
yoksel
journals_covers

Новое в Expressive: вкусности для верстальщиков

В html-код стиля Expressive добавлены несколько дополнительных классов. Мне их там очень не хватало : )
Итак, что за классы:

.asset-entry-date - блок в шапке, содержащий дату поста (раньше был просто .asset-meta, теперь там два класса)
.asset-entry-links - блок со ссылками под постом (раньше тоже был просто .asset-meta)

Эти два класса позволят писать стили для даты или блока комментариев так, чтобы стили этих блоков не затрагивали друг друга. Кто пытался что-то делать с датой поста - меня поймет

В шапке добавились классы для пунктов меню:

.item-recent - Свежие записи
.item-archive - Архив
.item-friends - Друзья
.item-userinfo - Профиль

Обратите внимание, что это - классы пунктов списка, которые внутри себя содержат ссылки.
Для манипуляций со шрифтом/цветом текста после класса добавляйте тег ссылки A, например .item-recent A.

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

.item-read - читать комментарии
.item-reply - ответить
.item-edit_entry - редактировать запись
.item-edit_tags - редактировать метки
.item-mem_add - добавить в избранное
.item-share - поделиться
.item-watch_comments - подписаться на комментарии
.item-flag - пожаловаться на запись
.item-link - ссылка на пост

Что с этим можно сделать?
Например, убрать все ссылки под постом, кроме ссылок на комменты:



Примерный код:



Или покрасить каждую ссылку в свой цвет:



Примерный код:




Играйтесь : )
Tags: useful: новое в ЖЖ, useful: уроки по оформлению ЖЖ
Subscribe
promo journals_covers august 1, 2013 11:15 62
Buy for 200 tokens
У меня сегодня прекрасная новость: длинные инструкции по настройкам оформления больше не нужны, потому что теперь настройки на русском! : ) '​*':'*'тут салютики'*':'*' Сначала это было сделано для Хамелеона, теперь настройки переведены для Minimalism и Expressive. Помимо перевода, настройки…
  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

  • 79 comments