HTML crea fereastra pop-up, blog-un programator bun

Astăzi vom vorbi despre modul de a crea fereastra pop-up pe site. Acum, această metodă este foarte popular, dar de cele mai multe decizii pentru punerea sa în aplicare trebuie să fie plătite. Un exemplu de ferestre foarte frumos (dar acesta este doar un exemplu) în înregistrare ...

În această intrare învățăm să facem aici o astfel de aici o fereastra pop-up. Simplu, rapid, eficient, și cel mai important GRATUIT!

Orice fereastră pop-up este compus în principal din două părți. Prima - Întunecarea contextului general. Al doilea - fereastra în sine. Fereastră, la rândul său, este în general împărțită într-o formă de antet, text și abonament. Să ne pregătim baza pentru punctul nostru de vedere fereastra structurii specificate.

Avem:
fs_popup_bg - estompare a site-ului;
fs_popup - Fereastra în sine;
fs_popup_head - titlu fereastră;
fs_content - Conținutul ferestrei, împărțit în două părți;

Acum prescrie stilurile necesare ...

O inspecție sumară de stiluri noastre fereastra pop-up.
#fs_popup_bg - spune ca trecutul nostru este negru, și aproape transparent (0,9), va fi amplasat în colțul din stânga sus și ia întreaga zonă de ecran. În acest caz, adâncimea elementului, sau mai degrabă cota sa de mai sus celelalte elemente vor fi foarte mari (în mod evident, mai mult decât altele).
#fs_popup - se spune că fereastra va fi la un nivel mai sus de fond (altfel nu s-ar fi văzut). Dimensiunile sale vor fi 600px la 300px cu colțuri rotunjite și un chenar roșu.
.fs_content_left. fs_content_right - ne spune că blocurile sunt presate spre stânga (este necesar pentru localizarea lor pe același nivel), au marginile și Arial.

Completați conținutul nostru fereastră:

Și vom adăuga stilurile noastre pentru un ecran frumos: