Этот урок скорее представляет собой справочную таблицу по возможностям стилей.
Приведённая ниже таблица позволит выбирать нужный стиль не методом тыка, а быстро находить его по свойствам. Так же она поможет быстро определить незнакомый стиль по виду.
Возможности, которые есть во всех 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 может только изменять вид существующих элементов и не может добавлять новые.
Так как для создания таблицы пришлось перелопатить много материала, в посте вполне могут быть неточности. Сообщите если найдёте.