OpenCart (част 8)

OpenCart (част 8)
OpenCart (част 8)

Списъкът на задачи за днес:

1 Изрежете ненужния фонов

2 Промяна на фона галета

3 Промяна на фона шаблона

5 Малко завършен образец (в долната част на блока, цвета на фона, и така нататък.)

1 Отворете stylesheet.css и търсят този код:

#header .div5 .left фон: URL ( "../ изображение / header_1_left.png") не-повторение;
ширина: 5px;
височина: 40px;
плаваш: ляв;
>
#header .div5 .right фон: URL ( "../ изображение / header_1_right.png") не-повторение;
ширина: 5px;
височина: 40px;
плаваш: право;
>
#header .div5 .center фон: URL ( "../ изображение / header_1_center.png") повтаря-х;
височина: 40px;
марж ляв: 5px;
марж-надясно: 5px;
>

Изрежете снимката, и след като кода:

#header .div5 ясно: и двете;
височина: 40px;
>

Ние разглеждаме модела:

OpenCart (част 8)

2 Сега отворете папката със снимките. \ Каталог \ оглед \ тема \ Moushe \ образ и търсят 3 снимки:

някои от техните pererisuem (като PNG за това, че не може да има прозрачност):

(Тях е почти невидима, но те са там)

Ние разглеждаме модела:

OpenCart (част 8)

3 Отворете fon.jpg картина и да се замени на фона на това:

Open stylesheet.css и да намерят този код:

тяло фон: URL ( "../ изображение / fon.jpg") повтаря-х;
марж: 0px;
подложка: 0px;
текст-приравни: център;
>

добавите цвят на фона:

тяло фон: # 87bff9 URL ( "../ изображение / fon.jpg") повтаря-х;
марж: 0px;
подложка: 0px;
текст-приравни: център;
>

Ние разглеждаме модела:

OpenCart (част 8)

Simpatichnenko, но трябва да се прекрои снимката в долния блок, белите ъглите не е лед, гледайки box_bottom.png картина и да изтриете гумичка бели ъгли по-долу:

Обновете браузъра:

OpenCart (част 8)

Е, друго нещо

Отворете папката с логото. \ Изображение \ малко данни ще работи на вашия компютър икона:

OpenCart (част 8)

И изтеглите всяка икона компютър в интернет, има много от тях