Skočni ili skočni prozori postaju sve popularniji na Internetu. Ili, jednostavnije, skočne slike. Mnogi vlasnici web stranica često ih moraju izraditi u reklamne svrhe, ali ne znaju svi algoritam za njihovo stvaranje.
Nužno je
- - HTML editor;
- - bilježnica;
- - usluge poslužitelja.
Upute
Korak 1
Stvorite ili otvorite novu web stranicu u HTML-u ili uređivaču teksta. U tu svrhu možete koristiti popularne programe poput Dreamweaver, Expression Web i druge. Ako samo poduzimate prve korake u programskom jeziku HTML, upotrijebite 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; podstava: 5px; lijevo: -1000px; obrub: 1px crtkana siva; vidljivost: skrivena; Crna boja; ukras teksta: nema;}
.dužina sličica img {/ * CSS za uvećanu sliku * / border-width: 0; popunjavanje: 2 piksela;}
.umbiličica: raspon lebdenja {/ * CSS za uvećanu sliku pri lebdenju * / vidljivost: vidljivo; vrh: 0; lijevo: 65 piksela; / * položaj na kojem bi se povećana slika trebala pomicati vodoravno * /}
3. korak
Prilagodite vodoravni pomak iskačuće slike promjenom vrijednosti na zadnjem retku koda. Dodijelite prostor između oznaka "body" i "/ body" tamo gdje želite da se slika prikazuje na web stranici. Zatim kopirajte i zalijepite sljedeći kod:
Primjer naslova teksta
Primjer naslova teksta"
4. korak
Zamijenite "folder / largepci1.jpg" datotekom koja se koristi za skočnu fotografiju. Učinite isto s drugim blokom koda. Promijenite redak "Primjer naslova teksta" u njega 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 skočne slike. Stvorite dodatne blokove koda da biste dodali još skica. Po potrebi u HTML dokument unesite ostale atribute, oznake i tekst. Spremite HTML datoteku, a zatim je prenesite na svoj web poslužitelj.
