Html създадете свой изскачащ прозорец, блог добър програмист

Днес ние ще говорим за това как да създадете свой изскачащ прозорец към вашия сайт. Сега, този метод е много популярен, но повечето от решенията за неговото прилагане трябва да бъдат платени. Един пример за много красиви витрини (но това е само един пример) в рамките на рекорда ...

В този пост ще се научите да правите тук, като тук изскачащ прозорец. Просто, бързо, ефективно и най-важното е БЕЗПЛАТНО!

Всеки прозорец, по същество се състои от две части. Първият - потъмняване на общия фон. Вторият - на самия прозорец. Window, от своя страна, обикновено се разделя на хедър, текст и абонамент форма. Нека да се подготви основата за нашето виждане прозорец на посочения структура.

В момента има:
fs_popup_bg - Затъмняване на обекта;
fs_popup - Самата прозореца;
fs_popup_head - заглавие прозорец;
fs_content - Съдържанието на прозореца, разделен на две части;

Сега предпише необходимите стилове ...

Един бегъл преглед на нашите стилове дясната част на екрана.
#fs_popup_bg - казва, че нашето минало е черен, и почти прозрачен (0.9), ще се намира в горния ляв ъгъл и заемат цялата площ на екрана. В този случай, дълбочината на елемента, или по-скоро неговото издигане над други елементи ще бъде много голям (очевидно повече от други).
#fs_popup - той казва, че прозорецът ще бъде на ниво, по-фон (в противен случай не бихме видели). Размерите му ще бъдат 600px на 300px със заоблени ъгли и червена рамка.
.fs_content_left. fs_content_right - ни казва, че блоковете са притиснати от ляво (това е необходимо за тяхното местоположение на същото ниво), те имат върху печалбите и шрифт Arial.

Попълнете нашите съдържание прозорец:

И ние добавяме стилове за красив дисплей: