Ликиликс

  сайтостроение программирование

  

Красивое Div окно


DIV ОКНО ДЛЯ САЙТА

открыть красивое окно

Появилась у меня необходимость сделать для сайта красиво появляющееся div окно при нажатии на ссылку и чтобы фон сайта при этом накрывался тенью и был не активен, как нестранно решение оказалось простым и не заставило себя долго ждать (протестить можете в верху этого поста) ниже я привёл код отвечающий за основные настройки CSS в котором вы можете выставить все необходимые настройки ширина высота место появления div окна цвета и накладываемую тень, а сам скрипт вы можете скачать по этой ссылке скачать . Использование такого div окна ограничивается только вашей фантазией, очень удобно показывать фотографии например если дизайн сайта не позволяет размещать картинки большого размера то при нажатии на уменьшенную версию может открыться большая пример смотрите ниже

<style>
.black_overlay{
 display: none;
 position: absolute;
 top: 0%;
 left: 0%;
 width: 100%;
 height: 100%;
 background-color: black;
 z-index:1001;
 -moz-opacity: 0.8;
 opacity:.80;
 filter: alpha(opacity=80);                          

}

.white_content {
 display: none;
 position:fixed;
 top: 10%;
 left: 25%;
 width:400px ;
 height:280px ;
 padding: 160 px;
 border: 16px solid orange;
 background-color: white;
 z-index:1002;
 overflow: auto;
}
</style>


 

Подпишитесь на новые статьи через twitter

 

 
Copyright © My Company 2009-2013      обратная связькарта сайта