Opencart (8. rész)


A feladatok listáját a mai:
1 Vágja ki a felesleges háttér
2. Változtassuk meg a háttérben zsemlemorzsa
3. Módosítsa a háttér sablon
5. Kis kész sablont (az alsó része a blokk, a háttér színét, és így tovább.)
1 Nyissa stylesheet.css és keresse ezt a kódot:
#header .div5 .left background: url ( '../ image / header_1_left.png') no-repeat;
szélesség: 5px;
magasság: 40px;
float: left;
>
#header .div5 .right background: url ( '../ image / header_1_right.png') no-repeat;
szélesség: 5px;
magasság: 40px;
float: right;
>
#header .div5 .center background: url ( '../ image / header_1_center.png) repeat-x;
magasság: 40px;
margin-left: 5px;
margin-right: 5px;
>
Vágd ki a képet, majd a kód:
#header .div5 egyértelmű: mind;
magasság: 40px;
>
Nézzük a minta:

2. Most nyissuk meg a mappát a képek. \ Katalógus \ view \ témát \ Moushe \ képre, és keresse meg a 3 kép:
azok egyes pererisuem (például png az a tény, hogy nem lehet az átláthatóság):
(Őket ott szinte láthatatlan, de ott vannak)
Nézzük a minta:

3. Nyissa meg a képet fon.jpg és cserélje ki a háttérben ez:
Nyílt stylesheet.css és találja ezt a kódot:
test background: url ( '../ image / fon.jpg) repeat-x;
margin: 0px;
padding: 0px;
text-align: center;
>
adjunk hozzá egy háttérszín
test háttér: # 87bff9 url ( '../ image / fon.jpg) repeat-x;
margin: 0px;
padding: 0px;
text-align: center;
>
Nézzük a minta:

Simpatichnenko, de meg kell, hogy dolgozza át a képet az alsó blokk, a fehér sarkok nem jég, akik box_bottom.png képet, és törli radír fehér sarkok alább:
Frissítsd a böngészőt:

Nos, egy másik dolog
Nyissa meg a mappát a logót. \ Fényképek \ data bit fog dolgozni a számítógép ikon:

És letölt minden számítógép ikon az interneten, sok közülük