Category: it

спецкостюм

Про слои

Сегодня речь пойдет про слои, которые предоставляют обширные возможности в оформлении журналов и доступны только пользователям платных аккаунтов.

ВНИМАНИЕ
Урок для продвинутых пользователей.
Подразумевается, что вы знакомы с Html и Css и вас не пугает программный код. В идеале иметь хотя бы небольшие навыки программирования.
Для экспериментов обязательно иметь платный аккаунт (можно купить за 5$ на 2 месяца, если что).

Итак, слои.

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

Кнопки "Like"

Originally posted by igrick at Сказано — сделано!

Comrades, мы сегодня подумали и решили что именно сегодня подходящий день решить наконец проблему со вставкой в записи дневников и сообществ всеми любимых лайков. Ввиду того что вставлять JavaScript в записи запрещено, по причине безопасности, мы сделали специальный LJ-тэг, который позволит поставить Like! от FaceBook, Нравится от вКонтакте и совсем свежий +1 от Google.

Делается это просто — в то место записи, в котором вы хотите добавить кнопки, вставляется следующий тег:

<lj-like />

И выглядеть это будет так (кстати, если вам нравится — лайкайте!):

При этом, если тег указать без параметров, то будут вставлены все поддерживаемые кнопки. Если необходимо выбрать конкретные, то можно указать как их список, так и последовательность, например следующий код выведет только +1 от Google и Like! от FaceBook:

<lj-like buttons="google, facebook" />

Известные проблемы:

  • Like! в FaceBook иногда берет неверную картинку из записи (выбирает случайную), так что не удивляйтесь странным иконкам. Мы поправим это в следующем апдейте;
  • в некоторых стилях всплывающие элементы (например — список тех, кто уже пролайкал или ввод текста в комментарий FB, после того как лайк уже сделан) могут перекрываться элементами стиля. Если у вас такое происходит — сообщайте, мы поправим стиль.

Спасибо за внимание, не переключайтесь.


спецкостюм

Справочник по настройкам Expressive

Внимание, с 1 августа 2013 настройки Хамелеона, Minimalism'a и Expressive переведены на русский язык.
Просто зайдите в настройки, там теперь всё понятно : )

Информация в посте утратила свою актуальность.


Представляю вашему вниманию длинющщий пост с максимально полным описанием настроек Expressive.
Это удобные, гибко настраиваемые стили с кучей возможностей, о которых многие просто не знают.
Вы можете просматривать всё по порядку или воспользоваться навигацией по записи.

Как пользоваться?

Выберите в списке нужное действие. Кликнув по ссылке вы перейдёте к картинке с указанием нужной страницы и переводом настроек.
Скриншоты состоят из двух частей: в левой части видно в каком разделе находится искомая опция, в правой - нужный блок настроек.

Обратите внимание: расположение правой и левой частей не соответствует их взаиморасположению на странице, потому что на самом деле настройки могут быть далеко внизу страницы, меню остаётся наверху, и они просто не попали бы на один скриншот.
Для напоминания об этом служит оранжевый пунктир

Ещё раз: слева показан нужный раздел настроек, справа - нужные вам опции.
Курсивом - перевод на русский.
Над каждым скриншотом есть ссылка на раздел в настройках (не работает для сообществ).

( Collapse )

большие зелёные глаза - 2

День третий: ширина журнала

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

Затем вспомним как выглядит код и заодно немного познакомимся с Css.

( Collapse )
ловлю флюиды

Уроки по оформлению ЖЖ для S2. Часть I.

Предыдущие уроки были скорее для S1, и попытка использовать их для S2 могла приводить к путанице.
( Collapse )

Эта таблица поможет вам определиться какую систему стилей вы будете использовать.
Для S1 уроки уже есть, для S2 продолжение следует : )

wechsel, herbera и прочие продвинутые товарищи - буду признательна за поправки и дополнения


Навигация по урокам: 1 2 3
захватить вселенную

Уроки по дизайну ЖЖ. Часть II.

Внимание: это уроки для устаревшей системы стилей S1, хотя, возможно, вы найдете в посте полезную информацию по CSS.
Перейти к актуальным урокам →

Что такое CSS?
Это каскадные таблицы стиля для HTML-документа, а если проще - язык, на котором мы объясняем нашему дизайну каким же мы хотим его видеть.
( Collapse )
захватить вселенную

Уроки по дизайну ЖЖ. Часть I.

Внимание: это уроки для устаревшей системы стилей S1.
Перейти к актуальным урокам →

Часто наблюдаю, что юзеры пытаются создать или изменить свой дизайн просто копированием чужого кода, то есть без понимания того что они делают. Результат бывает довольно удручающим, код сильно вырастает в размерах, а если возникает ошибка - многие не могут её самостоятельно найти, потому что в коде ничего не понимают.

Хочу попытаться исправить эту досадную ситуацию, написав универсальный справочник по кодам дизайна с примерами : )

В качестве примера я буду рассматривать один из своих кодов:

Стеклянные мурашки
( Collapse )