Internete vis labiau populiarėja iššokantieji langai arba iššokantys langai. Arba paprasčiau, iššokančios nuotraukos. Daugelis svetainių savininkų dažnai turi juos gaminti reklamos tikslais, tačiau ne visi žino jų kūrimo algoritmą.
Tai būtina
- - HTML redaktorius;
- - sąsiuvinis;
- - talpinimas.
Nurodymai
1 žingsnis
Sukurkite arba atidarykite naują tinklalapį HTML arba teksto rengyklėje. Tam tikslui galite naudoti tokias populiarias programas kaip „Dreamweaver“, „Expression Web“ir kitas. Jei dar tik atliekate pirmuosius veiksmus HTML programavimo kalba, naudokite įprastą „bloknotą“.
2 žingsnis
Įklijuokite šį kodą tarp žymų „head“ir „/ head“:
.miniakalbis {padėtis: santykinis; z indeksas: 0;}
.thumbnail: hover {fono spalva: skaidri; z indeksas: 50;}
.thumbnail span {/ * CSS padidintam vaizdui * / position: absoliutus; fono spalva: šviesiai geltona; užpildas: 5px; kairė: -1000 pikselių; kraštinė: 1px punktyrinė pilka; matomumas: paslėptas; spalva: juoda; teksto dekoravimas: nėra;}
.thumbnail span img {/ * CSS padidintam vaizdui * / border-width: 0; užpildymas: 2px;}
.thumbnail: hover span {/ * CSS padidintam vaizdui ant svyravimo * / matomumas: matomas; viršuje: 0; kairėje: 65 taškų; / * padėtis, kur padidintas vaizdas turėtų atsverti horizontaliai * /}
3 žingsnis
Koreguokite horizontalų iškylančio vaizdo poslinkį, pakeisdami paskutinės kodo eilutės vertę. Paskirkite tarpą tarp žymių „body“ir „/ body“, kur norite, kad vaizdas būtų rodomas tinklalapyje. Tada nukopijuokite ir įklijuokite šį kodą:
Teksto pavadinimo pavyzdys
Teksto pavadinimo pavyzdys"
4 žingsnis
Pakeiskite „folder / largepci1.jpg“į failą, naudojamą iššokančiajai nuotraukai. Atlikite tą patį su antruoju kodo bloku. Pakeiskite joje esančią eilutę „Teksto pavadinimo pavyzdys“į tai, kas turėtų būti parašyta iššokančiame vaizde. Taip pat pakeiskite kodo aukščio ir pločio vertes, kad pakoreguotumėte iššokančio vaizdo dydį. Sukurkite papildomų kodo blokų, kad pridėtumėte daugiau eskizų. Jei reikia, HTML dokumente įveskite kitus atributus, žymas ir tekstą. Išsaugokite HTML failą ir tada įkelkite jį į savo interneto serverį.
