Обложки для журналов
от Yoksel

Дизайны для ЖЖ

Уроки по оформлению ЖЖ для 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





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

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

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


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


Навигация по урокам: 1 2 3
промо journals_covers август 1, 2013 11:15 62
Разместить за 200 жетонов
У меня сегодня прекрасная новость: длинные инструкции по настройкам оформления больше не нужны, потому что теперь настройки на русском! : ) '​*':'*'тут салютики'*':'*' Сначала это было сделано для Хамелеона, теперь настройки переведены для Minimalism и Expressive. Помимо перевода, настройки…
привет)
нашла у вас в профиле ссылку на сообщество, а в нем дизайн=)
но, поскольку сообщество закрыто и на вопросы там не отвечают, не могли бы вы мне помочь, если не сложно? я сама в этом ничего не понимаю)
вот в этом у меня заголовки отображаются только при наведении на них мышкой, как это можно исправить?)
Спасибо большое! Я пока плохо ориентируюсь в таком море информации, вы не могли бы мне подсказать, у меня стиль A Novel Conundrum - и меня он устраивает по своей... структуре. Как мне искать похожие дизайны? В смысле, чтобы они были одним блоком по центру, без сайдбаров и.т.д., рисунки вылазили за края записи, но не обрезались (у меня монитор 15'').
хелп
уважемая yoksel, помогите пожалуйста изменить "шапку"-картинку в журнале, читали читали..интеллекта не хватает, у нас Savannah Expressive стиль S2, есть сервер, шапку туда зальем, а вот куда ссылку вставить в таблице стиля непонятно...или надо как то скопировать таблицу стиля и в другое место залить и там подправить, может гдето есть уже эта тема рассматривалась подробно касательно этого стиля?? будем признательны и благодарность
> чтобы сайд бар был с метками, но не более

ищите настраиваемый сайдбар, в таком сайдбаре можно включить и выключить нужные блоки и поменять их местами. Cамые гибкие в этом отношении Flexible Squares и Expressive

1. реально

2. настройка картинок - смотря что вы хотите. Если только фон - его можно добавить кодом в абсолютно любой стиль, так что эту настройку можете не искать.

3. поле для любого текста или картинок которые вы захотите вставить в сайбар
Большое спасибо за пост, теперь хоть немного стала разбираться, что к чему. :-)
У меня к вам глупый вопрос: я вот ищу такой дизайн, где можно было бы настроить френдленту. У меня раньше такой был, но я у вас в сообществе нашла лучше, а там я такой опции не нашла. То есть мне хочется сделать так, чтобы можно отдельно читать френдов (journal only) , отдельно сообщества (community only). Может, это где-то в настройках смотреть нужно?
Настройки фильтров ленты не имеют отношения к дизайну, но в сами фильтры обычно попадают из полосы нафигации (она вверху страницы, обычно серая). Если она включена в настройках, но в журнале не показывается, значит надо править код:

Это вообще удалите:

#lj_controlstrip
{display:none;}


А тут измените выделенное значение

html body{
padding:42px 0px 0px 0px;
margin-top:0px;
}


Оба блока в самом начале кода
?

Log in

No account? Create an account