Как поменять фон на сайте? - Вопросы и ответы на FAQ по uCoz

23:30:49

, 22.11.2024, Пт | RSS Правила сайта и форума Задать вопрос администрации Получить услуги сайта Вступить в команду сайта Наша группа в Telegram

Natus Create - Студия по созданию веб-сайтов

В данном разделе Вы сможете задать любой вопрос который касается uCoz. Если Вы ищите скрипт, то напишите в эту тему, также можете посетить наш раздел веб-мастеров.
Если у пользователя мало гарантий, то советуем провести сделку через гаранта.

Страница 1 из 1 1
Модератор форума: -SAM-

[FAQ] Как поменять фон на сайте?

Enigma

Дата: Пн, 27.02.2012, 16:31:41 | Сообщение # 1

Премиум

2741 Сообщения:

123 Награды:

53 Отзывы:

Сайт пользователя:

[Table]Фон страницы обычно задается в теге <body> с помощью свойства background.[/Table]
[Table]Возможны два варианта:
1. свойство может быть задано прямо в шаблоне страницы
2. свойство может быть прописано в таблице CSS[/Table]
[Table]Причем, если свойство прописано и там, и там, то сработает то, что написано в шаблоне.
Если свойство прописано в шаблоне, то выглядит оно примерно так:
<body style="background: #FcFcFc;">
свойств внутри может быть гораздо больше, они перечисляются через запятую, но нас интересует только свойство background.
Если оно прописано в таблице css, то в шаблоне будет просто:
<body>
а в таблице css примерно так:
body {background: #FcFcFc;}[/Table]
[Table]В чем тут принципиальное отличие?
В том, что если у Вас первый вариант , изменения придется производить во всех используемых шаблонах: шаблоне каталога статей, шаблоне модуля новостей и так далее.
Тут Вам будет полезна функция Быстрая замена участков кода. Вам необходимо будет сначала настроить код в шаблоне страницы сайта.
А потом зайти в Меню - Дизайн -Быстрая замена участков шаблона - Что заменить - вставляете код <body .......> , какой он остался в изначальных шаблонах , На что заменить: - новый код . Тогда замена будет проведена во всех шаблонах. Другой вариант. Сразу заменить изначальный код на просто <body>, и тогда уже все изменения надо будет делать только в таблице css (вариант 2)[/Table]
[Table]Итак, с основными моментами разобрались. А теперь разберем и все свойства. [/Table]
[Table]Я буду приводить примеры кода, которые соответственно Вы сможете внедрить следующим образом:
- в шаблоне страницы
<body style="пример кода">
- в таблице CSS
body {пример кода}[/Table]
[Table]1. Задаем фон прост цветом
background: #FcFcFc;
2. Задаем фон картинкой
background: url('адрес картинки');
задаем фон картинкой, которая не будет повторяться
background: url('адрес картинки') no-repeat;
3. Задаем фон картинкой, которая будет повторяться по горизонтали
background: url('адрес картинки') repeat-x;
4. Задаем фон картинкой, которая будет повторяться по вертикали
background: url('адрес картинки') repeat-y;
5. Задаем фон картинкой, которая будет повторяться и по горизонтали, и по вертикали
background: url('адрес картинки') repeat;
6. Задаем фон картинкой, которая будет по центру горизонтали и по верху по вертикали
background: url('адрес картинки') 50% 0%;
7. Задаем фон картинкой, которая будет по центру горизонтали и по верху по вертикали , плюс цвет, там, где картинки не будет
background:#fcfcfc url('адрес картинки') 50% 0%;
8. Задаем фон картинкой, которая не будет прокручиваться при прокручивании страницы
background:#fcfcfc url('адрес картинки') 50% 0%;background-attachment: fixed;
9. Задаем фон картинкой, которая будет масштабироваться
background: url('адрес картинки');background-size:100%;[/Table]

[Table]Вот основные параметры , которые Вы можете задать. Если я что-то упустил, пишите, спрашивайте - отвечу.[/Table]

[ Правила сайта/форума ] [ Пожаловаться на репутацию ] [ Правила выдачи репутации ]

Сообщение отредактировал Алексей - Ср, 30.05.2012, 20:02:29

PoMka_irk

Дата: Вт, 28.02.2012, 18:21:48 | Сообщение # 2