Добавил:

Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.

Вуз:

Обнинский институт атомной энергетики НИЯУ МИФИ

Предмет:

[НЕСОРТИРОВАННОЕ]

Файл:

Пояснительная.doc

Скачиваний:

Добавлен:

11.06.2015

Размер:

4.04 Mб

Скачать

☆

<<< < Предыдущая 1 2 3 4 5 6 7 89 / 99

IV. Литература

«http://html.manual.ru/»;
«http://ru.wikipedia.org»;
«http://htmlbook.ru/»;
«http://www.php.net/»;
«http://www.easyphp.org/»;
Javascript. Подробное руководство. Пятое издание. Автор: Дэвид Флэнаган.

V. Приложение

Index.html

<html>

<head>

<title>Престиж</title>

<head>

<body>

</div>

<a href="Index.html">Главная</a>

<a href="Gallery.html">Галерея</a>

<a href="#modalWindow" id="modalUrl">Заказы</a>

<a href="Contacts.html">Контакты</a>

<a href="#">Скидки и акции</a>

<a href="/forum/index.php" target="_blank">Форум</a>

</div>

Ваше имя: <br><input type="text" name="name" /><br />

Ваша фамилия:<br> <input type="text" name="surname" /><br />

Ваш телефон:<br> <input type="text" name="phone" /><br />

Заказ:<br>

</textarea><br>

</form>

<a href="#close"><h3>Закрыть окно</h3></a>

</div>

</div>

<h2> Если вы готовитесь к свадьбе, или мечтаете о ней, наши провессионалы помогут Вам организовать и провести свадебное торжество</h2>

</div>

<tr>

</tr>

<tr>

</tr>

</table>

<li><a href="">Зажигательный тамада, ди-джей</a></li>

<li><a href="">Свадебные фотографы, видеоператоры</a></li>

<li><a href="">Лимузины на свадьбу, прокат, украшение машин</a></li>

<li><a href="">Свадебные торты, караваи</a></li>

<li><a href="">Украшение шарами банкетных залов</a></li>

<li><a href="">Букеты невест</a></li>

<li><a href="">Фейрверки, файершоу, небесные фонарики</a></li>

</ul>

<h2>Мы дарим Вам любовь и красоту</h2>

</div>

<p> © Свадебный салон престиж</p>

</div>

</body>

</html>

Gallery.html

<html>

<head>

<title>web престиж</title>

<title>Простая галерея</title>

<head>

<body>

<a href="Index.html">На главную</a>

<a href="Wedding dresses.html">Свадебные платья</a>

<a href="Evening dresses.html">Вечерние платья</a>

<a href="Children dresses.html">Детские платья</a>

<a href="Service.html">Свадебный сервис</a>

<a href="Service.html">Аксессуары</a>

</div>

</a>

</div>

</a>

</div>

</a>

</div>

</a>

</div>

</a>

</div>

</a>

</div>

</a>

</div>

</a>

</div>

</a>

</div>

</section>

</div>

</section>

</div>

<p> © Свадебный салон престиж</p>

</div>

</body>

</html>

Wedding dresses.html

<html>

<head>

<title>Свадебные платья</title>

<head>

<body>

<a href="Index.html">На главную</a>

<a href="#.html"><font color = "#dab63e">Свадебные платья</font></a>

<a href="Evening dresses.html">Вечерние платья</a>

<a href="Children dresses.html">Детские платья</a>

<a href="Service.html">Свадебный сервис</a>

</div>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</div>

</p>

</div>

<p> © Свадебный салон престиж</p>

</div>

</body>

</html>

Wedding dresses2.html

<html>

<head>

<title>Свадебные платья</title>

<head>

<body>

<a href="Index.html">На главную</a>

<a href="#.html"><font color = "#dab63e">Свадебные платья</font></a>

<a href="Evening dresses.html">Вечерние платья</a>

<a href="Children dresses.html">Детские платья</a>

<a href="Service.html">Свадебный сервис</a>

</div>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</div>

</p>

</div>

<p> © Свадебный салон престиж</p>

</div>

</body>

</html>

Wedding dresses3.html

<html>

<head>

<title>Свадебные платья</title>

<head>

<body>

<a href="Index.html">На главную</a>

<a href="#.html"><font color = "#dab63e">Свадебные платья</font></a>

<a href="Evening dresses.html">Вечерние платья</a>

<a href="Children dresses.html">Детские платья</a>

<a href="Service.html">Свадебный сервис</a>

</div>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</div>

</p>

</div>

<p>Свадебный салон престиж</p>

</div>

</body>

</html>

Wedding dresses4.html

<html>

<head>

<title>Свадебные платья</title>

<head>

<body>

<a href="Index.html">На главную</a>

<a href="#.html"><font color = "#dab63e">Свадебные платья</font></a>

<a href="Evening dresses.html">Вечерние платья</a>

<a href="Children dresses.html">Детские платья</a>

<a href="Service.html">Свадебный сервис</a>

</div>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</div>

</p>

</div>

<p>Свадебный салон престиж</p>

</div>

</body>

</html>

Wedding dresses5.html

<html>

<head>

<title>Cвадебные платья</title>

<head>

<body>

<a href="Index.html">На главную</a>

<a href="#.html">Свадебные платья</a>

<a href="Evening dresses.html">Вечерние платья</a>

<a href="Children dresses.html">Детские платья</a>

<a href="Service.html">Свадебный сервис</a>

</div>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</div>

</p>

</div>

<p>Свадебный салон престиж</p>

</div>

</body>

</html>

Evening dresses.html

<html>

<head>

<title>Вечерние платья</title>

<head>

<body>

<a href="Index.html">На главную</a>

<a href="Wedding dresses.html">Свадебные платья</a>

<a href="#.html">Вечерние платья</a>

<a href="Children dresses.html">Детские платья</a>

<a href="Service.html">Свадебный сервис</a>

</div>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</div>

</p>

</div>

<p>Свадебный салон престиж</p>

</div>

</body>

</html>

Evening dresses2.html

<html>

<head>

<title>Вечерние платья</title>

<head>

<body>

<a href="Index.html">На главную</a>

<a href="Wedding dresses.html">Свадебные платья</a>

<a href="#.html">Вечерние платья</a>

<a href="Children dresses.html">Детские платья</a>

<a href="Service.html">Свадебный сервис</a>

</div>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</div>

</p>

</div>

<p>Свадебный салон престиж</p>

</div>

</body>

</html>

Evening dresses3.html

<html>

<head>

<title>Вечерние платья</title>

<head>

<body>

<a href="Index.html">На главную</a>

<a href="Wedding dresses.html">Свадебные платья</a>

<a href="#.html">Вечерние платья</a>

<a href="Children dresses.html">Детские платья</a>

<a href="Service.html">Свадебный сервис</a>

</div>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</div>

</p>

</div>

<p>Свадебный салон престиж</p>

</div>

</body>

</html>

Children dresses.html

<html>

<head>

<title>Детские платья</title>

<head>

<body>

<a href="Index.html">На главную</a>

<a href="Wedding dresses.html">Свадебные платья</a>

<a href="Evening dresses.html">Вечерние платья</a>

<a href="#">Детские платья</a>

<a href="Service.html">Свадебный сервис</a>

</div>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</div>

</p>

</div>

<p>Свадебный салон престиж</p>

</div>

</body>

</html>

Contacts.html

<html>

<head>

<title>Контакты</title>

<head>

<body>

<a href="Index.html">На главную</a>

<a href="Gallery.html">Галерея</a>

<a href="#">Заказы</a>

<a href="Contacts.html">Контакты</a>

<a href="#">Скидки и акции</a>

<a href="/forum/index.php" target="_blank">Форум</a>

</div>

<center><h2> Наши адреса и контакты: </h2>

<h2> г.Обнинск </h2>

<h3>пр-т Маркса, 61<br>

ТЦ "Дом для Дома"<br>

т. 8 (910) 519-33-06</h3>

<h3>пр-т Ленина, 130-А<br>

остановка "Дом ученых"<br>

т. 8 (48439) 4-48-94</h3></center>

<center><h2> Мы Вконтакте: </h2>

<br>

</div>

<div style="width: 600px; text-align: right;"><a href="http://api.yandex.ru/maps/tools/constructor/?lang=ru-RU" target="_blank" style="color: #1A3DC1; font: 13px Arial,Helvetica,sans-serif;">Создано с помощью инструментов Яндекс.Карт</a></div>

