Главная страница
Информация о сайте
Наши конкурсы
Предложить конкурс
№209 Видеоурок на тему:
Изменение фона сайта Ucoz при помощи графики

Автор: mdbaner (mdbaner) [сайт автора: http://ucozon.ru]

Оцените:

Всего комментариев: 10
+1   Спам
7. Ellektra   (26.04.2011 10:28)
mdbaner, все уроки просто супер!!! Очень позновательно и доступно))))))) Спасибо! Респект respect hands
-1   Спам
3. nyncuk   (25.04.2011 20:13)
body { background: #fff url(images/картинка.png) fixed no-repeat bottom right; }
Так не легче?
+1   Спам
4. mdbaner   (25.04.2011 20:36)
Может быть вам легче. но тогда ваша страница будет под тормозом полным, и перекатывать ее не очень приятно с дерганьем.

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 -Наследует значение родителя.

0   Спам
5. nyncuk   (25.04.2011 21:33)
Ничего подобного не наблюдалось.

Универсальное свойство background позволяет установить одновременно до пяти характеристик фона. Значения могут идти в любом порядке, браузер сам определит, какое из них соответствует нужному свойству. Для подробного ознакомления смотрите информацию о каждом свойстве отдельно.

(background: [background-attachment || background-color || background-image
|| background-position || background-repeat] | inherit
)

По моему так легче! Нежеле писать каждое свойство и к нему значение, и я думаю что background-color, background-position и т.д существуют лишь для того если вам например нужно задать один свет или убрать фон (background-image:none;) мое имхо.

+1   Спам
6. mdbaner   (26.04.2011 00:34)
ненаблюдалось потому что комп жирный, я сижу в каждый день за разными компами и вижу разницу, и если комп слабый то дерганье обеспечено на все 100%
+1   Спам
8. nyncuk   (26.04.2011 14:18)
Не вы явно открыли америку! Ну да ладно...
В Google на эту тему ничего не нашел, тобишь ваше зависание никакого отношения к свойству "бэкграунд" не имеет, и вообще стили нужно писать в css а не в html код, они ведь для этого и созданы.
+1   Спам
9. mdbaner   (26.04.2011 17:31)
"НУжно" это еще не значить обязательно, если стиль занимает строчку то нет необходимости его перемещать в таблицу стилей.
А на счет торможение если вам так интересно я могу продемонстрировать , снять видео с предложенным вашем вариантом, и разница будет довольно яркая.
Дело в том что это не первый урок и именно с фоном, я в том уроке указал пользователям о торможение страницы и использовал такой же вариант что вы предлагаете.
0   Спам
10. mdbaner   (02.05.2011 12:32)
background-attachment:fixed;} - убираем подрагивание страницы при скроллинге..
Источник этого решения, судя по всему, студия Лебедева.
0   Спам
2. mdbaner   (25.04.2011 19:19)
Если посмотреть все стили с значением Синтаксиса background то много интересного, и тем более используется во всех CSS1, CSS2, CSS3
+3   Спам
1. rischat   (25.04.2011 19:16)
Понравилось hands
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
 
Текущие конкурсы
Активных конкурсов сейчас нет
Завершенные конкурсы
Конкурс №17, Творческий
"Интернет будущего"

Условия конкурса
Результаты конкурса

Конкурс №16, uID.me
"Конкурс на лучший профиль uID.me"

Условия конкурса
Результаты конкурса

Конкурс №15
"Дизайн блога uCoz"

Условия конкурса
Результаты конкурса

Конкурс №14, фан-арт
"I love uCoz!"

Условия конкурса
Результаты конкурса

Конкурс №13, Эпистолярный
"7 лет вместе с uCoz!"

Условия конкурса
Результаты конкурса

Конкурс №12
"Шаблоны для uCoz"

Условия конкурса
Результаты конкурса

Конкурс №10, инструкции
"Инструкции по системе uCoz"

Условия конкурса
Результаты конкурса

Конкурс №9
"PHP скрипты для uCoz. Часть 2: Реализация"

Условия конкурса
Результаты конкурса

Конкурс №9
"PHP скрипты для uCoz. Часть 1: Идеи"

Условия конкурса
Результаты конкурса

Конкурс №8, видео
"Видеоуроки о uCoz"

Условия конкурса
Результаты конкурса

Форма входа