DIZ-CS.RU - Мы с Вами НАВСЕГДА!
Активный форум » WEB-мастеру » Вопросы и ответы на FAQ по uCoz » [FAQ] Как поменять фон на сайте?
  • Страница 1 из 1
  • 1
Сообщение # 1
Аватарка Enigma
OFF
Премиум
Сообщения:662
Награды:123
Отзывы:53
Сайт пользователя:
[Table]Фон страницы обычно задается в теге с помощью свойства background.[/Table]
[Table]Возможны два варианта:
1. свойство может быть задано прямо в шаблоне страницы
2. свойство может быть прописано в таблице CSS[/Table]
[Table]Причем, если свойство прописано и там, и там, то сработает то, что написано в шаблоне.
Если свойство прописано в шаблоне, то выглядит оно примерно так:

свойств внутри может быть гораздо больше, они перечисляются через запятую, но нас интересует только свойство background.
Если оно прописано в таблице css, то в шаблоне будет просто:

а в таблице css примерно так:
body {background: #FcFcFc;}[/Table]
[Table]В чем тут принципиальное отличие?
В том, что если у Вас первый вариант , изменения придется производить во всех используемых шаблонах: шаблоне каталога статей, шаблоне модуля новостей и так далее.
Тут Вам будет полезна функция Быстрая замена участков кода. Вам необходимо будет сначала настроить код в шаблоне страницы сайта.
А потом зайти в Меню - Дизайн -Быстрая замена участков шаблона - Что заменить - вставляете код , какой он остался в изначальных шаблонах , На что заменить: - новый код . Тогда замена будет проведена во всех шаблонах. Другой вариант. Сразу заменить изначальный код на просто , и тогда уже все изменения надо будет делать только в таблице css (вариант 2)[/Table]
[Table]Итак, с основными моментами разобрались. А теперь разберем и все свойства. [/Table]
[Table]Я буду приводить примеры кода, которые соответственно Вы сможете внедрить следующим образом:
- в шаблоне страницы

- в таблице 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]
Сообщение # 2
Аватарка PoMka_irk
Премиум ;)
OFF
Пользователь
Сообщения:98
Награды:54
Отзывы:3
Skype пользователя:
Сайт пользователя:
Оу ! Полезная статья .А я знал токо
Quote
1. Задаем фон прост цветом
background: #FcFcFc;
2. Задаем фон картинкой
background: url('адрес картинки');

Надо будет ее сохранить в блокнотик :)
Сообщение # 3
Аватарка Игорь
OFF
Премиум
Сообщения:3271
Награды:1272
Отзывы:56
Skype пользователя:
знал, но хорошая статья.
Сообщение # 4
Аватарка hallo-n1ce
love PoLiNo4kY
OFF
Премиум
Сообщения:208
Награды:115
Отзывы:6
Skype пользователя:
Спасибо за статью! Поменял на конец то фон!
Сообщение # 5
Аватарка koffee
the perfect koffee©
OFF
Премиум
Сообщения:1988
Награды:321
Отзывы:170
Skype пользователя:
Спс , поставил новый фон, щас лучше смотрится )))
спасибо за статьи кстати красиво оформил
Сообщение # 6
Аватарка DJ_Osin
OFF
Пользователь
Сообщения:9
Награды:0
Отзывы:0
Skype пользователя:
Спасибо за статью очень хорошая и нужная good
Сообщение # 7
Аватарка NoVi4ioK
OFF
Премиум
Сообщения:454
Награды:41
Отзывы:11
Полезная статья closedeyes good
Сообщение # 8
Аватарка Voker
OFF
Пользователь
Сообщения:551
Награды:52
Отзывы:37
ВКонтакте пользователя:
Skype пользователя:
Сайт пользователя:
Хорошая статья...но знал. good
Сообщение # 9
Аватарка kiN324243234
OFF
Пользователь
Сообщения:10
Награды:0
Отзывы:0
Во, хорошая и нужная статья. Cnc
  • Страница 1 из 1
  • 1
Поиск:
Писать на форуме могут только авторизованные пользователи.