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

Apr 14, 2009 00:58

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

Возможности, которые есть во всех S2-стилях:

- менять цвета полосы навигации
- управлять числом записей на странице
- выбор языка оформления
- добавить список ссылок
- добавить Css
- возможность подключить внешний Css-файл

Таблица стилей
В ней содержится список возможностей, индивидуальных для каждого стиля.

В левой колонке превью (некликабельно), оно даёт общее представление о строении стиля (где шапка, сайдбар и прочее).

Цифра в скобках показывает количество вариантов одного стиля. Как правило, это просто разные цветовые гаммы.
В случае с Bloggish, Expressive/Expressive Winter/Mixit и Style Contest варианты дизайнов за счёт использования графики отличаются друг от друга довольно сильно. Поэтому советую просматривать все варианты, там много интересного, хотя скелет страницы и возможности одинаковы для каждой группы

Итак, стили, в алфавитном порядке:

3 column (10)

Сайдбар: 2, расположение элементов не меняется
Свой текст: есть
Блоки сайдбара: не настраиваются.
- меню
- список ссылок
- профиль
- свой текст
- календарь

Ширина журнала: тянется, не настраивается Настройка цветов: есть
Настройка шрифтов: есть
Настройка картинок: фон, заглавная. Картинки ссылок под постом можно менять

Настройка текста: всё настраивается
Юзерпик в записях: есть, отключается A Novel Conundrum (264)
Сайдбар: нет
Свой текст: нет

Ширина журнала: настраивается, не тянется
Настройка цветов: фон страницы
Настройка шрифтов: есть
Настройка картинок: фон, разделитель постов

Настройка текста: ссылки на комменты и currents mood/music
Юзерпик в записях: есть, не отключается A Sturdy Gesture (6)
Сайдбар: 1 слева или справа
Свой текст: нет
Блоки сайдбара: не настраиваются.
- меню
- список ссылок
- навигация по страницам

Ширина журнала: тянется, не настраивается
Настройка цветов: фон страницы
Настройка шрифтов: есть
Настройка картинок: нет

Настройка текста: нет
Юзерпик в записях: есть, отключается Bloggish (23)

Сайдбар: 1 слева или справа, 2 слева и справа или без сайдбара
Свой текст: нет
Блоки сайдбара: не настраиваются.
- меню
- календарь
- список ссылок
- подписка на Rss
- метки
- список записей.

Ширина журнала: 2 варианта: фиксированная или тянется, зависит от выбранного вида.
Настройка цветов: нет
Настройка шрифтов: нет
Настройка картинок: нет

Настройка текста: некоторые ссылки под постом, меню, заголовки в сайдбаре
Юзерпик в записях: есть, отключается Classic (22)

Сайдбар: нет
Свой текст: поле для счётчика

Ширина журнала: на весь экран, тянется, настраивается.
Настройка цветов: есть.
Можно отключить все цвета и сделать фон журнала прозрачным
Настройка шрифтов: есть
Настройка картинок: фоновая, разделитель комментов

Настройка текста: ссылки на комменты, формат даты
Юзерпик в записях: есть, отключается Clean and Simple (23)

Сайдбар: есть
Свой текст: поле для счётчика
Блоки сайдбара: не настраиваются.
- меню
- список ссылок

Ширина журнала: на весь экран, тянется, настраивается.
Настройка цветов: есть.
Настройка шрифтов: есть
Настройка картинок: фоновая, разделитель комментов

Настройка текста: ссылки на комменты, формат даты
Юзерпик в записях: нет Component (11)

Сайдбар: 1 слева или справа или без сайдбара
Свой текст: есть.
Блоки сайдбара: настраиваются, блоки можно менять местами и скрывать.
- меню
- профиль
- календарь
- список ссылок
- метки
- свой текст
- список записей

Ширина журнала: на весь экран, тянется, не настраивается.
Настройка цветов: есть.
Настройка шрифтов: есть
Настройка картинок: фоновая

Настройка текста: ссылки на комменты, меню, навигация, currents, заголовки сайдбара
Юзерпик в записях: есть, отключается Cuteness Attack (7)

Сайдбар: 1, слева
Свой текст: нет
Блоки сайдбара: не настраиваются
- меню
- юзерпик
- список ссылок

Ширина журнала: фиксированная, ширина постов ~450px, не настраивается.
Настройка цветов: не полная, в основном цвета текста.
Настройка шрифтов: есть
Настройка картинок: фоновая

Настройка текста: меню, навигация, currents, заголовки сайдбара, ссылки на комменты, формат даты
Юзерпик в записях: нет Dear Diary... (11)

Сайдбар: 1, слева
Свой текст: нет
Блоки сайдбара: не настраиваются
- профиль
- меню
- навигация
- список ссылок

Ширина журнала: на весь экран, тянется, не настраивается.
Настройка цветов: есть.
Настройка шрифтов: есть
Настройка картинок: нет

Настройка текста: меню, ссылки на комменты
Юзерпик в записях: есть, отключается Digital Multiplex (OSWD) (2)

Сайдбар: 1, слева
Свой текст: есть
Блоки сайдбара: не настраиваются
- профиль
- меню/навигация
- свой текст
- календарь
- список постов
- список ссылок

Ширина журнала: тянется, настраивается.
Настройка цветов: есть.
Настройка шрифтов: есть
Настройка картинок: фоновая

Настройка текста: ссылки на комменты, currents
Юзерпик в записях: есть, отключается Disjointed (11)

Сайдбар: 1, справа
Свой текст: есть
Блоки сайдбара: можно скрывать
- профиль
- меню
- навигация
- свой текст
- календарь
- список постов
- список ссылок

Ширина журнала: тянется, настраивается.
Настройка цветов: есть.
Можно отключить все цвета и сделать фон журнала прозрачным
Настройка шрифтов: есть
Настройка картинок: фоновая, разделитель комментов

Настройка текста: всё настраивается
Юзерпик в записях: есть, не отключается Expressive/Expressive Winter/Mixit (249/43/32)

Сайдбар: 1 справа или слева, 2 справа или 2 справа и слева
Свой текст: есть
Блоки сайдбара: можно скрывать и менять местами
- профиль
- календарь
- список постов
- свой текст
- метки (облаком/списком)
- список ссылок
- Rss

Ширина журнала: фискированная, не настраивается.
Настройка цветов: нет
Настройка шрифтов: нет
Настройка картинок: нет

Настройка текста: почти всё настраивается кроме некоторых ссылок под постом
Юзерпик в записях: есть, отключается Flexible Squares (18)

Сайдбар: 1 справа или слева или без сайдбара
Свой текст: есть
Блоки сайдбара: можно скрывать и менять местами
- профиль
- календарь
- список постов
- свой текст
- метки (облаком/списком)
- список ссылок

Ширина журнала: тянется, настраивается.
Настройка цветов: есть
Настройка шрифтов: есть
Настройка картинок: фоновая

Настройка текста: есть
Юзерпик в записях: есть, отключается. Можно выбрать положение юзерпика в посте Generator (21)

Сайдбар: нет
Свой текст: поле для счётчика

Ширина журнала: не тянется, настраивается.
Настройка цветов: есть
Можно отключить все цвета и сделать фон журнала прозрачным
Настройка шрифтов: есть
Настройка картинок: фоновая, разделитель постов

Настройка текста: есть, + формат даты
Юзерпик в записях: нет Gradient Strip (16)

Сайдбар: нет
Свой текст: нет

Ширина журнала: тянется, настраивается.
Настройка цветов: есть
Настройка шрифтов: есть
Настройка картинок: выбор фона или свой фон

Настройка текста: есть, + формат даты
Юзерпик в записях: есть, отключается. Haven (50)

Сайдбар: 1, справа или слева
Свой текст: есть
Блоки сайдбара: можно скрывать и менять местами
- профиль
- календарь
- список постов
- свой текст
- список ссылок

Ширина журнала: тянется, настраивается.
Настройка цветов: есть
Настройка шрифтов: есть
Настройка картинок: фоновая

Настройка текста: ссылки на комменты, currents
Юзерпик в записях: есть, отключается. Magazine (22)

Сайдбар: нет
Свой текст: поле для счётчика

Ширина журнала: тянется, настраивается.
Настройка цветов: есть
Настройка шрифтов: нет
Настройка картинок: фоновая, разделитель комментов

Настройка текста: ссылки на комменты, формат даты
Юзерпик в записях: есть, отключается. Minimalism (25)

Сайдбар: 1, справа или слева
Свой текст: есть
Блоки сайдбара: можно скрывать
- календарь
- метки (облаком/списком)
- список постов
- список ссылок
- свой текст

Ширина журнала: на весь экран, тянется, не настраивается.
Настройка цветов: нет
Настройка шрифтов: нет
Настройка картинок: нет

