<MyRusakov.ru />

Создание Интернет-магазина на PHP и MySQL

Создание Интернет-магазина на PHP и MySQL

Видеокурс "Создание Интернет-магазина на PHP и MySQL" - это уникальный курс по созданию Интернет-магазина с нуля. Особенностью данного курса является то, что создание идёт с самого начала, то есть от идеи. Далее создаётся дизайн всех необходимых страниц, после делается их вёрстка. Затем создаётся движок на PHP и MySQL, после делается Admin-панель и, наконец, готовый сайт размещается в Интернете.

Адрес созданного в этом курсе сайта: http://storedvd.ru

Всё создание сайта будет происходить на Ваших глазах, поэтому Вы легко сможете повторить весь процесс создания сложного функционального сайта уже при разработке своего портала.

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Форум сайта MyRusakov.ru

Всплывающее окно с размытыми затемнённым задним фоном
28.06.2015 18:15:37 Всплывающее окно с размытыми затемнённым задним фоном Сообщение #1
igorusha

igorusha

Новичок

Новичок

Дата регистрации:
15.05.2015 23:23:54

Сообщений: 6

Подскажите, пожалуйста, как реализовать эффект размытия фона всей страницы при открытии всплывающего окна к коду всплыв. окна?
<!DOCTYPE HTML>
<html>
<head>
<title>Всплывающее окно</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
<!--/* Всплывающее окно */ -->
#parent_popup {
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#popup {
  background: #fff;
    width: 500px;
    margin: 20% auto;
 padding: 5px 5px 5px 5px;
 border: 7px solid blue;
 position: relative;
 -webkit-box-shadow: 0px 0px 20px #000;
 -moz-box-shadow: 0px 0px 20px #000;
 box-shadow: 0px 0px 20px #000;
 -webkit-border-radius: 20px;
 -moz-border-radius: 20px;
 border-radius: 20px;
}
</style>
</head>
<body>

<div id="parent_popup">
  <div id="popup">
  <center>
  Содержимое всплывающего окна
  Содержимое всплывающего окна
  Содержимое всплывающего окна
  Содержимое всплывающего окна
  Содержимое всплывающего окна
  Содержимое всплывающего окна
  </center>
  </div>
</div>

<script type="text/javascript">
 var delay_popup = 5000;
 setTimeout("document.getElementById('parent_popup'.style.display='block'", delay_popup);
</script>
<script type="text/javascript">
 var delay_popup = 30000;
 setTimeout("document.getElementById('parent_popup'.style.display='none'", delay_popup);
</script>

</body>
</html>
Профиль Ответить
30.06.2015 03:32:14 Всплывающее окно с размытыми затемнённым задним фоном Сообщение #2
HTMLord

HTMLord

Освоившийся

Освоившийся

Дата регистрации:
20.05.2015 07:32:50

Сообщений: 30

Думаю разберешься что да как))

https://yadi.sk/d/t1llmTZVhZXhT
Профиль Ответить
30.10.2015 06:47:51 Всплывающее окно с размытыми затемнённым задним фоном Сообщение #3
disabler

disabler

Новичок

Новичок

Дата регистрации:
30.10.2015 06:41:06

Сообщений: 1

как правильно сделать такое же окно, только для корзины при оформлении заказа?
Профиль Ответить
30.10.2015 09:23:24 Всплывающее окно с размытыми затемнённым задним фоном Сообщение #4
igorusha

igorusha

Новичок

Новичок

Дата регистрации:
15.05.2015 23:23:54

Сообщений: 6

Если ты имел ввиду чтобы при нажатии, то код приведён ниже:


<!DOCTYPE html>
<head>
<title>Создаем всплывающее окно при нажатии на ссылку с помощью CSS3 и немного javascript</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
body{
background: gray;
}
<!--/* Всплывающее окно */ -->
#parent_popup {
  background-color: rgba(0, 0, 0, 0.3);
  display: none;
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#popup { 
  background: #fff;
    width: 470px;
    margin: 6% auto;
padding: 20px;
border: 6px solid blue;
position: relative;
/*--CSS3 CSS3 Тени для Блока--*/
-webkit-box-shadow: 0px 0px 20px #000;
-moz-box-shadow: 0px 0px 20px #000;
box-shadow: 0px 0px 20px #000;
/*--CSS3 Закругленные углы--*/
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
/* кнопка закрытия */
.close {
    background-color: rgba(0, 0, 0, 0.8);
border: 2px solid #ccc;
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: -24px;
cursor: pointer;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
    top: -24px;
    width: 24px;
-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
}
.close:hover {
    background-color: rgba(0, 122, 200, 0.8);
}
</style>
</head>
<body>
<div id="parent_popup">
  <div id="popup">
<iframe frameborder="0" style="width: 450px; height: 450px;" src="files/basket.php" scrolling="no"></iframe>
<a class="close" title="Закрыть" onclick="openbox('parent_popup'.style.display='none';">X</a>
  </div>
</div>
<a href="#" onclick="openbox('parent_popup';return false;" style="color: #fff; font-family: Times New Roman; font-size: 13pt;"><b>В корзину</b></a>
<script type="text/javascript">
  function openbox(id,tt) {
    var div = document.getElementById(id);
    var tt_div = document.getElementById(tt);
    if(div.style.display == 'block' {
        div.style.display = 'none';
    }
    else {
        div.style.display = 'block';  
    }

</script>
</body>
</html>
вместо картинки, которой нет, должна быть скобка " ) "
видимо есть некоторые тех. неполадки на странице
Профиль Ответить