Funksjonene til markeringsspråket - HTML - og kaskadestilark - CSS - lar deg plassere ett bilde på et annet på mange måter. Selvfølgelig krever dette noen ferdigheter i websideoppsett, og du må velge en spesifikk metode basert på eksisterende kode. I noen tilfeller kan du imidlertid gjøre uten å redigere kildekoden.
Bruksanvisning
Trinn 1
Det er en måte å sette ett bilde i et annet uten noen endringer på sidene på nettstedet. For å gjøre dette er det nok å redigere bakgrunnsbildet som er lagret på serveren - bruk et hvilket som helst grafisk redigeringsprogram til å plassere forgrunnsbildet på det. Hvis denne metoden fungerer for deg, begynn med å definere lagringsplasseringen og navnet på bakgrunnsbildefilen. Dette kan gjøres ved å finne den i kildekoden til siden eller ved å åpne den i en egen fane og se på hele banen i adressefeltet i nettleseren.
Steg 2
Bruk filbehandleren til innholdsstyringssystemet eller FTP-klienten til å laste ned den nødvendige filen til datamaskinen din og åpne den i et hvilket som helst grafikkredigeringsprogram - for eksempel i Paint-applikasjonen som er installert med Windows.
Trinn 3
Plasser forgrunnsbildet over bakgrunnen - i Paint for dette må du velge elementet "Sett inn fra" fra rullegardinlisten "Sett inn" i kategorien "Hjem" og finne ønsket fil i dialogboksen som åpnes. Juster deretter posisjonen til det innsatte bildet på den eksisterende bakgrunnen (dra det med musen) og lagre resultatet (Ctrl + S).
Trinn 4
Last det redigerte bildet tilbake, og skriv det gamle over. Dette fullfører prosedyren.
Trinn 5
Den beskrevne metoden er upraktisk i tilfelle når de innsatte bildene må endres fra tid til annen. Bruk deretter funksjonene til HTML-språket - for eksempel gjør bakgrunnsbildet til bakgrunnen for sideelementet der forgrunnsbildet skal plasseres. Et slikt containerelement kan for eksempel være et lag (div). For å gjøre et stort av bildene til bakgrunnen, må du bruke stilbeskrivelsen - stilattributtet til div-koden. En tom beholder i HTML-kode kan se slik ut:
I parentes, angi adressen og navnet på bakgrunnsbildefilen på nettstedet ditt.
Trinn 6
Opprett en forgrunnsbilde (img) -kode ved å bruke samme stilattributt for å angi mengden polstring fra kantene til bakgrunnsbeholderen. For eksempel:
Her angir bredde- og høydeattributtene dimensjonene på bildet, og de fire tallene etter polstringen indikerer polstringen i piksler fra kantene på beholderen, og begynner øverst (50) og videre med klokken (60 - høyre, 70 - nederst, 80 - venstre).
Trinn 7
Plasser img-koden i en beholder:
Trinn 8
Legg til de opprettede linjene i kildekoden på siden, og endre innrykkene og juster posisjonen til det innsatte bildet mot bakgrunnen til bakgrunnsbildet.
