Журнал как витрина
journals_covers — 22.01.2012
Хотите превратить главную страницу журнала в оригинальную витрину? Добавьте немного Css! : )
Как это работает?
Ваши посты выстраиваются по три в ряд, при этом превьюшкой поста становится последняя картинка (не первая). В идеале оставлять до ката 1 картинку, остальные под кат.
По наведению на превьюшку показывается вся запись целиком. Убираем мышь - превьюшка уменьшается обратно.
Код экспериментальный (мне чисто было интересно посмотреть получится или нет), поэтому возможны косяки - сообщайте о них в комментах.
Так же теоретически возможны конфликты с уже установленным дизайном.
Внимание!
1. Код только для стилей группы Expressive.
2. Витрина правильно выглядит во всех браузерах, кроме IE младше 9-й версии. В IE 7 и 8 отсутствуют тени и круглые углы, в 6-м не будет всплывающих окон.
3. Очень важно! Для базовых и улучшенных аккаунтов надо выбрать вертикальное или горизонтальное расположение рекламы! Для этого придётся отказаться от кириллических сервисов, это означает, что после этого вы не будете участвовать в рейтингах, например.
Как установить?
1. Первым делом убедитесь что у вас стиль группы Expressive.
Затем зайдите в Custom Css и вставьте код в большое поле ПОСЛЕ всех других кодов, если они там есть.
2. Если у вас улучшенный или базовый аккаунт обязательно настройте отображение рекламы, иначе витрина разъедется по швам.
Снимите галку в строчке Кириллические сервисы
2. После этого на странице каталога в самом низу выберите размещение рекламы - горизонтальное или вертикальное:
3. Последний штрих: зайдите в Стиль журнала → Отображение и в Базовых настройках в строчке Number of journal entries to show on recent entries page укажите число кратное 3-м (9,12,15,21 и тд.), чтобы в последнем ряду было 3 картинки, а не одна или две.
Теперь зайдите на страницу ваших записей и посмотрите что получилось : )
Вот так выглядит витрина:
А вот так увеличивается пост при наведении курсора:
Пробуйте, показывайте что получилось : )
|
|
</> |
Кодирование от алкоголизма: как работает метод и какие существуют подходы 
