Zmožnosti označevalnega jezika - HTML - in kaskadnih slogovnih listov - CSS - vam omogočajo, da na več načinov postavite eno sliko znotraj druge. Seveda to zahteva nekaj spretnosti pri postavitvi spletne strani in na podlagi obstoječe kode morate izbrati določeno metodo. V nekaterih primerih pa lahko brez urejanja izvorne kode.
Navodila
Korak 1
Obstaja način, da eno sliko postavite na drugo, ne da bi se spremenile strani spletnega mesta. Če želite to narediti, je dovolj, da uredite sliko ozadja, shranjeno na strežniku - s katerim koli grafičnim urejevalnikom postavite sliko v ospredju. Če ta metoda deluje pri vas, začnite z določitvijo mesta shranjevanja in imena datoteke s sliko v ozadju. To lahko storite tako, da ga poiščete v izvorni kodi strani ali tako, da ga odprete v ločenem zavihku in si ogledate celotno pot v naslovni vrstici brskalnika.
2. korak
Z upraviteljem datotek sistema za upravljanje vsebine ali odjemalca FTP prenesite potrebno datoteko v računalnik in jo odprite v katerem koli grafičnem urejevalniku - na primer v aplikaciji Paint, nameščeni z operacijskim sistemom Windows.
3. korak
Sliko v ospredju postavite na ozadje - v programu Paint morate na spustnem seznamu »Vstavi« na zavihku »Domov« izbrati element »Vstavi iz« in v pogovornem oknu, ki se odpre, poiskati želeno datoteko. Nato prilagodite položaj vstavljene slike na obstoječem ozadju (povlecite jo z miško) in shranite rezultat (Ctrl + S).
4. korak
Naložite nazaj urejeno sliko in prepišite staro. S tem je postopek zaključen.
5. korak
Opisana metoda je neprijetna v primeru, ko je treba vstavljene slike občasno spremeniti. Nato uporabite zmogljivosti jezika HTML - na primer naredite sliko za ozadje ozadjem elementa strani, v katerem bo postavljena slika v ospredju. Tak element vsebnika je lahko recimo plast (div). Če želite, da so slike velike za ozadje, uporabite opis sloga - atribut slog oznake div. Prazen vsebnik v kodi HTML je lahko videti tako:
V oklepajih navedite naslov in ime datoteke s sliko za ozadje na svojem spletnem mestu.
6. korak
Ustvarite oznako slike v ospredju (img) z istim atributom sloga, da nastavite količino oblazinjenja z robov vsebnika v ozadju. Na primer:
Tu atributi širine in višine določajo dimenzije slike, štiri številke za oblazinjenjem pa označujejo oblazinjenje v slikovnih pikah od robov posode, začenši z vrha (50) in naprej v smeri urnega kazalca (60 - desno, 70 - spodaj, 80 - levo).
7. korak
Oznako img postavite v posodo:
8. korak
Ustvarjene vrstice dodajte izvorni kodi strani, nato pa spremenite zamike, prilagodite položaj vstavljene slike glede na ozadje slike ozadja.