Настройка текста: есть
Юзерпик в записях: есть, отключается. Nebula (10)

Сайдбар: 1, справа или слева
Свой текст: нет
Блоки сайдбара: не настраиваются
- профиль
- меню
- навигация
- список постов
- список ссылок

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

Настройка текста: есть, + формат даты
Юзерпик в записях: есть, отключается. Notepad (1)

Сайдбар: нет
Свой текст: поле для счётчика

Ширина журнала: тянется, настраивается.
Настройка цветов: фон страницы, цвета текста и ссылок
Можно отключить все цвета и сделать фон журнала прозрачным
Настройка шрифтов: нет
Настройка картинок: фоновая, разделитель комментов

Настройка текста: ссылки на комменты, формат даты
Юзерпик в записях: есть, отключается. Opal (10)

Сайдбар: 1, слева
Свой текст: есть
Блоки сайдбара: не настраиваются
- список постов
- список ссылок
- свой текст
- календарь

Ширина журнала: на весь экран, тянется, не настраивается.
Настройка цветов: есть
Настройка шрифтов: есть
Настройка картинок: нет

Настройка текста: есть
Юзерпик в записях: есть, отключается. Punquin Elegant (27)

Сайдбар: 1, слева или справа
Свой текст: поле для счётчика
Блоки сайдбара: не настраиваются
- меню/навигация
- список ссылок

Ширина журнала: тянется, настраивается.
Настройка цветов: есть
Можно отключить все цвета и сделать фон журнала прозрачным
Настройка шрифтов: есть
Настройка картинок: фоновая, разделитель комментов

Настройка текста: ссылки на комменты, формат даты
Юзерпик в записях: есть, отключается. Quite Lickable (6)

Сайдбар: 1, справа
Свой текст: есть
Блоки сайдбара: не настраиваются
- профиль
- свой текст
- меню
- навигация
- список ссылок

Ширина журнала: не тянется, настраивается.
Настройка цветов: есть
Настройка шрифтов: есть
Настройка картинок: заглавная на выбор или своя, фон страницы, фон постов

Настройка текста: меню, ссылки на комменты
Юзерпик в записях: есть, отключается. Refried Paper (1)

Сайдбар: 1, справа или слева
Свой текст: поле для счётчика, свой текст
Блоки сайдбара: некоторые можно скрыть
- навигация
- меню
- список ссылок
- календарь
- свой текст
- профиль

Ширина журнала: на весь экран, тянется, настраивается.
Настройка цветов: есть
Настройка шрифтов: есть
Настройка картинок: фон страницы, разделитель комментов

Настройка текста: есть
Юзерпик в записях: есть, не отключается. Smooth Sailing (17)

Сайдбар: 1 справа или слева или без сайдбара
Свой текст: до 10 полей для своего текста!
Блоки сайдбара: можно скрывать и менять местами
- профиль
- список записей
- список ссылок
- календарь
- метки
- поиск
- свой текст

Ширина журнала: на весь экран, тянется, не настраивается.
Настройка цветов: есть
Настройка шрифтов: есть
Настройка картинок: фон страницы

Настройка текста: есть, + формат даты
Юзерпик в записях: есть, отключается. Style Contest (38)

Сайдбар: 1 справа или слева, 2 справа и слева или без сайдбара
Свой текст: нет
Блоки сайдбара: не настраиваются
- профиль
- меню
- календарь
- список ссылок
- метки
- список записей
- rss

Ширина журнала: фиксированная, не тянется, не настраивается.
Настройка цветов: нет
Настройка шрифтов: нет
Настройка картинок: нет

Настройка текста: есть
Юзерпик в записях: есть, отключается. Tabular Indent (21)

Сайдбар: нет
Свой текст: поле для счётчика

Ширина журнала: на весь экран, тянется, настраивается.
Настройка цветов: есть
Можно отключить все цвета и сделать фон журнала прозрачным
Настройка шрифтов: нет
Настройка картинок: фон страницы, разделитель комментов

Настройка текста: ссылки на комменты, формат даты
Юзерпик в записях: есть, отключается. The Boxer (14)

только для платных Сайдбар: нет
Свой текст: нет

Ширина журнала: не тянется, настраивается.
Настройка цветов: есть
Настройка шрифтов: нет
Настройка картинок: фон страницы, есть фоны на выбор

Настройка текста: навигация, формат даты
Юзерпик в записях: есть, отключается. Tranquility II (13)

Сайдбар: 1, слева
Свой текст: нет

