Možnosti značkovacieho jazyka - HTML - a kaskádových štýlov - CSS - vám umožňujú umiestniť jeden obrázok do druhého mnohými spôsobmi. To si samozrejme vyžaduje určité zručnosti v usporiadaní webových stránok a musíte si zvoliť konkrétnu metódu založenú na existujúcom kóde. V niektorých prípadoch sa však zaobídete bez úpravy zdrojového kódu.
Inštrukcie
Krok 1
Existuje spôsob, ako vložiť jeden obrázok do druhého bez akýchkoľvek zmien na stránkach tohto webu. K tomu stačí upraviť obrázok na pozadí uložený na serveri - pomocou ľubovoľného grafického editora na neho umiestniť obrázok v popredí. Ak táto metóda funguje pre vás, začnite definovaním úložného miesta a názvu súboru s obrázkom na pozadí. To je možné vykonať vyhľadaním v zdrojovom kóde stránky alebo otvorením na samostatnej karte a prezeraním celej cesty v paneli s adresou prehliadača.
Krok 2
Pomocou správcu súborov systému na správu obsahu alebo klienta FTP si stiahnite požadovaný súbor do svojho počítača a otvorte ho v ľubovoľnom grafickom editore - napríklad v aplikácii Paint nainštalovanej v systéme Windows.
Krok 3
Umiestnite obrázok v popredí na pozadie - v aplikácii Skicár musíte v rozbaľovacom zozname „Vložiť“na karte „Domov“zvoliť položku „Vložiť z“a v dialógovom okne, ktoré sa otvorí, nájsť požadovaný súbor. Potom upravte polohu vloženého obrázka na existujúcom pozadí (potiahnite ho myšou) a výsledok uložte (Ctrl + S).
Krok 4
Načítajte späť upravený obrázok a tým prepíšete starý. Týmto je postup dokončený.
Krok 5
Popísaná metóda je nepohodlná v prípade, keď je potrebné vložené obrázky z času na čas zmeniť. Potom využite možnosti jazyka HTML - napríklad urobte z obrázka na pozadí pozadie elementu stránky, do ktorého bude umiestnený obrázok v popredí. Takýmto kontajnerovým prvkom môže byť napríklad vrstva (div). Ak chcete, aby veľká časť obrázkov bola na pozadí, musíte použiť popis štýlu - atribút štýl tagu div. Prázdny kontajner v kóde HTML môže vyzerať takto:
V zátvorkách uveďte adresu a názov súboru obrázka na pozadí na vašom webe.
Krok 6
Vytvorte značku obrázka v popredí (img) pomocou rovnakého atribútu štýlu a nastavte množstvo výplne od okrajov kontajnera na pozadie. Napríklad:
Tu atribúty šírka a výška nastavujú rozmery obrázka a štyri čísla za výplňou označujú výplň v pixeloch od okrajov kontajnera, počnúc hornou časťou (50) a ďalej v smere hodinových ručičiek (60 - vpravo, 70 - dole, 80 - vľavo).
Krok 7
Vložte značku img do kontajnera:
Krok 8
Pridajte vytvorené riadky do zdrojového kódu stránky a potom zmenou odsadenia upravte pozíciu vloženého obrázka na pozadí obrázka na pozadí.
