My-Cs.uCoz.De - Игровой портал #1 в мире!
|
   |
| Модератор форума: mY_LiFe |
| Форум Система uCoz FAQ по uCoz Дизайн сайта на Ucoz. Как поменять фон? Ответ есть. |
| Дизайн сайта на Ucoz. Как поменять фон? Ответ есть. |
Фон страницы обычно задается в теге <body> с помощью свойства background.
Возможны два варианта: 1. свойство может быть задано прямо в шаблоне страницы 2. свойство может быть прописано в таблице CSS Причем, если свойство прописано и там, и там, то сработает то, что написано в шаблоне. Если свойство прописано в шаблоне, то выглядит оно примерно так: <body style="background: #FcFcFc;"> свойств внутри может быть гораздо больше, они перечисляются через запятую, но нас интересует только свойство background. Если оно прописано в таблице css, то в шаблоне будет просто: <body> а в таблице css примерно так: body {background: #FcFcFc;} В чем тут принципиальное отличие? В том, что если у Вас первый вариант , изменения придется производить во всех используемых шаблонах: шаблоне каталога статей, шаблоне модуля новостей и так далее. Тут Вам будет полезна функция Быстрая замена участков кода. Вам необходимо будет сначала настроить код в шаблоне страницы сайта. А потом зайти в Меню - Дизайн -Быстрая замена участков шаблона - Что заменить - вставляете код <body .......> , какой он остался в изначальных шаблонах , На что заменить: - новый код . Тогда замена будет проведена во всех шаблонах. Другой вариант. Сразу заменить изначальный код на просто <body>, и тогда уже все изменения надо будет делать только в таблице css (вариант 2) Итак, с основными моментами разобрались. А теперь разберем и все свойства. Я буду приводить примеры кода, которые соответственно Вы сможете внедрить следующим образом: - в шаблоне страницы <body style="пример кода"> - в таблице CSS body {пример кода} 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%; 
  |
| |||
| |||