Mogućnosti označnog jezika - HTML - i kaskadni listovi stilova - CSS - omogućuju vam da na mnogo načina smjestite jednu sliku u drugu. Naravno, to zahtijeva neke vještine u izgledu web stranica i trebate odabrati određenu metodu na temelju postojećeg koda. Međutim, u nekim slučajevima možete i bez uređivanja izvornog koda.
Upute
Korak 1
Postoji način da jednu sliku stavite u drugu bez ikakvih promjena na stranicama web mjesta. Da biste to učinili, dovoljno je urediti pozadinsku sliku pohranjenu na poslužitelju - upotrijebite bilo koji grafički uređivač da biste na nju postavili sliku u prvom planu. Ako vam ova metoda odgovara, započnite s definiranjem mjesta pohrane i naziva datoteke pozadinske slike. To se može učiniti pronalaženjem u izvornom kodu stranice ili otvaranjem na zasebnoj kartici i gledanjem punog puta u adresnoj traci preglednika.
Korak 2
Pomoću upravitelja datoteka sustava za upravljanje sadržajem ili FTP klijenta preuzmite potrebnu datoteku na računalo i otvorite je u bilo kojem grafičkom uređivaču - na primjer, u aplikaciji Paint instaliranoj u sustavu Windows.
3. korak
Postavite sliku u prvi plan preko pozadine - u programu Paint za to morate odabrati stavku "Umetni iz" s padajućeg popisa "Umetni" na kartici "Početna" i u dijaloškom okviru koji se otvori pronaći potrebnu datoteku. Zatim prilagodite položaj umetnute slike na postojeću pozadinu (povucite je mišem) i spremite rezultat (Ctrl + S).
4. korak
Učitajte uređenu sliku, prepisujući staru. Ovim je postupak dovršen.
Korak 5
Opisana metoda je nezgodna u slučaju kada umetnute slike treba povremeno mijenjati. Zatim upotrijebite mogućnosti HTML jezika - na primjer, napravite pozadinsku sliku pozadinom elementa stranice u koju će se postaviti prednja slika. Takav element spremnika može biti, recimo, sloj (div). Da biste veliku sliku učinili pozadinom, trebate koristiti opis stila - atribut style oznake div. Prazan spremnik u HTML kodu mogao bi izgledati ovako:
U zagradama navedite adresu i naziv datoteke pozadinske slike na vašem web mjestu.
Korak 6
Stvorite oznaku slike u prednjem planu (img), koristeći isti atribut stila za postavljanje količine obloga s rubova pozadinskog spremnika. Na primjer:
Ovdje atributi širine i visine postavljaju dimenzije slike, a četiri broja nakon umetanja označavaju oblaganje u pikselima od rubova spremnika, počevši od vrha (50) i dalje u smjeru kazaljke na satu (60 - desno, 70 - dolje, 80 - lijevo).
Korak 7
Stavite img oznaku u spremnik:
Korak 8
Dodajte stvorene linije u izvorni kod stranice, a zatim, mijenjajući uvlake, prilagodite položaj umetnute slike u odnosu na pozadinu pozadinske slike.
