Ko ustvarite lastno spletno mesto, seveda želite, da se prikaže čim bolj privlačno, ne glede na različico uporabnikovega brskalnika. Zlasti tako, da se slika ozadja raztegne in prilagodi ločljivosti računalniškega monitorja.
Potrebno je
veščine dela s html, css, java-skriptom
Navodila
Korak 1
Odprite kodo za svoje spletno mesto v katerem koli urejevalniku, kot je Notepad ali namenski program za spletno oblikovanje, Dreamweaver. V kodo prilepite naslednje vrstice, da raztegnete ozadje spletnega mesta. Dodaj ozadje: url (‘Vstavi povezavo do slike’).
2. korak
Za vodoravno velikost slike uporabite naslednjo kodo: Ozadje: url ('Vstavi povezavo do slike' repeat-x), navpično - na koncu kode x zamenjajte z y. Če je spletno mesto oblikovano v datoteki CSS, vanj prilepite kodo. Na ta način boste lahko postavili gumijasto ozadje na svojo spletno stran.
3. korak
Z naslednjim primerom kode postavite sliko ozadja na stran in jo samodejno raztegnite, da ustreza ločljivosti monitorja, na katerem si stran ogledujete. Primer kode: body {ozadje: "Vstavi povezavo do slike ozadja" () brez ponavljanja fiksno levo sredino; potem velikost ozadja: […].
4. korak
Če želite sliko ozadja raztegniti, preprosto vstavite sliko kot ozadje in nastavite njeno širino na 100%. V kodo strani na primer vstavite naslednje besedilo: ozadje "alt =" Vnesite ime slike "/>. Tako bo uporabljen tako, da bo ustrezal širini slike, vendar bo kršen njegov delež.
5. korak
Podobno lahko nastavite sliko, da se razteza v višino, namesto atributa širine uporabite višino. Ali pa uporabite naslednji primer kode za css: ozadje slike spletnega mesta) "> in za njim dodajte 100% širino slike kot v prejšnjem primeru. S skriptom lahko tudi ugotovite ločljivost zaslona uporabnika in uredite velikost vaše mize zanjo.
