Creați propriile teme pentru proiectarea transformatorului

Creați propriile teme pentru proiectarea transformatorului este împărțit în 2 etape:

1. Crearea unei imagini tematice

2. Lucrul cu fișierul CSS și încărcați

Exemplu de fișier cu tema: descărcare (665kb).

Pasul 1: Crearea unei imagini temă

1. imagine fire este compus din două elemente distincte: un capac (background-top) și un subsol (fond de jos).

2. Cap - fire principale de imagine, imagine mare de fundal. Regiunea din partea de sus a site-ului și la marginea inferioară a cursorului.

Pentru a crea imaginile de care aveți nevoie capace:

- Selectați imaginea (înălțime nu mai puțin de 700 px). Puteți utiliza o imagine de orice înălțime, sistemul automat „circumcide“ lungime în exces, parametrii de înălțime sunt setate în fișierul. Dacă doriți să specificați înălțimea propriei tale, înălțimea aproximativă a capacului trebuie sa fie 550-700 px,

- Lățimea imaginii este ajustată individual, pentru site-ul dvs., de obicei 1920px.
Ne-ar dori să se constate că lățimea site-ului, începând cu versiunea 5.0, și-a schimbat (acum lățimea conținutul principal 1,180 pixeli), astfel încât alegerea unei imagini pentru o temă trebuie să fie elementele de bază în afișajul de imagine, astfel încât conținutul principal (1180px) Nu bloca elementele din imagine.

- Salvați imaginea în format jpg. Numele imaginii poate fi orice, de exemplu, fundal top.jpg.

3. Subsol - partea cea mai joasă a site-ului. Situat la marginea de jos a site-ului înainte de primele elemente de imagine ale site-ului.

Pentru a crea imagini de subsol aveți nevoie de:

- Ia imaginea pe care doriți și se taie dimensiunea de partea de jos a site-ului la elementele de carduri de plată butoane, bannere.

- Înălțimea blocului variază de obicei in 200px, latimea poate fi, de asemenea, diferite, de obicei 1920px pentru monitoare mari.

- Salvați imaginea în format jpg. Numele imaginii poate fi orice, de exemplu, fundal bottom.jpg.

4. Creați un dosar cu numele temei dvs., de exemplu, „de vară“. În ea, a crea un alt dosar 2 - stiluri și imagini. Salvați în imaginile directorul creat imaginea: fundal top.jpg, fundal bottom.jpg.

Pasul 2: Lucrul cu CSS fișier și descărca teme

Inserați codul, și înlocuiți valoarea digitală a imaginii înălțimea (px) (evidențiat cu roșu), pe cont propriu.

Salvați fișierul în dosarul „stiluri“ cu numele styles.css.

Copiați codul și înlocuiți-l cu valoarea sa

fundal: URL-ul transparent ( 'imagini ../ / background-bottom.jpg') nu-repetare centru de defilare de jos;