Ширина журнала: не тянется, настраивается.
Настройка цветов: есть
Настройка шрифтов: есть
Настройка картинок: нет

Настройка текста: есть, + формат даты
Юзерпик в записях: есть, отключается. Unearthed (11)

Сайдбар: нет
Свой текст: есть

Ширина журнала: тянется, настраивается.
Настройка цветов: есть
Настройка шрифтов: есть
Настройка картинок: фоновая

Настройка текста: есть
Юзерпик в записях: есть, отключается. Variable Flow (13)

Сайдбар: нет
Свой текст: нет

Ширина журнала: тянется, настраивается.
Настройка цветов: есть
Настройка шрифтов: есть
Настройка картинок: фон страницы, фон ленты

Настройка текста: ссылки на комменты
Юзерпик в записях: есть, отключается.

Классификация стилей по полезным свойствам
Формат даты

- Classic
- Clean and Simple
- Cuteness Attack
- Disjointed
- Generator
- Gradient Strip
- Magazine
- Nebula
- Notepad
- Punquin Elegant
- Refried Paper
- Smooth Sailing
- Tabular Indent
- The Boxer
- Tranquility II Поле для счётчика

- Classic
- Clean and Simple
- Disjointed
- Generator
- Magazine
- Notepad
- Punquin Elegant
- Refried Paper
- Tabular Indent Свой текст

- 3 Column
- Digital Multiplex (OSWD)
- Flexible Squares
- Haven
- Quite Lickable
- Unearthed
- Expressive, Expressive Winter, Mixit
- Minimalism
- Component
- Disjointed
- Opal (Libra OSWD)
- Refried Paper
- Smooth Sailing Настраиваемый сайдбар

- Component
- Digital Multiplex (OSWD)
- Disjointed
- Expressive/Expressive Winter/Mixit
- Flexible Squares
- Haven
- Minimalism
- Refried Paper
- Smooth Sailing Теги в сайдбаре

- Bloggish/The Style Contest
- Component
- Expressive/Expressive Winter/Mixit
- Flexible Squares
- Minimalism
- Smooth Sailing Фоновая картинка

- 3 Column
- A Novel Conundrum
- Classic
- Clean and Simple
- Component
- Digital Multiplex (OSWD)
- Disjointed
- Flexible Squares
- Generator
- Gradient Strip
- Haven
- Magazine
- Nebula
- Notepad
- Quite Lickable
- Punquin Elegant
- Refried Paper
- Smooth Sailing
- Tabular Indent
- The Boxer
- Unearthed
- Variable Flow Заглавная картинка

- 3 Column
- Quite Lickable
- Nebula

Таблица свойств от triadastudio

формат даты

поле для счётчика

свой текст

настраиваемый сайдбар

теги в сайдбаре

фоновая картинка

заглавная картинка

3 column

+

+

+

a novel conundrum

+

a sturdy gesture

bloggish

+

classic

+

+

+

clean and simple

+

+

+

component

+

+

+

cuteness attack

+

dear diary...

digital multiplex (oswd)

+

+

+

disjointed

+

+

+

+

+

expressive/expressive winter/mixit

+

+

+

flexible squares

+

+

+

+

generator

+

+

+

gradient strip

+

+

haven

+

+

+

формат даты

поле для счётчика

свой текст

настраиваемый сайдбар

теги в сайдбаре

фоновая картинка

заглавная картинка

magazine

+

+

+

minimalism

+

+

+

nebula

+

+

+

notepad

+

+

+

opal

punquin elegant

+

+

+

quite lickable

+

+

refried paper

+

+

+

+

+

smooth sailing

+

+

+

+

+

style contest

+

tabular indent

+

+

+

the boxer
только для платных
+

+

tranquility ii

+

unearthed

+

variable flow

+

формат даты

поле для счётчика

свой текст

настраиваемый сайдбар

теги в сайдбаре

фоновая картинка

заглавная картинка

Для подготовки второй таблицы использовалась информация из s2howto (En). Там, кстати, очень много полезного.

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

С помощью Css нельзя добавлять блоки которых нет (например, список меток или календарь, если их нет в исходном дизайне), нельзя добавить сайдбары или ссылки под постом, изменить формат даты. Css может только изменять вид существующих элементов и не может добавлять новые.

Так как для создания таблицы пришлось перелопатить много материала, в посте вполне могут быть неточности. Сообщите если найдёте.

s2, уроки по оформлению ЖЖ

Previous post Next post
Up