Pri vytváraní vlastných webových stránok samozrejme chcete, aby sa zobrazovali čo najatraktívnejšie bez ohľadu na verziu prehliadača používateľa. Najmä preto, aby sa obraz na pozadí natiahol a upravil na rozlíšenie monitora počítača.
Je to nevyhnutné
zručnosti v práci s html, css, java-script
Inštrukcie
Krok 1
Otvorte kód svojej stránky v ľubovoľnom editore, ako je napríklad Poznámkový blok alebo špeciálny program pre návrh webov, Dreamweaver. Prilepením nasledujúcich riadkov do kódu roztiahnite pozadie webu. Pridať pozadie: url („Vložte odkaz na obrázok“).
Krok 2
Na zväčšenie obrázka vo vodorovnom smere použite nasledujúci kód: Pozadie: url (‘Vložte odkaz na obrázok’ repeat-x), zvisle - na konci kódu nahraďte x za y. Ak je web štylizovaný do súboru css, vložte do neho kód. Týmto spôsobom budete môcť na svoje stránky umiestniť gumené pozadie.
Krok 3
Nasledujúci príklad kódu použite na umiestnenie obrázka na pozadí na stránku a jeho automatického roztiahnutia tak, aby zodpovedalo rozlíšeniu monitora, na ktorom sa stránka zobrazuje. Príklad kódu: body {background: "Vložte odkaz na obrázok na pozadí" () bez opakovania, pevný stred vľavo; potom veľkosť pozadia: […].
Krok 4
Ak chcete roztiahnuť obrázok na pozadí, jednoducho vložte obrázok ako pozadie a nastavte jeho šírku na 100%. Napríklad vložte nasledujúci text do kódu stránky: obrázok na pozadí "alt =" Zadajte názov obrázka "/>. Bude sa teda používať na prispôsobenie šírke obrázka, budú však porušené jeho proporcie.
Krok 5
Podobne môžete nastaviť, aby sa obraz rozťahoval do výšky, namiesto atribútu width (šírka) sa používa výška. Alebo použite nasledujúci príklad kódu pre css: obrázok na pozadí stránky) "> a potom pridajte 100% šírku obrázka ako v predchádzajúcom príklade. Môžete tiež použiť skript na zistenie rozlíšenia obrazovky používateľa a upraviť veľkosť vášho stola za to.
