воскресенье, 20 октября 2013 г.

Как сменить фон в жж?

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

Есть два способа сменить стандартный фон темы.

1 способ доступен для тех пользователей, которые выбрали тему в жж с возможной сменой фона. В их случае все что нужно сделать, это зайти на страницу настроек стиля и в категории Изображения (Images) добавить свое изображение.

2 способ доступен для всех пользователей - использовать стили CSS. Попасть туда, где доступно поле для смены стиля очень просто, нужно нажать кнопку Аккаунт -> оформление журнала -> Настройте свой стиль -> Custom CSS (в меню слева) и вуаля)


В поле для CSS нужно ввести обычный HTML-код для установления фона, например
body {
background-color: #0a10c2 !important;
background-image: url("http://url к изображению") !important;
background-repeat: no-repeat !important;
background-attachment: fixed !important;
background-position: right !important;
}
background-color - это цвет фона, где #0a10c2 - шестнадцатеричный код цвета, выбрать нужный код цвета можно здесь.
background-image - адрес к изображению, которое будет использоваться в качестве фона (можно взять адрес любой картинки в интернете или добавить картинку в свой альбом ЖЖ).
background-repeat - повторение фона. Доступны несколько вариаций: repeat - повторять по горизонтали и вертикали, no-repeat - не повторять, repeat-x - повторять только по-горизонтали, repeat-y - повторять по-вертикали.
background-attachment - опция, которая позволяет либо прокручивать фон вместе с страницей, либо зафиксировать его, scroll и fixed соответственно.
background-position - задает начальное положение фонового изображения. Возможные варианты отображения
  • top left = left top = 0% 0% (в левом верхнем углу)
  • top = top center = center top = 50% 0% (по центру вверху)
  • right top = top right = 100% 0% (в правом верхнем углу)
  • left = left center = center left = 0% 50% (по левому краю и по центру)
  • center = center center = 50% 50% (по центру)
  • right = right center = center right = 100% 50% (по правому краю и по центру)
  • bottom left = left bottom = 0% 100% (в левом нижнем углу)
  • bottom = bottom center = center bottom = 50% 100% (по центру внизу)
  • bottom right = right bottom = 100% 100% (в правом нижнем углу)
После нужно лишь сохранить изменения.

Комментариев нет:

Отправить комментарий