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

Probnik.

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Probnik. » Тестовый форум » Тестовое сообщение


Тестовое сообщение

Сообщений 1 страница 12 из 12

1

Благодарим за выбор нашего сервиса!

0

2

начнем с того, что у каждого элемента в ксс есть свое название. например, body- задний фон, table - шапка, quote-box - цитата, code-box - "код" (например рекламы), announcement - таблица.

0

3

Структура style.css - отвечает за размеры и позиционирование элементов (справа, слева, по центру)
Цвета style_cs.css - отображение элементов. цвет или изображение.

0

4

начнем изучать сперва Цвета style_cs.css и как прописываются элементы.

возьмем например твое ярое желание вставить задний фон. body отвечает за это. да, body всегда прописывается в начале, а не посередине или в конце Цвета style_cs.css.

Чтобы вставить фон, в целом, используется
background-image: url(ссылка);
background - сам по себе означает задний фон,  -image - собственно, изображение. Далее идет всегда ":" (ибо это основа прописывания). url - означает, что следует ссылка на прописанный элемент (в нашем случае на бакграун-имэйдж). Скобки открываются всегда, ибо тоже, основа прописывания элементов.

Далее. Нам же нужно прописать, точнее, указать ссылку на урл бэкраун-имэдж именно заднего фон.
Пишем body и открываем ''{}", эти скобки означают, что будет прописан элемент подробно. в смысле, у нас есть background-image: url(ссылка); который будет находится в этих скобках.

попробуй залить изображение и прописать фон изображеним?

0

5

body{background-image: url(http://i081.radikal.ru/1104/7c/d342125ddda8.jpg);}

0

6

верно.

Далее. Что же у нас получится, если, например, фон не прокручивается (показывает его всего один раз, например), и все остальное поле (назовем это так), заднего фона будет серым или ярко-оранжевым? неее, не смотрится. Как это изменить? Что бы, пустое поле было такого же цвета как и фон? (в данным случае зеленый). Жмем политрой в фотошопе на фон и получаем зеленый цвет, который доменирует над твоем фоном-картинкой.

Ну, узнали мы цвет, а что же ждет нас дальше? Как прописать это?

Все очень просто. Берем прописанный нами фон (body)

Hibari написал(а):

body{background-image: url(http://i081.radikal.ru/1104/7c/d342125ddda8.jpg);}

и, добавляем следующее: background-color: #цвет;
-color - означает цвет, # - означает что следует цвет (обычно цвет прописывается шестью буквами {например 000000 - что означает черны} или же словом{red, например}. Но для точной прописки используется первый вариант.)

background-color: #цвет; также вписывается в наши необычные скобочки а-ля "{}", но, чтобы понять где и какой элемент, разделаем background-image:(и все что он содержит) ENTER'ом. В смысле, все элементы описывающие один основный элемент (body) являются строчными. Один элемент в одной строке.

Узнай цвет фона и пропиши в существующим коде.

0

7

body{background-image: url(http://i081.radikal.ru/1104/7c/d342125ddda8.jpg);
         background-color: #91b147; }

0

8

Ладно. С этим разобрались.
Но все-равно, как-то некрасиво смотрится, пустой фон(с цветом) и одно изображение расположение где-то там, в левом нижним углу. Что же надо сделать, чтобы наш фон(картинка) прокручивался? Даа, незадача. А ведь этот зеленое поле меня пугает тт"

Это легко исправить.

background-repeat: значение; НАМ В ПОМОЩЬ!!!! :ззз
-repeat -повторение фона. Далее идет значение этого элемента. Значение может быть:
no-repeat - не повторяется. остается в том же несчастном углу. DD:
repeat - повторяется очень много раз.
fixed - бегает вверх-вниз. то есть, если у нас большая картинка (например два аниме-персонажа, один с правого края, другой с левого края и фон весь белый) и мы не хотим, чтобы люди с широкоформатными мониторингами видели по несколько раз эту картинку (например картинка повторяется три раза, и еще видны сверху ножки, так неудачно обрезанные), то используем это значение.

Выбери подходящее и пропиши в элементы body
(прописывается точно так-же как и предыдущий изученный нами элемент. вообще, все элементы так прописываются.)

0

9

body{background-repeat:repeat ;}

0

10

Hibari написал(а):

body{background-repeat:repeat ;}

+ то что у нас уже есть, милая.

0

11

body{background-image: url(http://i081.radikal.ru/1104/7c/d342125ddda8.jpg);
         background-color: #91b147;
         background-repeat:repeat ; }

0

12

http://httpprobnik.anihub.ru/

0


Вы здесь » Probnik. » Тестовый форум » Тестовое сообщение


Рейтинг форумов | Создать форум бесплатно