Меня попросили помочь с оформлением дизайна ЖЖ.
В прошлом году делала, теперь , как оказалось, все позабыла.
Начала вспоминать.
На Ютубе попался на глаза видеоурок,который выложила отдельным ПОСТОМ.
Спасибо автору урока,все восстановилось в памяти после просмотра.
И у меня потянулась рука написать текстовый урок со скриншотами.
Итак,делаем(меняем) дизайн ЖЖ ..
Для этого будем использовать Генератор дизайнов,который открываем по этой ссылке http://lj.yoksel.ru/
и Инструкцию "Как установить дизайн?" , http://lj.yoksel.ru/how_install.php
в которую будем периодически подглядывать.
Я открыла в браузере ..не закрываю.. )))
[показать]
Начнем с того,что вы зареистрированы и у вас уже установлен какой-то стандартный дизайн.
Наша задача изменить его,чем мы и займемся.
Я специально установила для примера первый попашийся дизайн ,из тех,что предлагают на сайте. [показать]
С правой стороны рядом с ником жмем на
треугольничек и в выпавышем списке выбираем "Настройки" [показать]
Нас перекинуло на страницу Настройки просмотра. [показать]
Открылась страница-Жмем-Выбор фона.
Пишем в окошко Unstyled и жмем-Найти [показать]
Открылось окно с возможным количеством вариантов.
Оно может быть разным.Мне предложено 6..у вас может быть 3,4,5..
Но рабочий только один Expressive
Почему?,.. ответ можно почитать в инструкции...(ссылка в начале урока)
Находим вариант Expressive . Жмем -Применить дизайн. [показать]
Прокручиваем страничку вниз до Выбора макета.
Выбираем из двух,которые выделены на скрине..
Почему именно из этих двух?.. тоже можно почитать в инструкции. [показать]
Поднимаемся вверх на этой же страничке.
И справа жмем-Настройте свой стиль. [показать]
Перешли на страницу Настроить стиль журнала
Слева находим строку Custom CSS-Жмем на нее [показать]
На открывшейся страничке прокрутим немножко вниз и видим такое окно.Посмотрели.
!!!Не закрываем!!! [показать]
================
Открываем Генератор дизайнов У меня открыта вкладка в браузере.
Или переходим по ссылке http://lj.yoksel.ru/ [показать]
Смотрим и выбираем понравившийся дизайн.
Я покажу на примере 043
Жмем на него, окрылось окно с шаблоном дизайна,в котором будем менять составляющие [показать]
Выбираем вкладку Фоны.
Посмотрите скрин,пройдитесь по вкладкам..)))
По умолчанию-цвет черный. [показать]
Рассмотрим вариант фона с картинкой.
Для этого используем адрес картинки в таком виде
http://fotki.yandex.ru/get/6733/132542321.1/0_1065e8_f8f88d29_L.jpg
Есть вариант выбора .Нажмите на Выбрать картинку,вы увидите много разных пестрых фонов.
Не будем на этом останавливаться..Будем использовать свою.
1.Итак,меняем фон..У меня приготовлена картинка.Копируем адрес,вставляем в окошко.
Вот ее адрес
http://img-fotki.yandex.ru/get/6839/132542321.1/0_1065d4_518a8b10_orig.jpg
Фон поменялся на картинку,адрес которой я вставила в окошко. [показать]
2.Поменяем цвет фона ленты-по умолчанию белый
Жмем левой кнопкой мыши по окошку,откроется генератор цветов.
Выбираем цвет,жмем ОК. [показать]
3.Для цвета фона рамок я использовала картинку(можно просто выбрать цвет),вставила вместо того,что по умолчанию, ее адрес
http://img-fotki.yandex.ru/get/6733/132542321.1/0_1065e8_f8f88d29_L.jpg [показать]
4.Вкладка-Ширина
Поэксперментируйте.Я поменяла только толщину рамки [показать]
5.Вкладка Шрифты.Все оставила по умолчанию..Вы можете экспрементировать )))
Поиграйте со значениями,выбором шрифта..))) [показать]
====================
Теперь приступаем к самому основному,..установке дизайна..)))
Жмем на окошко- Получить код.. [показать]
Жмем правой кнопкой мыши -Выделить все-Копировать..
Идем в эту вкладку,мы ее открыли раньше.У меня она открыта. [показать]
Выделить все,очистить и вставить код,который мы скопировали [показать]
Жмем -Сохранить изменения.Обязательное условие!!! [показать]
переходим на главную страничку своего журнала [показать]
смотрим результат [показать]