Хотите приблизить свой сайт максимально к интерфейсу популярной социальной сети facebook, тогда Вас должен заинтересовать данный урок, в котором рассмотрим создание модального окна в стиле facebook с помощью библиотек mootools. Окно достаточно красиво выглядит, по этому будет отлично смотреться на различных сайтах. Эффект плавного затухания и появления окна будет достигнут с помощью скриптов mootools. Вот что у нас с этого получилось..

 

Для начала необходимо разместить данный скрипт <head></head>. и указать путь к фреймворку Mootools.

Следующим этапом будет будет стилизация самого модального окна с помощью CSS, все стили были взяты непосредственно с Facebook.

Последним, но не менее важным, это создание HTML-разметки, для хорошего вида мы будем использовать парочку изображений:

На этом модальное окно готово.

Читайте также: