A jelölőnyelv - HTML - és lépcsőzetes stíluslapok - CSS - képességei lehetővé teszik, hogy az egyik képet sokféleképpen helyezze el a másikban. Természetesen ehhez bizonyos ismeretekre van szükség a weboldal elrendezésében, és egy konkrét módszert kell választania a meglévő kód alapján. Bizonyos esetekben azonban megteheti a forráskód szerkesztése nélkül is.
Utasítás
1. lépés
Van egy módja annak, hogy az egyik képet a másikba helyezzük, anélkül, hogy a webhely oldalain változtatnánk. Ehhez elegendő a szerveren tárolt háttérkép szerkesztése - bármilyen grafikus szerkesztő használatával helyezze rá az előtér képet. Ha ez a módszer működik az Ön számára, kezdje azzal, hogy meghatározza a háttérképfájl tárolási helyét és nevét. Ezt úgy teheti meg, hogy megtalálja az oldal forráskódjában, vagy megnyitja egy külön lapon, és megnézi a teljes elérési utat a böngésző címsorában.
2. lépés
A tartalomkezelő rendszer vagy az FTP kliens fájlkezelőjével töltse le a szükséges fájlt a számítógépére, és nyissa meg bármely grafikus szerkesztőben - például a Windows rendszerrel telepített Paint alkalmazásban.
3. lépés
Helyezze az előtér képét a háttér fölé - ehhez a Paint alkalmazásban ki kell választania a "Beszúrás" elemet a "Kezdőlap" lap "Beszúrás" legördülő listájából, és a megnyíló párbeszédpanelen meg kell találnia a szükséges fájlt. Ezután állítsa be a beillesztett kép helyzetét a meglévő háttéren (húzza az egérrel), és mentse az eredményt (Ctrl + S).
4. lépés
Töltse vissza a szerkesztett képet, felülírva a régit. Ezzel befejeződik az eljárás.
5. lépés
A leírt módszer kényelmetlen abban az esetben, ha a beszúrt képeket időről időre meg kell változtatni. Ezután használja a HTML nyelv képességeit - például állítsa a háttérképet annak az oldalelemnek a hátterévé, amelybe az előtér kép kerül. Ilyen tartályelem lehet mondjuk réteg (div). Ahhoz, hogy a képek nagy része háttérképpé váljon, használnia kell a stílusleírást - a div tag stílus attribútumát. Egy üres tároló a HTML-kódban így nézhet ki:
Zárójelben adja meg a webhely háttérképfájljának címét és nevét.
6. lépés
Hozzon létre egy előtér kép (img) címkét, ugyanazzal a stílusattribútummal állítva be a háttér tároló széleiből a kitöltés mennyiségét. Például:
Itt a szélesség és a magasság attribútumok állítják be a kép méreteit, és a párnázás utáni négy szám a konténer szélétől pixelben jelzi a kitöltést, kezdve a tetejétől (50) és tovább az óramutató járásával megegyező irányba (60 - jobb, 70 - alul, 80 - balra).
7. lépés
Helyezze az img címkét egy konténerbe:
8. lépés
Adja hozzá a létrehozott sorokat az oldal forráskódjához, majd a behúzások változtatásával állítsa be a beillesztett kép helyzetét a háttérkép háttéréhez képest.
