Kada izrađujete vlastitu web stranicu, prirodno je da želite da se prikazuje što atraktivnije, bez obzira na verziju korisničkog preglednika. Konkretno, tako da se pozadinska slika razvuče i prilagodi razlučivosti računalnog monitora.
Nužno je
vještine u radu s html, css-om, java-skriptom
Upute
Korak 1
Otvorite kôd za svoje web mjesto u bilo kojem uređivaču, kao što je Notepad ili namjenski program za web dizajn Dreamweaver. Zalijepite sljedeće retke u kôd da biste protegnuli pozadinu web mjesta. Dodaj pozadinu: url (‘Umetni vezu na sliku’).
Korak 2
Za horizontalno veličinu slike upotrijebite sljedeći kôd: Pozadina: url ('Umetni vezu na sliku' repeat-x), okomito - na kraju koda zamijenite x s y. Ako je web mjesto oblikovano u css datoteci, zalijepite kôd u nju. Na taj ćete način na svoju web lokaciju moći staviti gumeni pozadinu.
3. korak
Upotrijebite sljedeći primjer koda da biste postavili pozadinsku sliku na stranicu i automatski je razvukli kako bi odgovarala razlučivosti monitora na kojem se stranica pregledava. Primjer koda: body {background: "Umetni vezu na pozadinsku sliku" () bez ponavljanja fiksno lijevo središte; zatim veličina pozadine: […].
4. korak
Da biste protegnuli pozadinsku sliku, jednostavno umetnite sliku kao pozadinu i postavite njezinu širinu na 100%. Na primjer, umetnite sljedeći tekst u kod stranice: pozadinska slika "alt =" Unesite ime slike "/>. Stoga će se koristiti za prilagođavanje širini slike, ali njezini proporcije će biti prekršeni.
Korak 5
Slično tome, možete postaviti sliku da se proteže u visinu, umjesto atributa širine koristite visinu. Ili upotrijebite sljedeći primjer koda za css: pozadinska slika web stranice) "> i nakon njega dodajte 100% širinu slike kao u prethodnom primjeru. Također možete koristiti skriptu da biste saznali korisnikovu razlučivost zaslona i uredili veličinu vašeg stola za to.
