amio (amio) wrote,
amio
amio

Как оформить блог в ЖЖ - 5 (Работа с фоном)

Если Вы хотите установить фоном в блоге обычную или рекламную картинку или просто поменять цветовой фон, то эта информация будет для Вас полезной. Советы по оформления блога Вы можете найти и в других моих постах:
Как оформить блог в ЖЖ - 1
Как оформить блог в ЖЖ - 2
Как оформить блог в ЖЖ - 3 (Работа с видео)
Как оформить блог в ЖЖ - 4 (Кнопки для блога)


Изменение фона блога в стандартном дизайне

Для начала надо определить, позволяет ли вообще дизайн Вашего блога менять общий фон. Для этого пройдите по ссылке http://www.livejournal.com/customize/options.bml. Найдите пункт Отображение. Посмотрите вниз, найдите Язык. Измените Стандартный язык на Русский.

После этого нажмите на клавишу Сохранить изменения. На всякий случай, если у Вас пропали на странице какие-то элементы, просто перезагрузите ее браузером или нажмите F5.

Под строкой Отображение ищите строку Page или Страница и нажмите ее. Если такой строки нет, значит Ваш дизайн не предусматривает простых изменений фона таким способом. Вы можете поменять дизайн на странице http://www.livejournal.com/customize/ или создать новый с помощью конструктора дизайнов http://lj.yoksel.ru/.

В пункте Страница найдите Фон страницы. Там будет окно Цвет фона, а в нем 6-значный HTML-код цвета (например #008080). Вы можете изменить этот цвет на любой из тех, которые Вам нравятся.

Рекомендую использовать стандартные цвета. Их коды можно взять здесь или здесь или в любом другом месте. Напоминаю, что пробелов между символами быть не должно.

Если Вам хочется установить фоном для блога какое-то изображение, загрузите его на фотохостинг (лучше всего в ЖЖ или на Яндекс Фотки) и скопируйте ссылку. Ссылка выглядит примерно так http://img-fotki.yandex.ru/get/9758/185889951.13/0_c76a4_430f29de_XL.png.

Далее найдите окно Картинка фона страницы и скопируйте туда ссылку на картинку (не путайте ее с кодом). После всех изменений не забывайте нажать кнопку Сохранить изменения.

Настройки фона блога

В окнах Повторение фона и Расположение картинки укажите Ваши настройки, ориентируясь на схему, взятую из поста о стиле и фоне в сообществе http://journals-covers.livejournal.com/.



В окне Прокручивается ли фон вместе со страницей

scroll - фон перемещается вместе с лентой постов
fixed - стоит на месте.

В этой схеме маленький прямоугольник - это Ваша картинка для фона. Например при выборе повторения способом repeat, Ваша картинка будет размножена по всему экрану.

Такой способ хорошо подходит для маленьких однородных изображений-шаблонов, их называют паттернами. Их можно нарисовать самостоятельно с помощью Генератора паттернов или по адресу http://www.colourlovers.com/.

     

Но если Вы используете обычную картинку, то результат может получиться не очень удачным. Современные 27-дюймовые модели мониторов имеют разрешение 2560х1440 и если Вы используете картинку разрешением например 1680х1050, то фон на большом экране возможно будет иметь видимые швы-соединения.

Вам наверное приходилось встречать блоги, в которых или по бокам или внизу картинка фона обрывается и видна одноцветная основа. Вот именно эта основа и есть Фон страницы (имеющий 6-значный HTML-код).

Если по каким-то причинам Картинка фона страницы не загрузилась или не успела загрузиться, то будет виден Фон страницы, поэтому лучше выбрать его более или менее подходящим по цвету к картинке фона.

Большое спасибо yoksel за помощь пользователям ЖЖ и отличные генераторы, которые были использованы в работе. Именно благодаря чтению ее постов у меня возник интерес к теме оформления и приобретено много знаний, очень полезных для работы с блогом.

Как нарисовать фон с плавно меняющимся цветом (градиентом)

Если Вы не особенно любите фотошоп, есть очень удобные онлайн-сервисы, одним из которых является Градиент Генератор. Работает он так: переходите по ссылке, в окна Start Color и End Color вводите код выбранного цвета, например CCFFFF и 006699 (HTML код цвета выбирайте по ссылкам выше).

В окна Height (Высота) и Width (Ширина) вводите размер изображения, например 320 и 640. Устанавливаете вертикальную или горизонтальную ориентацию и нажимаете Generate it. Через несколько секунд получите картинку, которую можно сохранить и использовать для фона.



Рекомендую выбирать для фона большие размеры, не менее 1680х1050, здесь картинка маленькая (для примера) с разрешением 640х320.

Надесь, что эта информация будет для Вас полезной. По мере поступления вопросов, тему оформления продолжу в следующих постах.

http://amio.livejournal.com/

Tags: livejournal, Дизайн блога
Subscribe
promo amio октябрь 16, 2015 07:02
Buy for 10 tokens
В этом посте вы найдете сведения, которые несомненно пригодятся и новичкам и опытным блогерам Живого Журнала. Все изложенное основано на моем собственном опыте и на моих ошибках. Пост будет обновляться и дополняться новыми материалами. Соответствующие посты откроются, если вы нажмете на…
Comments for this post were disabled by the author