Благодарим за выбор нашего сервиса!
Тестовое сообщение
Сообщений 1 страница 12 из 12
Поделиться22011-04-02 20:04:08
начнем с того, что у каждого элемента в ксс есть свое название. например, body- задний фон, table - шапка, quote-box - цитата, code-box - "код" (например рекламы), announcement - таблица.
Поделиться32011-04-02 20:08:44
Структура style.css - отвечает за размеры и позиционирование элементов (справа, слева, по центру)
Цвета style_cs.css - отображение элементов. цвет или изображение.
Поделиться42011-04-02 20:18:52
начнем изучать сперва Цвета style_cs.css и как прописываются элементы.
возьмем например твое ярое желание вставить задний фон. body отвечает за это. да, body всегда прописывается в начале, а не посередине или в конце Цвета style_cs.css.
Чтобы вставить фон, в целом, используется
background-image: url(ссылка);
background - сам по себе означает задний фон, -image - собственно, изображение. Далее идет всегда ":" (ибо это основа прописывания). url - означает, что следует ссылка на прописанный элемент (в нашем случае на бакграун-имэйдж). Скобки открываются всегда, ибо тоже, основа прописывания элементов.
Далее. Нам же нужно прописать, точнее, указать ссылку на урл бэкраун-имэдж именно заднего фон.
Пишем body и открываем ''{}", эти скобки означают, что будет прописан элемент подробно. в смысле, у нас есть background-image: url(ссылка); который будет находится в этих скобках.
попробуй залить изображение и прописать фон изображеним?
Поделиться52011-04-02 20:23:29
body{background-image: url(http://i081.radikal.ru/1104/7c/d342125ddda8.jpg);}
Поделиться62011-04-02 20:37:31
верно.
Далее. Что же у нас получится, если, например, фон не прокручивается (показывает его всего один раз, например), и все остальное поле (назовем это так), заднего фона будет серым или ярко-оранжевым? неее, не смотрится. Как это изменить? Что бы, пустое поле было такого же цвета как и фон? (в данным случае зеленый). Жмем политрой в фотошопе на фон и получаем зеленый цвет, который доменирует над твоем фоном-картинкой.
Ну, узнали мы цвет, а что же ждет нас дальше? Как прописать это?
Все очень просто. Берем прописанный нами фон (body)
body{background-image: url(http://i081.radikal.ru/1104/7c/d342125ddda8.jpg);}
и, добавляем следующее: background-color: #цвет;
-color - означает цвет, # - означает что следует цвет (обычно цвет прописывается шестью буквами {например 000000 - что означает черны} или же словом{red, например}. Но для точной прописки используется первый вариант.)
background-color: #цвет; также вписывается в наши необычные скобочки а-ля "{}", но, чтобы понять где и какой элемент, разделаем background-image:(и все что он содержит) ENTER'ом. В смысле, все элементы описывающие один основный элемент (body) являются строчными. Один элемент в одной строке.
Узнай цвет фона и пропиши в существующим коде.
Поделиться72011-04-02 20:40:13
body{background-image: url(http://i081.radikal.ru/1104/7c/d342125ddda8.jpg);
background-color: #91b147; }
Поделиться82011-04-02 20:52:46
Ладно. С этим разобрались.
Но все-равно, как-то некрасиво смотрится, пустой фон(с цветом) и одно изображение расположение где-то там, в левом нижним углу. Что же надо сделать, чтобы наш фон(картинка) прокручивался? Даа, незадача. А ведь этот зеленое поле меня пугает тт"
Это легко исправить.
background-repeat: значение; НАМ В ПОМОЩЬ!!!! :ззз
-repeat -повторение фона. Далее идет значение этого элемента. Значение может быть:
no-repeat - не повторяется. остается в том же несчастном углу. DD:
repeat - повторяется очень много раз.
fixed - бегает вверх-вниз. то есть, если у нас большая картинка (например два аниме-персонажа, один с правого края, другой с левого края и фон весь белый) и мы не хотим, чтобы люди с широкоформатными мониторингами видели по несколько раз эту картинку (например картинка повторяется три раза, и еще видны сверху ножки, так неудачно обрезанные), то используем это значение.
Выбери подходящее и пропиши в элементы body
(прописывается точно так-же как и предыдущий изученный нами элемент. вообще, все элементы так прописываются.)
Поделиться92011-04-02 22:04:49
body{background-repeat:repeat ;}
Поделиться102011-04-03 00:46:57
body{background-repeat:repeat ;}
+ то что у нас уже есть, милая.
Поделиться112011-04-03 08:06:01
body{background-image: url(http://i081.radikal.ru/1104/7c/d342125ddda8.jpg);
background-color: #91b147;
background-repeat:repeat ; }