Kako Narediti Pojavno Sliko

Kazalo:

Kako Narediti Pojavno Sliko
Kako Narediti Pojavno Sliko

Video: Kako Narediti Pojavno Sliko

Video: Kako Narediti Pojavno Sliko
Video: Как собрать БОЛЬШОЙ ТОРТ с 2мя НАЧИНКАМИ идеально РОВНО без формы? 2024, Maj
Anonim

Pojavna ali pojavna okna postajajo vse bolj priljubljena v internetu. Ali, bolj preprosto, pojavne slike. Številni lastniki spletnih mest jih morajo pogosto izdelovati v oglaševalske namene, vendar vsi ne poznajo algoritma za njihovo ustvarjanje.

Kako narediti pojavno sliko
Kako narediti pojavno sliko

Potrebno je

  • - urejevalnik HTML;
  • - zvezek;
  • - gostovanje.

Navodila

Korak 1

Ustvarite ali odprite novo spletno stran v HTML-ju ali urejevalniku besedil. V ta namen lahko uporabite priljubljene programe, kot so Dreamweaver, Expression Web in drugi. Če šele izvajate prve korake v programskem jeziku HTML, uporabite navadno "beležnico".

2. korak

Med oznaki "head" in "/ head" prilepite naslednjo kodo:

.manj {položaj: relativni; indeks z: 0;}

.pomnilnik: hover {ozadje-barva: prosojno; indeks z: 50;}

.razpon sličic {/ * CSS za povečano sliko * / položaj: absolutno; barva ozadja: svetlo rumena; oblazinjenje: 5 slikovnih pik; levo: -1000px; obroba: 1px črtkana siva; vidnost: skrita; barva: črna; okrasitev besedila: nobena;}

.manja razpon img {/ * CSS za povečano sliko * / border-width: 0; oblazinjenje: 2 slikovnih pik;}

.mličica: razmik lebdenja {/ * CSS za povečano sliko pri lebdenju * / vidnost: vidno; zgoraj: 0; levo: 65 slikovnih pik; / * položaj, kjer naj se povečana slika pomakne vodoravno * /}

3. korak

Prilagodite vodoravni odmik pojavne slike tako, da spremenite vrednost v zadnji vrstici kode. Med oznakama "body" in "/ body" dodelite prostor, kjer želite, da se slika prikaže na spletni strani. Nato kopirajte in prilepite naslednjo kodo:

Primer naslova besedila

Primer naslova besedila"

4. korak

Zamenjajte "folder / largepci1.jpg" z datoteko, ki se uporablja za pojavno fotografijo. Naredite enako z drugim blokom kode. V njej spremenite vrstico »Primer naslova besedila« na tisto, kar naj bo zapisano na pojavni sliki. V kodi spremenite tudi vrednosti višine in širine, da prilagodite velikost pojavne slike. Ustvarite dodatne bloke kode, da dodate več skic. Po potrebi v dokument HTML vnesite druge atribute, oznake in besedilo. Shranite datoteko HTML in jo nato naložite na svoj spletni strežnik.

Priporočena: