Текущее время: 06:45. Часовой пояс GMT +3.
Ваш баннер

Расширенный поиск
Вернуться   Все секреты безопасного общения в глобальной сети - icq-num.ru > Статьи > Наши статьи

Важная информация

Ответ
 
LinkBack Опции темы Опции просмотра
Старый 23.12.2011, 23:46   #1 ()
 
Аватар для k1llers
Подробнее
Очки: 4,267, Уровень: 41
Очки: 4,267, Уровень: 41 Очки: 4,267, Уровень: 41 Очки: 4,267, Уровень: 41
Активность: 0%
Активность: 0% Активность: 0% Активность: 0%


 
Сообщение [PHPBB3]Небольшой урок по стилям CSS

Как изменить фон форума?

В этом уроке за основу буду брать стиль 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
Наследует значение родителя.

Информация из htmlbook:
background-color
Определяет цвет фона элемента. Хотя это свойство не наследует свойства своего родителя, из-за того, что начальное значение устанавливается прозрачным, цвет фона дочерних элементов совпадает с цветом фона родительского элемента.

Значение по умолчанию transparent
Наследуется Нет
Применяется Ко всем элементам
Процентная запись Неприменима

background-image
Устанавливает фоновое изображение для элемента. Если одновременно для элемента задан цвет фона, он будет показан, пока фоновая картинка не загрузится полностью. То же произойдет, если изображения не доступны или их показ в браузере отключен. В случае наличия в рисунке прозрачных областей, через них будет проглядывать фоновый цвет.

Значение по умолчанию none
Наследуется Нет
Применяется Ко всем элементам
Процентная запись Неприменима


Статью написал CTAJIb (k1llers)
k1llers вне форума

 
Ответить с цитированием
Сказали спасибо:
BreZ
 

Ответ

Метки
[phpbb3]небольшой, стилям, урок

Опции темы
Опции просмотра

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.
Trackbacks are Вкл.
Pingbacks are Вкл.
Refbacks are Вкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Урок движения букв. MrPLaM6uP Photoshop 2 25.08.2011 18:58
Урок №4 (NeoBook) xaker01 NeoBook 4 16.08.2011 08:27
Урок 2 (NEobook) xaker01 NeoBook 0 17.01.2011 16:19
Урок по неоновому шрифту S[T]RELOK Photoshop 3 01.11.2010 04:10
Урок северное сияние S[T]RELOK Photoshop 0 15.03.2010 22:09


icq-num team




 
 
Материалы, находящиеся на этом ресурсе, были добавлены пользователями сайта, либо найдены в интернете как свободно распространяемые. Если Вы являетесь законным правообладателем той или иной продукции, и условия, на которых она представлена на данном ресурсе, не соответствует действительности, просьба незамедлительно связаться с администрацией сайта с целью устранения правонарушения. Все материалы доступны исключительно для личного пользования в ознакомительных целях и не должны использоваться для последующего распространения или получения коммерческой выгоды. За информацию в рекламных новостях или объявлениях ответственность несет рекламодатель! Копирование авторской информации разрешено лишь с разрешения администрации сайта, с указанием активной гиперссылки на icq-num.ru, как на первоисточник.