Hüpikaknad või hüpikaknad on Internetis üha populaarsemad. Või lihtsamalt öeldes hüpikpildid. Paljud saidiomanikud peavad neid reklaami eesmärgil sageli valmistama, kuid mitte kõik ei tea nende loomise algoritmi.
See on vajalik
- - HTML-redaktor;
- - märkmik;
- - hostimine.
Juhised
Samm 1
Looge või avage uus veebileht HTML-is või tekstiredaktoris. Sel eesmärgil saate kasutada populaarseid programme nagu Dreamweaver, Expression Web ja teisi. Kui teete alles esimesi samme HTML-i programmeerimiskeeles, kasutage tavalist "märkmikku".
2. samm
Kleepige järgmine kood siltide "head" ja "/ head" vahele:
.pisipilt {asend: suhteline; z-indeks: 0;}
.pisipilt: hõljumine {taustavärv: läbipaistev; z-indeks: 50;}
.thumbnail span {/ * CSS suurendatud pildi jaoks * / position: absoluutne; taustavärv: helekollane; polster: 5px; vasakul: -1000 pikslit; ääris: 1px katkendlik hall; nähtavus: varjatud; värv: must; teksti kaunistamine: puudub;}
.thumbnail span img {/ * CSS suurendatud pildi jaoks * / ääre laius: 0; polster: 2px;}
.pisipilt: hõljutuskaugus {/ * CSS suurendatud pildi hõljumisel * / nähtavus: nähtav; ülemine: 0; vasakul: 65px; / * positsioon, kus suurendatud pilt peaks horisontaalselt nihkuma * /}
3. samm
Reguleerige hüpikpildi horisontaalset nihet, muutes koodi viimasel real olevat väärtust. Eraldage silt siltide "body" ja "/ body" vahele, kuhu soovite pilti veebilehel ilmuda. Seejärel kopeerige ja kleepige järgmine kood:
Näide teksti pealkirjast
Näide tekstipealkirjast"
4. samm
Asendage kaust / largepci1.jpg
