Veidojot savu vietni, protams, vēlaties, lai tā tiktu parādīta pēc iespējas pievilcīgāk neatkarīgi no lietotāja pārlūkprogrammas versijas. Jo īpaši tā, lai fona attēls būtu izstiepts un pielāgots datora monitora izšķirtspējai.
Tas ir nepieciešams
prasmes darbā ar html, css, java-script
Instrukcijas
1. solis
Atveriet savas vietnes kodu jebkurā redaktorā, piemēram, Notepad vai īpašā tīmekļa dizaina programmā Dreamweaver. Ielīmējiet kodā šādas rindas, lai izstieptu vietnes fonu. Pievienot Background: url (‘Ievietojiet saiti uz attēlu’).
2. solis
Lai attēlu palielinātu horizontāli, izmantojiet šādu kodu: Background: url (‘Ievietojiet saiti uz attēlu’ repeat-x), vertikāli - koda beigās aizstājiet x ar y. Ja vietne ir veidota css failā, ielīmējiet tajā kodu. Tādā veidā jūs savā vietnē varēsit ievietot gumijas fonu.
3. solis
Izmantojiet šo koda piemēru, lai lapā ievietotu fona attēlu un automātiski izstieptu to atbilstoši tā monitora izšķirtspējai, kurā lapa tiek skatīta. Koda piemērs: ķermeņa {fons: "Ievietojiet saiti uz fona attēlu" () no-atkārtot fiksētu kreiso centru; tad fona lielums: […].
4. solis
Lai izstieptu fona attēlu, vienkārši ievietojiet attēlu kā fonu un iestatiet tā platumu uz 100%. Piemēram, lapas kodā ievietojiet šādu tekstu: fona attēls "alt =" Ievadiet attēla nosaukumu "/>. Tādējādi tas tiks izmantots, lai atbilstu attēla platumam, taču tiks pārkāptas tā proporcijas.
5. solis
Tāpat jūs varat iestatīt attēla izstiepšanos augstumā, platuma atribūta vietā izmantot augstumu. Vai arī izmantojiet šādu koda piemēru css: vietnes fona attēls) "> un pēc tam pievienojiet 100% attēla platumu, kā tas bija iepriekšējā piemērā. Varat arī izmantot skriptu, lai uzzinātu lietotāja ekrāna izšķirtspēju un rediģētu izmēru jūsu galda par to.
