Конструктор оформления ЖЖ-блога
Добавлено 25 марта 2011: в дополнение - статья о графическом оформлении блога ЖЖ (как сменить картинку в шапке, на полях и т.д. ...).
Закончил бэта-версию конструктора - 0.0.01β. Можно пользоваться. Все благодарности и весь мат прошу в комменты :)
Это официальный пост. Тут всегда будет вся самая последняя и подробная информация о конструкторе, плюс подробная инструкция.
Итак, поехали...
Сам конструктор лежит тут: lj_stylist (откроется в новой вкладке).
Как им пользоваться?
Элементарно. Страница по ссылке разделена на две части. Вверху - набор инструментов, внизу - имитация страницы блога, где Вы можете сразу же видеть результат своих действий. Там же, в нижней части страницы - описание работы с конструктором. Разделитель между частями можно перемещать мышкой вверх-вниз для удобной работы.
Покрутили-повертели, сваяли дизайн, который Вам понравился. Получили результирующий CSS-файл (он же файл стилей).
Как теперь прикрутить его к своему блогу?
Для этого нужно сначала для своего блога выбрать особый "голый" стиль "Unstyled Expressive" с версткой в три колонки с журналом по центру, и потом залить полученный файл стилей как Custom CSS на ЖЖ-сервер. Весь процесс занимает порядка 30 секунд.
Если не понимаете, как выполнить предыдущий шаг - под катом оо-очень подробная инструкция.
1. Убеждаемся, что мы сейчас залогинены в своем ЖЖ и заходим на страницу "Стиль журнала" - как показано на рисунке или просто нажав эту ссылку (откроется в новой вкладке).
2. Нам нужно найти "голые" стили. Чтобы не ошибиться, можете скопипастить отсюда в поисковую форму их название: unstyled
3. Таких стилей не один, а три. Нам нужен "голый" стиль из группы Expressive.
4. Конструктор пока расчитан только на один вариант верстки: в три колонки, журнал посередине.
5. Переходим к настройке - либо как показано на рисунке, либо просто нажав эту ссылку (откроется в новой вкладке).
6. Нас интересует только закладка "Custom CSS", а всё, что находится на всех остальных закладках этой страницы, Вы можете свободно настраивать по своему вкусу.
7. На закладке Custom CSS переключатель оставляем в положении "Yes", наш файл вставляем в окошко "Custom stylesheet" и сохраняем.
На этом всё! Можно проверять результат. Обо всех багах, недоделках и пожеланиях прошу писать в комментариях к этому посту.
На каких условиях можно пользоваться конструктором? Свободно и бесплатно. Единственная просьба: если он Вам пригодился - не в службу, а в дружбу: расскажите о нем в своем блоге. Напишите пару фраз и дайте, пожалуйста, ссылку на этот пост. Заранее спасибо.
Приятной работы всем.
Закончил бэта-версию конструктора - 0.0.01β. Можно пользоваться. Все благодарности и весь мат прошу в комменты :)
Это официальный пост. Тут всегда будет вся самая последняя и подробная информация о конструкторе, плюс подробная инструкция.
Итак, поехали...
Сам конструктор лежит тут: lj_stylist (откроется в новой вкладке).
Как им пользоваться?
Элементарно. Страница по ссылке разделена на две части. Вверху - набор инструментов, внизу - имитация страницы блога, где Вы можете сразу же видеть результат своих действий. Там же, в нижней части страницы - описание работы с конструктором. Разделитель между частями можно перемещать мышкой вверх-вниз для удобной работы.
Покрутили-повертели, сваяли дизайн, который Вам понравился. Получили результирующий CSS-файл (он же файл стилей).
Как теперь прикрутить его к своему блогу?
Для этого нужно сначала для своего блога выбрать особый "голый" стиль "Unstyled Expressive" с версткой в три колонки с журналом по центру, и потом залить полученный файл стилей как Custom CSS на ЖЖ-сервер. Весь процесс занимает порядка 30 секунд.
Если не понимаете, как выполнить предыдущий шаг - под катом оо-очень подробная инструкция.
1. Убеждаемся, что мы сейчас залогинены в своем ЖЖ и заходим на страницу "Стиль журнала" - как показано на рисунке или просто нажав эту ссылку (откроется в новой вкладке).
2. Нам нужно найти "голые" стили. Чтобы не ошибиться, можете скопипастить отсюда в поисковую форму их название: unstyled
3. Таких стилей не один, а три. Нам нужен "голый" стиль из группы Expressive.
4. Конструктор пока расчитан только на один вариант верстки: в три колонки, журнал посередине.
5. Переходим к настройке - либо как показано на рисунке, либо просто нажав эту ссылку (откроется в новой вкладке).
6. Нас интересует только закладка "Custom CSS", а всё, что находится на всех остальных закладках этой страницы, Вы можете свободно настраивать по своему вкусу.
7. На закладке Custom CSS переключатель оставляем в положении "Yes", наш файл вставляем в окошко "Custom stylesheet" и сохраняем.
На этом всё! Можно проверять результат. Обо всех багах, недоделках и пожеланиях прошу писать в комментариях к этому посту.
На каких условиях можно пользоваться конструктором? Свободно и бесплатно. Единственная просьба: если он Вам пригодился - не в службу, а в дружбу: расскажите о нем в своем блоге. Напишите пару фраз и дайте, пожалуйста, ссылку на этот пост. Заранее спасибо.
Приятной работы всем.