Как установить шапку в ЖЖ. Как изменить дизайн в ЖЖ.

Jan 26, 2014 11:21

Если вы посмотрите на мой  самый верхний пост, то та  картинка со слоном была сделана сегодня как раз для шапки и нового дизайна этого журнала. Все довольно просто делается. В принципе я уже запустил было новый дизайн на своих страницах, но мне не понравилось то, что из-за вот этой шапки у меня не получилось красиво сделать "резиновые страницы", что бы картинка растягивалась, под разные разрешения мониторов. Я вроде и  добился результата, экспериментируя с кодами Css, но как-то не очень все смотрелась после этого. Сама страница журнала написана на HTML, но прямого доступа к коду у нас нет (есть только в платных слоях), так что  нет возможности  по переставлять элементы страницы как хочется или сверстать всё заново. Хотя для того, чтобы поменять внешний вид страницы, достаточно Css. Про это очень хорошо написано тут

Пока решил вернуть все в первоначальный вид.

Теперь как я это делал.

Для шапки я выбрал картинку и подогнал ее в фотошопе под нужные размеры. Ширина - 970 пикселей, высота 280. Но эти размеры у каждого могут быть свои.
Потом зашел на сайт Генератор дизайнов для ЖЖ и выбрал там подходящий макет. Это доступно для любых аккаунтов. Там можно настроить ширину журнала, заменить фоны и цвета на любой вкус. После чего копируем полученный  код и его теперь  нужно установить .

Как установить дизайн?
1. Зайдите в настройки оформления журнала: http://www.livejournal.com/customize/

Внимание!
Если у вас в сайдбаре есть счётчики или другие полезные штуки, перед началом установки скопируйте их в текстовый файл, потому что всё это останется в старом дизайне.
После установки просто скопируйте свои счётчики из файла в новый дизайн.

2. В поле поиска над каталогом стилей введите Unstyled, нажмите Поиск

3. Из найденных выберите третий, для Expressive, примените дизайн

4. На той же странице внизу выберите макет с нужным расположением сайдбара



5. Зайдите Custom CSS и скопируйте ваш код в большое текстовое поле

p.s. Все это я тут написал еще и для того, что бы самому со временем не забыть, но может и кому и пригодится.

Источники:
http://lj.yoksel.ru/how_install.php
http://journals-covers.livejournal.com/78340.html
Previous post Next post
Up