Как изменить фон форума?
В этом уроке за основу буду брать стиль subsilver2.
Для начала откроем
Код:
Админ панель ->Стили ->Темы -> Ваш стиль
Ищем
Код:
body {
/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
color: #323D4F;
background-color: #FFFFFF;
font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
margin: 0;
}
Разбираем:
background-color - отвечает за цвет фона
Можно применить любой цвет который вы хотите. Можно убрать цвет, и поставить прозрачный фон -
background-color: transparent
background-image - используется для помещения картинки на фон страницы. Пример:
background-image: url(путь к файлу). Путь к файлу при этом можно писать как в кавычках (двойных или одинарных), так и без них. Можно использовать значение none, то есть отменить фоновое изображение.
background-repeat - используется совместно с
background-image. Определяется, где будет повторятся фоновое изображение. Можно установить повторение рисунка только по горизонтали, по вертикали или в обе стороны.
background-repeat: любое значение;
no-repeat
Устанавливает одно фоновое изображение в элементе без его повторений, положение которого определяется свойством background-position (по умолчанию в левом верхнем углу).
repeat
Фоновое изображение повторяется по горизонтали и вертикали.
repeat-x
Фоновый рисунок повторяется только по горизонтали.
repeat-y
Фоновый рисунок повторяется только по вертикали.
inherit
Наследует значение родителя.
background-position - используется совместно с
background-image. Задает начальное положение фонового изображения. У свойства два значения. Положение по горизонтали (может быть — left, center, right) и вертикали (может быть — top, center, bottom). Если применяются ключевые слова, то порядок их следования не имеет значения, при процентной записи вначале задается положение рисунка по горизонтали, а затем, через пробел, положение по вертикали. Отношение между используемыми ключевыми словами и процентной записью следующее.
- 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% (в правом нижнем углу)
В скобках указано, где располагается фоновый рисунок относительно контейнера.
При inherit значение наследуется у родителя элемента.
background-attachment - свойство устанавливает, каким будет изображение, будет ли фоновое изображение вместе с содержимым элемента. Изображение может быть зафиксировано и оставаться неподвижным, либо перемещаться совместно с документом.
Значения
fixed
Делает фоновое изображение элемента неподвижным.
scroll
Позволяет перемещаться фону вместе с содержимым.
inherit
Наследует значение родителя.
Статью написал CTAJIb (k1llers)