Ferestrele pop-up sau pop-under devin din ce în ce mai populare pe Internet. Sau, mai simplu, imagini pop-up. Mulți proprietari de site-uri trebuie adesea să le facă în scopuri publicitare, dar nu toată lumea știe algoritmul pentru crearea lor.
Este necesar
- - editor HTML;
- - caiet;
- - găzduire.
Instrucțiuni
Pasul 1
Creați sau deschideți o nouă pagină web în HTML sau un editor de text. Puteți utiliza programe populare precum Dreamweaver, Expression Web și altele în acest scop. Dacă tocmai faceți primii pași în limbajul de programare HTML, utilizați un „blocnotes” obișnuit.
Pasul 2
Lipiți următorul cod între etichetele „head” și „/ head”:
.miniatură {poziție: relativă; index z: 0;}
.miniatură: hover {fundal-culoare: transparent; index z: 50;}
.miniatură {/ * CSS pentru imaginea mărită * / poziția: absolută; culoare de fundal: galben deschis; umplutură: 5 px; stânga: -1000px; chenar: 1px punctat gri; vizibilitate: ascuns; culoarea neagra; text-decor: none;}
.thumbnail span img {/ * CSS pentru imagine mărită * / border-width: 0; umplutură: 2 px;}
.miniatură: hover span {/ * CSS pentru imagine mărită la hover * / vizibilitate: vizibil; sus: 0; stânga: 65px; / * poziția în care imaginea mărită ar trebui să fie compensată pe orizontală * /}
Pasul 3
Reglați decalajul orizontal al imaginii pop-up schimbând valoarea de pe ultima linie de cod. Alocați spațiu între etichetele „body” și „/ body” unde doriți să apară imaginea pe pagina web. Apoi copiați și lipiți următorul cod:
Exemplu de titlu de text
Un exemplu de titlu de text"
Pasul 4
Înlocuiți „folder / largepci1.jpg” cu fișierul folosit pentru fotografia pop-up. Faceți același lucru cu al doilea bloc de cod. Schimbați rândul „Exemplu de titlu al textului” din acesta cu ceea ce ar trebui să fie scris în imaginea pop-up. De asemenea, modificați valorile înălțimii și lățimii din cod pentru a ajusta dimensiunea imaginii pop-up. Creați blocuri suplimentare de cod pentru a adăuga mai multe schițe. Introduceți alte atribute, etichete și text în documentul HTML, după cum este necesar. Salvați fișierul HTML și apoi încărcați-l pe serverul dvs. web.