function fid_1339157142430740618090(ymaps) {

var map = new ymaps.Map("ymaps-map-id_1339157142430740618090", {

center: [36.6004428988087, 55.11533683099889],

zoom: 14,

type: "yandex#map"

});

map.controls

.add("zoomControl")

.add("mapTools")

.add(new ymaps.control.TypeSelector(["yandex#map", "yandex#satellite", "yandex#hybrid", "yandex#publicMap"]));

map.geoObjects

.add(new ymaps.Placemark([36.59885572772408, 55.11906661180886], {

balloonContent: 'пр-т Маркса, 61<br/>ТЦ "Дом для Дома"<br/>т. 8 (910) 519-33-06'

}, {

preset: "twirl#redDotIcon"

}))

.add(new ymaps.Placemark([36.58878047866295, 55.11058161006823], {

balloonContent: 'пр-т Ленина, 130-А<br/>остановка "Дом ученых"<br/>т. 8 (48439) 4-48-94'

}, {

preset: "twirl#redDotIcon"

}));

};

</script>

</div>

<p> © Свадебный салон престиж</p>

</div>

</body>

</html>

Service.html

<html>

<head>

<title>Свадебный сервис</title>

<head>

<body>

<a href="Index.html">На главную</a>

<a href="Wedding dresses.html">Свадебные платья</a>

<a href="Evening dresses.html">Вечерние платья</a>

<a href="Children dresses.html">Детские платья</a>

<a href="#">Свадебный сервис</a>

<a href="#.html">Аксессуары</a>

</div>

<tr>

<td class="wedtd"><a href = "Balls.html"><img class = "imgtabwed" src="img/Service/Balls/home.jpg" height = "160" width = "220"><center><h4>Украшения шарами</h4></center></a></td>

<td class="wedtd"><a href = "Service.html"><img class = "imgtabwed" src="img/Service/BuketsSweet/конфеты 3.jpg" height = "160" width = "220"><center><h4>Букеты</h4></center></a></td>

<td class="wedtd"><a href = "Service.html"><img class = "imgtabwed" src="img/Service/BuketsWomen/IMG_2397.JPG" height = "160" width = "220"><center><h4>Букеты для невест</h4></center></a></td>

</tr>

<tr>

<td class="wedtd"><a href = "Service.html"><img class = "imgtabwed" src="img/Service/cakes/home.jpg" height = "160" width = "220"><center><h4>Торты</h4></center></a></td>

<td class="wedtd"><a href = "Service.html"><img class = "imgtabwed" src="img/Service/Faireshow/home.jpg" height = "160" width = "220"><center><h4>Файер - шоу</h4></center></a></td>

<td class="wedtd"><a href = "Service.html"><img class = "imgtabwed" src="img/Service/Foto/home.jpg" height = "160" width = "220"><center><h4>Фотосъемка</h4></center></a></td>

</tr>

</table>

</div>

<p> © Свадебный салон престиж</p>

</div>

</body>

</html>

Action. Php

<?php

//Принимаем постовые данные

$name=$_POST['name'];

$surname=$_POST['surname'];

$phone=$_POST['phone'];

$Message=$_POST['Message'];

//соединяемся с БД

mysql_connect('localhost', 'root', '');

mysql_select_db('db_name');

mysql_set_charset( 'cp1251' );

//обязательно экранируем нежелательные символы функцией mysql_real_escape_string

$sql="insert into `table_name` (name,surname,phone,Message,ip) values

(

'". mysql_real_escape_string($name)."',

'". mysql_real_escape_string($surname)."',

'". mysql_real_escape_string($phone)."',

'". mysql_real_escape_string($Message)."',

'".$_SERVER['REMOTE_ADDR']."'

)";

$res=mysql_query($sql);

<html>

<head>

<title>web престиж</title>

<head>

<body>

</div>

<a href="Index.html">Главная</a>

<a href="Gallery.html">Галерея</a>

<a href="#modalWindow" id="modalUrl">Заказы</a>

<a href="Contacts.html">Контакты</a>

<a href="#">Скидки и акции</a>

<a href="/forum/index.php" target="_blank">Форум</a>

</div>

Ваше имя: <br><input type="text" name="name" /><br />

Ваша фамилия:<br> <input type="text" name="surname" /><br />

Ваш телефон:<br> <input type="text" name="phone" /><br />

Заказ:<br>

</textarea><br>

</form>

<a href="#close">Закрыть окно</a>

</div>

</div>

</div>

<tr>

</tr>

<tr>

</tr>

</table>

<li><a href="">Зажигательный тамада, ди-джей</a></li>

<li><a href="">Свадебные фотографы, видеоператоры</a></li>

<li><a href="">Лимузины на свадьбу, прокат, украшение машин</a></li>

<li><a href="">Свадебные торты, караваи</a></li>

<li><a href="">Украшение шарами банкетных залов</a></li>

<li><a href="">Букеты невест</a></li>

<li><a href="">Фейрверки, файершоу, небесные фонарики</a></li>

</ul>

<h2>Мы дарим Вам любовь и красоту</h2>

<tr>

</table>

</div>

<p> © Свадебный салон престиж</p>

</div>

</body>

</html>

Style.css

html, body {

margin : 0;

padding : 0;

}

body {

font : 73% "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;

background : #7c0e0d url() repeat-y top center;

}

#container {

width : 1000px;

margin : 0 auto;

border : 4px solid #dab63e;

line-height : 1.5em;

border-radius: 8px;

background : #FAFAD2;

color : #666;

}

#top {

padding : 0;

height : 190px;

background : #7c0e0d url(img/banner.jpg) no-repeat;

color : #7c0e0d;

border-radius: 5px;

border-bottom-right-radius: 1px;

border-bottom-left-radius: 1px;

}

.bu {position: absolute; top:112%; right:16%}

#leftnav {

float : left;

width : 200px;

margin : 0;

padding : 1em;

}

#leftnavcontacts {

float : left;

width : 250px;

margin : 0;

padding : 1em;

}

#leftnav p {

margin : 0 0 1em 0;

}

#leftnavmenu {

list-style : none;

float : center;

width : 400px;

margin : 10px 0 10px 0;

padding : 0;

font-size : 0.9em;

}

#leftnavmenu ul {

list-style : none;

width : 150px;

margin : 0 0 20px 0;

padding : 0;

font-size : 1.1em;

}

#leftnavmenu li {

margin-bottom : 6px;

}

#leftnavmenu li a {

font-weight : bold;

height : 20px;

text-decoration : none;

color : #505050;

background : #FAFAD2 url(circle_orange_9493.png) no-repeat left center;

display : block;

padding : 4px 0 0 30px;

border-left : 0 solid #8fb8cc;

}

#leftnavmenu li a:hover {

background : #FAFAD2 url(circle_red_9803.png) no-repeat left center;

color : #8b5742;

border-left : 0 solid #003366;

/* transition старт */

-webkit-transition:All 1s ease;

-moz-transition:All 1s ease;

-o-transition:All 1s ease;

/* transition конец */

}

#contnavmenu {

list-style : none;

float : center;

width : 400px;

margin : 10px 0 10px 0;

padding : 0;

font-size : 0.9em;

border : 0 solid #003366;

font : 110% Comic Sans MS;

}

#contnavmenu ul {

list-style : none;

width : 150px;

margin : 0 0 20px 0;

padding : 0;

font-size : 1.1em;

}

#contnavmenu li {

margin-bottom : 6px;

}

#contnavmenu li a {

font-weight : bold;

height : 20px;

text-decoration : none;

color : #505050;

background : #FAFAD2 url(circle_orange_9493.png) no-repeat left center;

display : block;

padding : 4px 0 0 30px;

border-left : 0 solid #8fb8cc;

}

#contnavmenu li a:hover {

background : #FAFAD2 url(circle_red_9803.png) no-repeat left center;

color : #8b5742;

border-left : 0 solid #003366;

/* transition старт */

-webkit-transition:All 1s ease;

-moz-transition:All 1s ease;

-o-transition:All 1s ease;

/* transition конец */

text-shadow: #CD853F;

text-shadow:#CD853F 0.2px 0.2px 1px;

filter:dropshadow(color= #CD853F offX=2px, offY=2px);

}

#content {

margin-left :28em;

border-left : 0px solid #00FF00;

padding : 1em;

}

#contentforgallery {

margin-left :2.5em;

border-left : 0px solid #00FF00;

padding : 1em;

}

#contentforwedding {

margin-left :-3.6em;

border-left : 0px solid #00FF00;

padding : 1em;

}

#contentforevening {

margin-left :-3.6em;

border-left : 0px solid #00FF00;

padding : 1em;

}

#contentforchildren {

margin-left :-32em;

border-left : 0px solid #00FF00;

padding : 1em;

}

#contentforaccessories {

margin-left :-3.6em;

border-left : 0px solid #00FF00;

padding : 1em;

}

#contentforservice {

margin-left :-6.5em;

border-left : 0px solid #00FF00;

padding : 1em;

}

#contentforballs{

margin-left :-16.5em;

border-left : 0px solid #00FF00;

padding : 1em;

}

#contentforcontacts {

margin-left : 23em;

border-left : 0px solid #00FF00;

padding : 1em;

}

#footer {

clear : both;

margin : 0;

padding : 0;

font-size : 0.9em;

border-top :0px solid #fff;

color : #fff;

background : #b92f2f;

padding : 0 0 0 5px

}

h2 {

margin : 0em 0 0.5em 0;

font : 120% Comic Sans MS;

letter-spacing : 1px;

color : #8b5742;

text-shadow: #8b5742;

text-shadow:#8b5742 2px 1px 4px;

filter:dropshadow(color=#8b5742, offX=2px, offY=2px);

}

h3 {

margin : 0em 0 0.5em 0;

font : 120% Comic Sans MS;

letter-spacing : 1px;

color : #8b5742;

}

h4 {

margin : 0em 0 0.5em 0;

font : 100% Comic Sans MS;

letter-spacing : 1px;

color : #8b5742;

text-shadow: #8b5742;

text-shadow:#8b5742 2px 1px 4px;

filter:dropshadow(color=#8b5742, offX=2px, offY=2px);

}

a:link, a:visited {

color : #2480ad;

background : transparent;

text-decoration : none;

}

a:hover {

color : #036;

background : #8fb8cc;

text-decoration : none;

}

.tab1 {border: 0px solid red; border-style: ridge; position: relative;left: 10em; border-radius: 8px;}

.td1 {border: 8px solid #ebebc5; border-style: solid; border-radius: 8px;}

.wedtab {border: 0px solid red; border-style: ridge; position: relative;left: 13em}

.wedtd {border: 0px solid #e0e0bb; border-style: solid;}

.imgtab { border: none;

-moz-opacity: 0.90;

opacity: 0.90;

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90);

max-width:200px;

-moz-box-shadow: 0px 0px 5px ;

-webkit-box-shadow: 0px 0px 5px ;

margin-bottom:4px; /* Отступ вниз */

-webkit-transition:All 1s ease;

-moz-transition:All 1s ease;

-o-transition:All 1s ease;

}

.imgtab:hover { border: none;

-moz-opacity: 1;

opacity: 1;

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1);

-moz-box-shadow: 0px 0px 0px #478cfb;

-webkit-box-shadow: 0px 0px 0px #478cfb;

box-shadow: 0px 0px 0px #478cfb;

}

.imgtabwed{border: none; position

-webkit-transform:scale(1);

-moz-transform:scale(1);

-o-transform:scale(1);

-webkit-transition-duration: 0.4s;

-moz-transition-duration: 0.4s;

-o-transition-duration: 0.4s;

opacity: 1;

margin: 0 20px 10px 0;

}

.imgtabwed:hover{ border: none;

-webkit-transform:scale(1.1); /*Webkit: увеличиваем размер до 1.2x*/

-moz-transform:scale(1.1); /*Mozilla: масштабирование*/

-o-transform:scale(1.1); /*Opera: масштабирование*/

box-shadow:0px 0px 25px #dab63e;

-webkit-box-shadow:0px 0px 25px #dab63e; /*Webkit: тени*/

-moz-box-shadow:0px 0px 25px #dab63e; /*Mozilla: тени*/

opacity: 1;

}

table {

border-collapse: collapse;

border-spacing: 0;

}

#images {

padding-top: 1em;

width: 880px;

height: 440px;

}

#thumbnails {

float: left;

width: 440px;

margin-top:1em;

}

#mainimage {

float: right;

width: 430px;

height: 430px;

background: #ffffff;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;

-webkit-box-shadow: 0px 0px 3px 1px #989898;

-moz-box-shadow: 0px 0px 3px 1px #989898;

box-shadow: 0px 0px 3px 1px #989898;

padding: 5px;

}

#mainimage img {

width: 430px;

height: 430px;

}

.image {

opacity: 0.8;

position: relative;

float: left;

background: #ffffff;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;

-webkit-box-shadow: 0px 0px 3px 1px #989898;

-moz-box-shadow: 0px 0px 3px 1px #989898;

box-shadow: 0px 0px 3px 1px #989898;

-webkit-transition: all 200ms ease;

-moz-transition: all 200ms ease;

-o-transition: all 200ms ease;

transition: all 200ms ease;

padding: 5px;

width:100px;

height: 100px;

margin-left: 15px;

margin-right: 15px;

margin-top: 15px;

margin-bottom: 15px;

}

.image img {

width: 100px;

height: 100px;

}

.image:hover {

cursor: pointer;

opacity: 1;

z-index: 5;

-moz-transform: scale(1.5);

-webkit-transform: scale(1.5);

-o-transform: scale(1.5);

-ms-transform: scale(1.5);

transform: scale(1.5);

}

#imageplaceholder {

background: url('img/Gallery/9.jpg');

background-size: 100%;

width: 430px;

height: 430px;

}

#test1:target #imageplaceholder{

background: url('img/Gallery/1.jpg');

}

#test2:target #imageplaceholder{

background: url('img/Gallery/2.jpg');

}

#test3:target #imageplaceholder{

background: url('img/Gallery/3.jpg');

}

#test4:target #imageplaceholder{

background: url('img/Gallery/4.jpg');

}

#test5:target #imageplaceholder{

background: url('img/Gallery/5.jpg');

}

#test6:target #imageplaceholder{

background: url('img/Gallery/6.jpg');

}

#test7:target #imageplaceholder{

background: url('img/Gallery/7.jpg');

}

#test8:target #imageplaceholder{

background: url('img/Gallery/8.jpg');

}

#test9:target #imageplaceholder{

background: url('img/Gallery/9.jpg');

}

/*навигация*/

.menu {

-webkit-transition:All 0.5s ease;

-moz-transition:All 0.5s ease;

-o-transition:All 0.5s ease;

padding:10px 0;

position:;

border-bottom : 5px solid #dab63e;

border-top : 5px solid #dab63e;

}

.menu:hover{

background-color:#FFFAF0;

border-top : 5px solid #dab63e;

}

.menu a {

font:13pt "Trebuchet MS", tahoma, verdana, arial narrow, arial; color:#7c0e0d;

text-decoration:none;

padding:10px;

-webkit-transition:All 0.8s ease;

-moz-transition:All 0.8s ease;

-o-transition:All 0.8s ease;

}

.menu a:hover {

background-color:#7c0e0d;

font:13pt "Trebuchet MS", tahoma, verdana, arial narrow, arial;

color:#dab63e;

}

/*модалька*/

.overlay {

background-color: red;

opacity: 0;

position: fixed;

right: 0;

top: 0;

left: 0;

bottom: 0;

visibility: hidden;

/* transition старт */

-webkit-transition:All 2s ease;

-moz-transition:All 2s ease;

-o-transition:All 2s ease;

}

.overlay:target {

visibility: visible;

opacity: 0;

}

.popup {

background-color: #7c0e0d;

padding: 20px;

position: fixed;

visibility: hidden;

z-index: 10

color:#FAFAD2;

font: bold 12pt "Trebuchet MS", tahoma, verdana, arial narrow, arial;

border-radius: 8px;

box-shadow: 5px 5px 8px 0px #dab63e;

-webkit-box-shadow: 5px 5px 8px 0px #dab63e;

-moz-box-shadow: 5px 5px 8px 0px #dab63e;

}

.popup a {

color:#FAFAD2;

font: bold 12pt "Trebuchet MS", tahoma, verdana, arial narrow, arial;

}

.overlay:target+.popup {

top: 30%;

left: 35%; opacity: 0.95;

visibility: visible;

}

<<< < Предыдущая 1 2 3 4 5 6 7 89 / 99

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]

#
13.08.2019885.25 Кб7Пособие ИАТЭ.doc
#
11.06.20156.41 Mб378Пособие обучаемого-НОРМА.doc
#
11.06.2015451.58 Кб8Пособие-группаОП.doc
#
29.03.20161.34 Mб71Пособие_УУ.doc
#
11.06.20151.39 Mб94Пособие_ЭВМ.doc
#
11.06.20154.04 Mб13Пояснительная.doc
#
26.09.2019169.92 Кб0практика.rtf
#
10.07.2019576.21 Кб8практикум по биохимии (белки).rtf
#
04.11.2018254.75 Кб37Практикум по физиологии 1.docx
#
04.11.2018222.17 Кб31Практикум по физиологии 2.docx
#
11.06.2015194.84 Кб22Презентация по ООП.pdf