yoksel : ) (yoksel) wrote in ru_designhelp,
yoksel : )
yoksel
ru_designhelp

Categories:

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

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

Возможности, которые есть во всех 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 может только изменять вид существующих элементов и не может добавлять новые.


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

  • Изменить отступ в записи

    Здравстуйте! Мой стиль Flexible Squares. Помогите исправить ошибку в коде чтобы изменить отступ текста записи от заголовка. Под катом скриншот и код.…

  • Цвет заголовка записи

    Здравствуйте! S2, Стиль Expressive Light clouds, улучшенный аккаунт. Задача: изменить цвет заголовка поста на странице последних записей и на…

  • Шаблон поста в сообщество

    S2 Black and White Chameleon платный (сообщество) Можно ли задать для постов в сообщество всеми участниками некий шаблон? Ну например со счётчиком,…

  • 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 

  • 73 comments

  • Изменить отступ в записи

    Здравстуйте! Мой стиль Flexible Squares. Помогите исправить ошибку в коде чтобы изменить отступ текста записи от заголовка. Под катом скриншот и код.…

  • Цвет заголовка записи

    Здравствуйте! S2, Стиль Expressive Light clouds, улучшенный аккаунт. Задача: изменить цвет заголовка поста на странице последних записей и на…

  • Шаблон поста в сообщество

    S2 Black and White Chameleon платный (сообщество) Можно ли задать для постов в сообщество всеми участниками некий шаблон? Ну например со счётчиком,…