tiina (tiina) wrote,
tiina
tiina

Как настроить стиль журнала?

Как сделать себе уникальный дизайн

Итак. 
Во-первых, идем на сайт 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.  настраиваем язык.

И вуаля! У вас новый дизайн, который вы можете поменять в любой момент.

От всех чайников нижайший поклон era_elto за такую подробную инструкцию
Tags: #livejournal, ликбез
Subscribe
promo tiina январь 28, 2015 22:33 245
Buy for 80 tokens
СМОТРЕТЬ ТУТ 10 самых интересных мест, которые можно увидеть с помощью веб - камер
  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

  • 10 comments