Как настроить стиль журнала?
Aug. 7th, 2013 10:16 pmОригинал взят у
![[livejournal.com profile]](https://www.dreamwidth.org/img/external/lj-userinfo.gif)
![[livejournal.com profile]](https://www.dreamwidth.org/img/external/lj-userinfo.gif)
Мне неожиданно задают много вопросов о том, как я сделала свой дизайн. И я решила продублировать мастер-класс, прописать его поэтапно. Может, кому пригодится... :)
Итак.
Во-первых, идем на сайт 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. настраиваем язык.
И вуаля! У вас новый дизайн, который вы можете поменять в любой момент.
Фото для главных я храню в альбоме в Гугль. А так вариантов десятки.
Автор рада, если кому-то удалось помочь :)