Si Të Bëni Një Sfond Gome

Përmbajtje:

Si Të Bëni Një Sfond Gome
Si Të Bëni Një Sfond Gome

Video: Si Të Bëni Një Sfond Gome

Video: Si Të Bëni Një Sfond Gome
Video: Si te beni nje tabele me thenie ndricuese | Happy Birthday Sign | Festa dhe Evenimente | DIY | Dekor 2024, Mund
Anonim

Kur krijoni faqen tuaj në internet, natyrisht dëshironi që ajo të shfaqet sa më tërheqëse, pavarësisht nga versioni i shfletuesit të përdoruesit. Në veçanti, në mënyrë që imazhi i sfondit të shtrihet dhe të rregullohet në rezolucionin e monitorit të kompjuterit.

Si të bëni një sfond gome
Si të bëni një sfond gome

Është e nevojshme

aftësi për të punuar me html, css, java-script

Udhëzimet

Hapi 1

Hapni kodin për faqen tuaj në çdo redaktor, siç është Notepad ose një program i dedikuar për krijimin e faqeve në internet, Dreamweaver. Vendosni linjat e mëposhtme në kod për të shtrirë sfondin e faqes. Shto sfond: url ('Vendos një lidhje për imazhin').

Hapi 2

Për të madhësuar fotografinë në mënyrë horizontale, përdorni kodin e mëposhtëm: Sfondi: url ('Vendos një lidhje për imazhin' përsërit-x), vertikalisht - në fund të kodit, zëvendëso x me y. Nëse faqja është stiluar në një skedar css, ngjisni kodin në të. Në këtë mënyrë ju do të jeni në gjendje të vendosni një sfond të gomuar në faqen tuaj.

Hapi 3

Përdorni shembullin e mëposhtëm të kodit për të vendosur një imazh sfond në një faqe dhe automatikisht ta shtrini atë për t'iu përshtatur rezolucionit të monitorit në të cilin po shikohet faqja. Kodi Shembull: body {sfondi: "Vendos një lidhje në imazhin e sfondit" () pa përsëritur qendra e majtë fikse; atëherë madhësia e sfondit: […].

Hapi 4

Për të zgjatur imazhin e sfondit, thjesht futni një fotografi si sfond dhe vendosni gjerësinë e saj në 100%. Për shembull, futni tekstin e mëposhtëm në kodin e faqes: imazhi i sfondit "alt =" Vendosni emrin e figurës "/>. Kështu, do të përdoret për t'iu përshtatur gjerësisë së fotos, por proporcionet e saj do të shkelen.

Hapi 5

Në mënyrë të ngjashme, mund ta vendosni imazhin të shtrihet në lartësi, të përdorni lartësinë në vend të atributit gjerësi. Ose përdorni shembullin e mëposhtëm të kodit për css: imazhi i sfondit të faqes) "> dhe pasi të shtoni 100% gjerësi të figurës si në shembullin e mëparshëm. Gjithashtu mund të përdorni skriptin për të zbuluar rezolucionin e ekranit të përdoruesit dhe për të modifikuar madhësinë të tryezës tuaj për të.

Recommended: