Суп из топора (cyn_u3_monopa) wrote,
Суп из топора
cyn_u3_monopa

Конструктор оформления ЖЖ-блога

Добавлено 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 переключатель <Use layout's "Base Weblog" stylesheet> оставляем в положении "Yes", наш файл вставляем в окошко "Custom stylesheet" и сохраняем.
На этом всё! Можно проверять результат. Обо всех багах, недоделках и пожеланиях прошу писать в комментариях к этому посту.

На каких условиях можно пользоваться конструктором? Свободно и бесплатно. Единственная просьба: если он Вам пригодился - не в службу, а в дружбу: расскажите о нем в своем блоге. Напишите пару фраз и дайте, пожалуйста, ссылку на этот пост. Заранее спасибо.
Приятной работы всем.
Tags: web-дизайн, web-программирование, ЖЖ-дизайн
Subscribe

  • javascript: показать/скрыть содержимое поля ввода пароля

    Точно знал, что есть как грязи готовых скриптов для этого. [Зачем? Ну, просто удобная штука. При авторизации на сайтах запрашивается логин-пароль,…

  • Эффект ржавого текста

    Нашел интересный урок по созданию эффекта "ржавого" текста. Как это выглядит в результате - показано на рисунке (картинка кликабельна и…

  • Обертка для cURL

    Заканчиваю отлаживать класс для работы с cURL. Насчет "обертки" я погорячился, конечно =) Не только обертка. Основная фишка - он работает с…

  • Post a new comment

    Error

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

    When you submit the form an invisible reCAPTCHA check will be performed.
    You must follow the Privacy Policy and Google Terms of use.
  • 73 comments
Previous
← Ctrl ← Alt
Next
Ctrl → Alt →
Previous
← Ctrl ← Alt
Next
Ctrl → Alt →

  • javascript: показать/скрыть содержимое поля ввода пароля

    Точно знал, что есть как грязи готовых скриптов для этого. [Зачем? Ну, просто удобная штука. При авторизации на сайтах запрашивается логин-пароль,…

  • Эффект ржавого текста

    Нашел интересный урок по созданию эффекта "ржавого" текста. Как это выглядит в результате - показано на рисунке (картинка кликабельна и…

  • Обертка для cURL

    Заканчиваю отлаживать класс для работы с cURL. Насчет "обертки" я погорячился, конечно =) Не только обертка. Основная фишка - он работает с…