Oma veebisaidi loomisel soovite loomulikult, et see kuvataks võimalikult atraktiivselt, hoolimata kasutaja brauseri versioonist. Eelkõige selleks, et taustapilt venitataks ja kohandataks arvutimonitori eraldusvõimega.
See on vajalik
oskused töötamiseks HTML, css, java-scriptiga
Juhised
Samm 1
Avage oma saidi kood mis tahes redaktoris, näiteks Notepadis või spetsiaalses veebikujundusprogrammis Dreamweaver. Saidi tausta venitamiseks kleepige järgmised read koodi. Lisa taust: url (‘Sisesta pildile link’).
2. samm
Pildi horisontaalseks suurendamiseks kasutage järgmist koodi: Background: url (‘Sisesta pildile link’ repeat-x), vertikaalselt - koodi lõpus asendage x y-ga. Kui saidi kujundus on css-fail, kleepige kood sinna. Nii saate oma saidile panna kummilise tausta.
3. samm
Järgmise koodinäite abil saate lehele taustpildi paigutada ja seda automaatselt sirutada, et see vastaks monitori eraldusvõimele, kus lehte vaadatakse. Koodinäide: body {background: "Sisesta link taustpildile" () no-repeat fix left center; siis tausta suurus: […].
4. samm
Taustpildi venitamiseks sisestage lihtsalt pilt taustaks ja määrake selle laiuseks 100%. Näiteks sisestage lehekoodi järgmine tekst: taustapilt "alt =" Sisestage pildi nimi "/>. Seega kasutatakse seda pildi laiuse sobitamiseks, kuid selle proportsioone rikutakse.
5. samm
Samamoodi saate määrata pildi venitamise kõrguse, kasutada atribuudi laius asemel kõrgust. Või kasutage css jaoks järgmist koodinäidet: saidi taustpilt) "> ja lisage pärast seda pildi 100% laius nagu eelmises näites. Samuti saate skripti abil teada saada kasutaja ekraani eraldusvõime ja muuta suurust oma lauast selle eest.
