Создав свой сайт, каждый веб-мастер старается сделать его более удобным и функциональным. Для этого порой задумывается над тем, чтобы создать всплывающие окна. Их можно использовать как меню, для анонсирования лучших и новых статей, а также в качестве рекламных текстов, где скажем, будет предлагаться купить обучающие курсы, полезные программы, технику, обувь и так далее. При это не все знают о том, как сделать такие окна. Об это сегодня я вам и расскажу.

Наиболее простой вариант их создания – это использования языка HTML и CSS. С их помощью требуется сформировать код, который будет размещен в двух строках, в первой включается ссылка, отвечающая за открытие окна, а вторая – по сути, является выплывающим оконном.  Сам он должен выглядеть подобным образом: <a onmouseover=’this.style.cursor=»pointer» ‘ onfocus=’this.blur();’ onclick=»document.getElementById(‘PopUp’).style.display=’block’»><span style=»text-decoration: underline;»>Нажать здесь!</span></a&gt.

Для того чтобы указать размеры окна, его цвет, фон и прочее, следует поработать с атрибутом, который входит в этот код и носит название style. Расцветка в нем указывается по таблице rgb. Также можно найти код необходимого оттенка зайдя в Paint и перейдя в окно «Изменение цветов». Перечислю, кода основных цветов: черный — rgb(0,0,0), серый имеет такой вид rgb(126,126,126), а белый вот этот: rgb(255,255,255). Прописываются размеры и ширина с помощью соответствующих атрибутов и необходимых параметров.

Размещается код между тегами страницы <body>, а также </body>. После чего всплывающее окно будет готово к работе.