Приветствую Вас Прохожий | RSS Пятница, 09.12.2016, 04:55
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 10
Гостей: 8
Пользователей: 2
alexman91, LESIYI



Главная » Файлы » Видео уроки для uCoz » Видео уроки Дизайн и оформление

Видео урок изменение фона сайта картинкой

Видео урок изменение фона сайта картинкой Видео, урок, изменение, фона, сайта, картинкой
Видео урок изменение фона сайта при помощи графики в этом видео уроке я показываю другой более выгодный и рабочий вариант замены фона сайта, при прокрутке страницы страница не тормозит, что указывает на то что не грузит страницу сайта сам фон.
   Картинка при прокручивание страницы остается на месте, и создает свои необычный эффект в дополнение к дизайну страницы вашего сайта.
В архив входит:
1 Видео файл размером 21 Мб
2 txt файл с кодом стиля из видео урока.
3 Картинка заставки видео урока





Ссылка на сайт автора http://ucozon.ru обязательна


Так же прошу вас принять участие в голосование и комментирование, обсуждение данного
видео для конкурса Видео урок изменение шаблона № 971от ucozon.ru
Наш канал youtube





background-position Применяется К блочным элементам Задает начальное положение фонового изображения, установленного с помощью свойства background-image.
У свойства background-position два значения, положение по горизонтали (может быть — 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% (в правом нижнем углу)

В скобках указано, где располагается фоновый рисунок относительно контейнера.



background-attachment Применяется Ко всем элементам
Свойство background-attachment устанавливает, будет ли прокручиваться фоновое изображение вместе с содержимым элемента. Изображение может быть зафиксировано и оставаться неподвижным, либо перемещаться совместно с документом.
Синтаксис
background-attachment: fixed | scroll | inherit
Значения
fixed -Делает фоновое изображение элемента неподвижным.
scroll -Позволяет перемещаться фону вместе с содержимым.
inherit -Наследует значение родителя.
Автор\Источник: ucozon.ru

Для того что бы скачать архив необходимо зайти на сайт как пользователь. Размер: 18 Мб
Просмотров: 9176 | Комментарии: 10 | Рейтинг: 4.3/13 | |Категория: Видео уроки Дизайн и оформление | Добавил: mdbaner | Дата: 24.04.2011 | Скачали: 22 | Теги: урок, видео, картинокой, фона, Изменение, сайта
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 9
9 Kassad64rus   Дата: 29.08.2012  Время: 17:41   [№ 13636]
Здравствуйте, это реально полезный и наглядный урок! Спасибо за него.
Проблема в том что у меня подобное решение не сработало ((
Первое на что обратил внимание - в моём админбаре нет кнопки "Дизайн", вместо неё "Конструктор".
Я зашёл в ПУ и там уже через управление дизайном попытался изменить шаблон "Страницы сайта".
Сделал всё как в видеоуроке и в итоге - картинка не появилась.
Это может быть из-за того что в General Styles Таблицы стилей у меня стоит такая строка :{background: url("http://cc64.ucoz.ru/bg.jpg") no-repeat top center;} ??
Буду благодарен за ответ, ведь из всего HTML и CSS я знаю только то - что обозначают эти названия ))) А так хочется научиться и сделать что то своё...

8 Poker1993   Дата: 19.09.2011  Время: 19:58   [№ 10426]
Спасибо за урок

7 Elik54245424   Дата: 17.06.2011  Время: 22:01   [№ 9095]
Благодарю! А разве фон не меняется только на определенных шаблонах?

6 masstas   Дата: 24.04.2011  Время: 11:11   [№ 7959]
Отличный видео-урок

4 smart4on   Дата: 23.04.2011  Время: 21:46   [№ 7954]
достаточно содержательный и в то же время интересный урок.
Вот работа котороя достойна победы.

3 osip14   Дата: 23.04.2011  Время: 21:42   [№ 7953]
Упс с ошибочкой написал!)

+1   Спам
2 osip14   Дата: 23.04.2011  Время: 21:38   [№ 7952]
Сасибо!)

+1   Спам
1 Кирилл   Дата: 23.04.2011  Время: 21:36   [№ 7951]
Спасибо за урок,чесно говоря насчет позиции до этого не знал(знал что можно прижать вправо влево или разместить по центру но что можно несколько параметров сразу использовать не знал)

+1   Спам
5 mdbaner   Дата: 23.04.2011  Время: 21:50   1 [№ 7955]
Если посмотреть все стили с значением Синтаксиса background то много интересного, и тем более используется во всех CSS1, CSS2, CSS3
Я добавил справочную информацию некоторых значений.


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Файловик. Уникальные те...

0

2 Куплю сайты в индексе Я...

1

3 Куплю сайты с ТИЦ/PR (п...

9

4 Предлагаю услуги для ан...

0

5 Предлагаю услуги по про...

0

6 Комплексный прогон сайт...

51

7 Сайт онлайн фильмов на ...

1

8 Проблема с таблицей

9

9 Отредактировать фото

2

10 Уже все перепробовал )

1


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru