Skočni ili iskačući prozori postaju sve popularniji na Internetu. Ili, jednostavnije, iskačuće slike. Mnogi vlasnici web lokacija često ih moraju napraviti u reklamne svrhe, ali ne znaju svi algoritam za njihovo stvaranje.
Neophodno je
- - HTML editor;
- - sveska;
- - hosting.
Instrukcije
Korak 1
Stvorite ili otvorite novu web stranicu u HTML-u ili uređivaču teksta. U tu svrhu možete koristiti popularne programe kao što su Dreamweaver, Expression Web i drugi. Ako samo poduzimate prve korake u programskom jeziku HTML, koristite uobičajeni "notepad".
Korak 2
Zalijepite sljedeći kod između oznaka "head" i "/ head":
.umbi {pozicija: relativna; z-indeks: 0;}
.umbi: hover {pozadina-boja: prozirna; z-indeks: 50;}
.dužina minijatura {/ * CSS za uvećanu sliku * / položaj: apsolutno; Boja pozadine: svijetložuta; popunjavanje: 5px; lijevo: -1000px; obrub: 1px crtkana siva; vidljivost: skrivena; boja: crna; ukras teksta: nema;}
.thumbnail span img {/ * CSS za uvećanu sliku * / border-width: 0; popunjavanje: 2px;}
.manjena slika: raspon lebdenja {/ * CSS za uvećanu sliku pri zadržavanju pokazivača * / vidljivost: vidljivo; gore: 0; lijevo: 65px; / * položaj na kojem bi se povećana slika trebala pomicati vodoravno * /}
Korak 3
Prilagodite horizontalni pomak iskačuće slike promjenom vrijednosti na zadnjem retku koda. Dodijelite razmak između oznaka "body" i "/ body" tamo gdje želite da se slika pojavi na web stranici. Zatim kopirajte i zalijepite sljedeći kod:
Primjer naslova teksta
Primjer naslova teksta"
Korak 4
Zamijenite "folder / largepci1.jpg" datotekom koja se koristi za skočnu fotografiju. Učinite isto sa drugim blokom koda. Promijenite red "Primjer naslova teksta" u njemu na ono što bi trebalo biti napisano na skočnoj slici. Također promijenite vrijednosti visine i širine u kodu da biste prilagodili veličinu iskačuće slike. Stvorite dodatne blokove koda da biste dodali još skica. Unesite ostale atribute, oznake i tekst u HTML dokument po potrebi. Spremite HTML datoteku, a zatim je prenesite na svoj web server.
