Как настроить стиль журнала?
Оригинал взят у madame_pamira в Как настроить стиль журнала?
Или попросту, как сделать себе уникальный дизайн и радоваться ему?
Мне неожиданно задают много вопросов о том, как я сделала свой дизайн. И я решила продублировать мастер-класс, прописать его поэтапно. Может, кому пригодится... :)
[Этапы установки стиля]
Итак.
Во-первых, идем на сайт http://lj.yoksel.ru/ и выбираем себе подходящий шаблон:
рис.1 главная страница сайта-генератора стилей жж
Во-вторых, выбрав шаблон, нажимаем на него, чтобы продолжить редактирование. Появляется очаровательное окошко с макетом странички жж и зеленоватой рамочкой с настройками.
рис.2. Та самая зеленая рамка для редактирование на фоне макета страницы жж
Дальше нам нужно выбрать фон. Идете в гугль, или на свой сайт, где храните картинки, или вконтакт, выбираете подходящую иллюстрацию. Копируете ссылку на нее:
ВНИМАНИЕ! Генератор стилей не редактирует картинки. Он просто обрезает их по размеру.
рис. 3. Копируем ссылку на картинку, которая будет главной
Когда выбрали картинку и скопировали код, возвращаемся на вкладку генератора стилей, и вставляем код в строчку " заглавная картинка" в зеленой рамке
рис.4. Куда вставить ссылку на картинку, выделено кривой красной линией. Уж простите, я не умею рисовать.
Картинку вставили, сталкиваемся как раз с тем, о чем я говорила - она сжата, срезана. Но есть возможность увеличить высоту заглавной картинки. Если хотите, делаете это.
Я обычно выставляю 400.
рис.5. Измененная высота картинки. Обращаем внимание, что генератор моментально меняет и макет страницы.
С картинкой мы разобрались. Теперь нужно выбрать фон. За фонами я хожу на сайт http://www.lenagold.ru/fon/main.html
. Тут большой выбор, есть возможность подобрать то, что нужно именно вам, ну и тп.
рис.6. Страница с фонами на выше обозначенном сайте
Выбираем рубрику, которая нам ближе, заходим туда, снова выбираем. И уже ищем подходящий фон.
Так как я выбрала картинку осеннюю, я полезла в листья, где нашла:
рис.7. Выбранный мною фон.
Сохраняем фон, выкладываем его в жж закрытой записью или же на сторонний ресурс. Берем ссылку.
Далее вставляем ссылку в уже знакомую нам с вами рамочку:
рис.8. Вставляем ссылку на фон.
И видим, что получается.
Теперь наша задача настроить макет дальше. Как видите, в нашей рамке три вкладки. Ширина и Шрифты. Идем туда и туда, если хотим, задаем закругление боков картинки на главной и записи:
рис.9. Закругление боков.
Мне так нравится, симпатично смотрится.
Когда настроили макет, если он вам нравится, поднимаемся в начало странички, где находим волшебную кнопку "получить код".
рис.10. "Получить код".
Нажимаем на нее. И копируем информацию в открывшемся окошке:
рис.11. Код дизайна копируем.
Теперь наша задача код установить. На самом сайте есть подробная инструкция, но я скажу в двух словах тоже (на всякий случай).
Идем в жж, на главную. Ищем вкладку "стиль журнала". нажимаем.
рис.12. Ищем вкладку стиль журнала.
Нам выскакивают всевозможные стили.
рис.13. Стили ЖЖ
Справа вы видите строку поиска. Вводите в ней "Unstyled" и нажимаете enter
рис.14. поиск Unstyled
Выбираете тот стиль, что выбран у меня - Expressive, ставите его. А потом лезете в настройки стиля ЖЖ.
Во вкладке custom вставляете код так, как показано на картинке:
рис.15. Вставляем код.
С довольным видом сохраняем. При этом может сбиться язык, настраиваем русский (или какой вам хочется_) в сверху первой вкладке настройки стиля.
рис.16. настраиваем язык.
И вуаля! У вас новый дизайн, который вы можете поменять в любой момент.
Фото для главных я храню в альбоме в Гугль. А так вариантов десятки.
Автор рада, если кому-то удалось помочь :)
Или попросту, как сделать себе уникальный дизайн и радоваться ему?
Мне неожиданно задают много вопросов о том, как я сделала свой дизайн. И я решила продублировать мастер-класс, прописать его поэтапно. Может, кому пригодится... :)
[Этапы установки стиля]
Итак.
Во-первых, идем на сайт http://lj.yoksel.ru/ и выбираем себе подходящий шаблон:
рис.1 главная страница сайта-генератора стилей жж
Во-вторых, выбрав шаблон, нажимаем на него, чтобы продолжить редактирование. Появляется очаровательное окошко с макетом странички жж и зеленоватой рамочкой с настройками.
рис.2. Та самая зеленая рамка для редактирование на фоне макета страницы жж
Дальше нам нужно выбрать фон. Идете в гугль, или на свой сайт, где храните картинки, или вконтакт, выбираете подходящую иллюстрацию. Копируете ссылку на нее:
ВНИМАНИЕ! Генератор стилей не редактирует картинки. Он просто обрезает их по размеру.
рис. 3. Копируем ссылку на картинку, которая будет главной
Когда выбрали картинку и скопировали код, возвращаемся на вкладку генератора стилей, и вставляем код в строчку " заглавная картинка" в зеленой рамке
рис.4. Куда вставить ссылку на картинку, выделено кривой красной линией. Уж простите, я не умею рисовать.
Картинку вставили, сталкиваемся как раз с тем, о чем я говорила - она сжата, срезана. Но есть возможность увеличить высоту заглавной картинки. Если хотите, делаете это.
Я обычно выставляю 400.
рис.5. Измененная высота картинки. Обращаем внимание, что генератор моментально меняет и макет страницы.
С картинкой мы разобрались. Теперь нужно выбрать фон. За фонами я хожу на сайт http://www.lenagold.ru/fon/main.html
. Тут большой выбор, есть возможность подобрать то, что нужно именно вам, ну и тп.
рис.6. Страница с фонами на выше обозначенном сайте
Выбираем рубрику, которая нам ближе, заходим туда, снова выбираем. И уже ищем подходящий фон.
Так как я выбрала картинку осеннюю, я полезла в листья, где нашла:
рис.7. Выбранный мною фон.
Сохраняем фон, выкладываем его в жж закрытой записью или же на сторонний ресурс. Берем ссылку.
Далее вставляем ссылку в уже знакомую нам с вами рамочку:
рис.8. Вставляем ссылку на фон.
И видим, что получается.
Теперь наша задача настроить макет дальше. Как видите, в нашей рамке три вкладки. Ширина и Шрифты. Идем туда и туда, если хотим, задаем закругление боков картинки на главной и записи:
рис.9. Закругление боков.
Мне так нравится, симпатично смотрится.
Когда настроили макет, если он вам нравится, поднимаемся в начало странички, где находим волшебную кнопку "получить код".
рис.10. "Получить код".
Нажимаем на нее. И копируем информацию в открывшемся окошке:
рис.11. Код дизайна копируем.
Теперь наша задача код установить. На самом сайте есть подробная инструкция, но я скажу в двух словах тоже (на всякий случай).
Идем в жж, на главную. Ищем вкладку "стиль журнала". нажимаем.
рис.12. Ищем вкладку стиль журнала.
Нам выскакивают всевозможные стили.
рис.13. Стили ЖЖ
Справа вы видите строку поиска. Вводите в ней "Unstyled" и нажимаете enter
рис.14. поиск Unstyled
Выбираете тот стиль, что выбран у меня - Expressive, ставите его. А потом лезете в настройки стиля ЖЖ.
Во вкладке custom вставляете код так, как показано на картинке:
рис.15. Вставляем код.
С довольным видом сохраняем. При этом может сбиться язык, настраиваем русский (или какой вам хочется_) в сверху первой вкладке настройки стиля.
рис.16. настраиваем язык.
И вуаля! У вас новый дизайн, который вы можете поменять в любой момент.
Фото для главных я храню в альбоме в Гугль. А так вариантов десятки.
Автор рада, если кому-то удалось помочь :)