Deci, pentru a face o poză de fundal pe site, trebuie să facem câteva lucruri:
- Găsiți această imagine, de preferință la rezoluție ridicată. Foarte misto, în acest caz, arătați imagini, unde mijlocul este gol, și pe partea de ceva care este desenat, pentru un blog este rezultatul optim. În principiu, acum și site-urile se străduiesc pentru un blog format, deoarece este frumos și ordonat.
- Precizați codul în fișierul css, care ne va ajuta să facem imaginea ca fundal pe site.
- Înregistrează Divas în
Cu primul paragraf, totul este clar. Adevărul este că atunci când am încercat să găsesc imagini de care aveam nevoie, nu am reușit. O soluție excelentă este de a face o astfel de imagine la comandă de la un designer profesionist. Ei bine, sau aspiranții să devină. Imaginea care rezultă trebuie să fie încărcată în spațiul de găzduire, în dosarul în care sunt situate fotografiile sau în cel mai potrivit dosar pentru dvs.
Faceți un fundal de imagine pe site-ul din css
Apoi, deschideți stilul.css al fișierului, trebuie să adăugăm un cod în fișierul de stil în care va fi specificată calea către imagine. După ce ați descărcat o astfel de imagine cu ajutorul codului de fundal, vom obține un fundal excelent pe site. În stil.css am următoarele pe unul dintre site-uri:
După cum puteți vedea în stânga, săgeata albastră indică codul care vă permite să descărcați imaginea de care aveți nevoie pentru a introduce în continuare fundalul pe site. Puteți scrie același lucru, nu uitați să schimbați numele imaginii pe cont propriu. Apropo, am două containere. Pentru ieșirea imaginii, cea de-a doua răspunde la fundal, iar primul container răspunde la fundal sub formă de culoare. Acest lucru se face astfel încât, dacă imaginea nu se încarcă din vreun motiv, veți avea un fundal. Și, de asemenea, se aplică că imaginea nu diferă de fundal. De obicei, marginile imaginii tale vor fi monotone pentru a avea o combinație frumoasă și să nu vă atrageți ochii. După cum puteți vedea, fundalul meu este încărcat din dosarul principal. Apoi apar proprietățile imaginii:
- fără repetare înseamnă că nu repetați imaginea pe orizontală sau pe verticală. Dacă doriți să faceți o fotografie puțin și repetabilă, trebuie să specificați o repetare pe axa x sau y.
- Repetare repetată pe verticală
- repeat-x se repetă orizontal, dacă specificați pur și simplu repetați, repetarea va fi atât verticală, cât și orizontală.
- Ei bine, partea de sus a centrului indică faptul că imaginea trebuie centrată și apăsată pe marginea superioară, aceasta este o metodă foarte bună de lucru și vă va potrivi practic în toate scopurile.
Apoi, trebuie să găsim o etichetă
în structura sitului. Am în antet, antetul site-ului. Vezi imaginea:
După cum puteți vedea, codul este inserat din css, acest lucru se face cu ajutorul acestui cod:
Care sunt mediile de pe site?
La sfârșitul acestei lecții, să vedem ce fundal poate fi. După cum am spus, unul dintre trucurile cele mai tari utilizează o imagine cu marginile monotone, cum ar fi:
După cum puteți vedea, în lungul perimetrului se utilizează o umplutură brună unică. Aici facem aceeași culoare pe întreg site-ul și introducem imaginea. Să presupunem că avem un blog de jocuri și structura însăși în mijloc. Frumusețea, nu-i așa?).
Fundalul poate fi, de asemenea, o culoare simplă, la gustul dumneavoastră. Dar pare aproape ineficientă, acum nu este cineva convingător.
De asemenea, un mod frumos de a introduce un fundal fără sudură, așa cum am făcut pe site, dacă există un model destul de frumos, atunci acest fundal va arăta bine. Există o mulțime de servicii cu care puteți face astfel de diverse și interesante medii. Nu uitați să utilizați comanda de repetare în acest caz.
Vă recomandăm să citiți:
Lecția următoare: Yandex Metric pe site-ul dvs. este simplu și ușor.
Lecția anterioară: Buton sus pe site.
Articole similare
-
Fântâna cu mâinile mele pentru lecții de fizică - cum să fac un scaun cu mâinile mele
-
Sfaturi de machiaj verde ochi și lecții cum să faci machiaj frumos
Trimiteți-le prietenilor: