From e8d236372b27d234ddb30c02303e28f34882163a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=93=D1=80=D0=B8=D0=BE=D0=B3=D0=BE=D1=80=D1=8C=D0=B5?=
 =?UTF-8?q?=D0=B2=D0=B0=20=D0=98=D1=80=D0=B8=D0=BD=D0=B0?=
 <irina.grigorjeva91@yandex.ru>
Date: Thu, 6 Dec 2012 13:06:34 +0600
Subject: [PATCH] =?UTF-8?q?=D0=94=D0=B76?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

пока только первые три макета
---
 .../style.css"                                | 53 +++++++++++++++++++
 ...\272\320\265\321\202\320\276\320\262.html" | 24 +++++++++
 .../style.css"                                | 53 +++++++++++++++++++
 ...\273\320\276\320\272\320\276\320\262.html" | 24 +++++++++
 .../style.css"                                | 30 +++++++++++
 ...\275\320\276\320\262\321\213\320\271.html" | 24 +++++++++
 6 files changed, 208 insertions(+)
 create mode 100644 "\320\237\320\265\321\200\320\265\320\272\320\273\321\216\321\207\320\265\320\275\320\270\320\265 \320\274\320\260\320\272\320\265\321\202\320\276\320\262/style.css"
 create mode 100644 "\320\237\320\265\321\200\320\265\320\272\320\273\321\216\321\207\320\265\320\275\320\270\320\265 \320\274\320\260\320\272\320\265\321\202\320\276\320\262/\320\237\320\265\321\200\320\265\320\272\320\273\321\216\321\207\320\265\320\275\320\270\320\265 \320\274\320\260\320\272\320\265\321\202\320\276\320\262.html"
 create mode 100644 "\320\237\320\265\321\200\320\265\320\275\320\276\321\201 \320\261\320\273\320\276\320\272\320\276\320\262/style.css"
 create mode 100644 "\320\237\320\265\321\200\320\265\320\275\320\276\321\201 \320\261\320\273\320\276\320\272\320\276\320\262/\320\237\320\265\321\200\320\265\320\275\320\276\321\201 \320\261\320\273\320\276\320\272\320\276\320\262.html"
 create mode 100644 "\320\240\320\265\320\267\320\270\320\275\320\276\320\262\321\213\320\271/style.css"
 create mode 100644 "\320\240\320\265\320\267\320\270\320\275\320\276\320\262\321\213\320\271/\320\240\320\265\320\267\320\270\320\275\320\276\320\262\321\213\320\271.html"

diff --git "a/\320\237\320\265\321\200\320\265\320\272\320\273\321\216\321\207\320\265\320\275\320\270\320\265 \320\274\320\260\320\272\320\265\321\202\320\276\320\262/style.css" "b/\320\237\320\265\321\200\320\265\320\272\320\273\321\216\321\207\320\265\320\275\320\270\320\265 \320\274\320\260\320\272\320\265\321\202\320\276\320\262/style.css"
new file mode 100644
index 0000000..aa45246
--- /dev/null
+++ "b/\320\237\320\265\321\200\320\265\320\272\320\273\321\216\321\207\320\265\320\275\320\270\320\265 \320\274\320\260\320\272\320\265\321\202\320\276\320\262/style.css"	
@@ -0,0 +1,53 @@
+.block {
+    max-width: 1000px;
+	margin: auto;
+}
+.left {
+    background: #e0e0ff;
+    float: left;
+	height: 100%;
+	width: 20%;
+}
+.right_top{
+    background: #7373ff;
+    float: right;
+	height: 50%;
+	width: 80%;
+}
+.right_bottom {
+	background: #babaff;
+	width: 80%;
+	height: 50%;
+	float: right;
+}
+@media all and (max-width: 799px) {
+.left {
+    width: 100%;
+	height: 20%;
+}
+
+.right_top {
+    width: 100%;
+	height: 60%;
+}
+.right_bottom {
+    width: 100%;
+	height: 60%;
+}
+}
+
+@media all and (max-width: 650px) {
+.left {
+    width: 100%;
+	height: 10%;
+}
+
+.right_top {
+    width: 100%;
+	height: 80%;
+}
+.right_bottom {
+    width: 100%;
+	height: 60%;
+}
+}
\ No newline at end of file
diff --git "a/\320\237\320\265\321\200\320\265\320\272\320\273\321\216\321\207\320\265\320\275\320\270\320\265 \320\274\320\260\320\272\320\265\321\202\320\276\320\262/\320\237\320\265\321\200\320\265\320\272\320\273\321\216\321\207\320\265\320\275\320\270\320\265 \320\274\320\260\320\272\320\265\321\202\320\276\320\262.html" "b/\320\237\320\265\321\200\320\265\320\272\320\273\321\216\321\207\320\265\320\275\320\270\320\265 \320\274\320\260\320\272\320\265\321\202\320\276\320\262/\320\237\320\265\321\200\320\265\320\272\320\273\321\216\321\207\320\265\320\275\320\270\320\265 \320\274\320\260\320\272\320\265\321\202\320\276\320\262.html"
new file mode 100644
index 0000000..302c926
--- /dev/null
+++ "b/\320\237\320\265\321\200\320\265\320\272\320\273\321\216\321\207\320\265\320\275\320\270\320\265 \320\274\320\260\320\272\320\265\321\202\320\276\320\262/\320\237\320\265\321\200\320\265\320\272\320\273\321\216\321\207\320\265\320\275\320\270\320\265 \320\274\320\260\320\272\320\265\321\202\320\276\320\262.html"	
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>Переключение макетов</title>
+    <link rel="stylesheet" type="text/css" href="style.css">
+</head>
+
+<body>
+<div class="block">
+
+    <div class="left">
+        Левая часть
+    </div>
+    <div class="right_top">
+	    Правая верхняя часть
+    </div>
+
+    <div class="right_bottom">
+        Правая нижняя часть
+    </div>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git "a/\320\237\320\265\321\200\320\265\320\275\320\276\321\201 \320\261\320\273\320\276\320\272\320\276\320\262/style.css" "b/\320\237\320\265\321\200\320\265\320\275\320\276\321\201 \320\261\320\273\320\276\320\272\320\276\320\262/style.css"
new file mode 100644
index 0000000..568dff8
--- /dev/null
+++ "b/\320\237\320\265\321\200\320\265\320\275\320\276\321\201 \320\261\320\273\320\276\320\272\320\276\320\262/style.css"	
@@ -0,0 +1,53 @@
+.left {
+    position: relative;
+    float: left;
+	height: 100%;
+	width: 85%;
+	min-width: 400px;
+}
+.right{
+    background: #e0e0ff;
+    float: right;
+	height: 100%;
+	min-width: 15%;
+}
+.center_left {
+    position: absolute;
+	background: #babaff;
+	width: 15%;
+	height: 100%;
+	bottom: 0;
+	float: left;
+}
+.center {
+    position: absolute;
+	background: #7373ff;
+	height: 100%;
+	width: 85%;
+	right: 0;
+	top: 0;
+}
+@media all and (max-width: 799px) {
+.left {
+    width: 100%;
+}
+.right{
+    width: 100%;
+	height: 50%;
+}
+}
+
+@media all and (max-width: 650px) {
+.left {
+    height: 150%;
+}
+.center_left {
+    width: 100%;
+	height: 35%;
+}
+.center {
+    width: 100%;
+	height: 65%;
+	float: right;
+}
+}
\ No newline at end of file
diff --git "a/\320\237\320\265\321\200\320\265\320\275\320\276\321\201 \320\261\320\273\320\276\320\272\320\276\320\262/\320\237\320\265\321\200\320\265\320\275\320\276\321\201 \320\261\320\273\320\276\320\272\320\276\320\262.html" "b/\320\237\320\265\321\200\320\265\320\275\320\276\321\201 \320\261\320\273\320\276\320\272\320\276\320\262/\320\237\320\265\321\200\320\265\320\275\320\276\321\201 \320\261\320\273\320\276\320\272\320\276\320\262.html"
new file mode 100644
index 0000000..e4f7a22
--- /dev/null
+++ "b/\320\237\320\265\321\200\320\265\320\275\320\276\321\201 \320\261\320\273\320\276\320\272\320\276\320\262/\320\237\320\265\321\200\320\265\320\275\320\276\321\201 \320\261\320\273\320\276\320\272\320\276\320\262.html"	
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>Перенос блоков</title>
+    <link rel="stylesheet" type="text/css" href="style.css">
+</head>
+
+<body>
+<div>
+    <div class="left">
+        <div class="center_left">
+            Левая часть
+        </div>
+        <div class="center">
+	        Основная информация сайта
+        </div>
+	</div>
+    <div class="right">
+        Правая часть
+    </div>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git "a/\320\240\320\265\320\267\320\270\320\275\320\276\320\262\321\213\320\271/style.css" "b/\320\240\320\265\320\267\320\270\320\275\320\276\320\262\321\213\320\271/style.css"
new file mode 100644
index 0000000..f33d775
--- /dev/null
+++ "b/\320\240\320\265\320\267\320\270\320\275\320\276\320\262\321\213\320\271/style.css"
@@ -0,0 +1,30 @@
+.header {
+    position: relative;
+    background: #7373ff;
+	min-height: 100px;
+	max-width: 1250px;
+	margin: auto;
+	text-align: center;
+	min-width: 300px;
+}
+.center {
+    position: relative;
+	min-height: 400px;
+    max-width: 1250px;
+	min-width: 300px;
+	margin: auto;
+}
+.left {
+    background: #babaff;
+	float: left;
+	width: 50%;
+	min-width: 300px;
+	min-height: inherit;
+}
+.right {
+    background: #e0e0ff;
+	float: right;
+	width: 50%;
+	min-width: 300px;
+	min-height: inherit;
+}
\ No newline at end of file
diff --git "a/\320\240\320\265\320\267\320\270\320\275\320\276\320\262\321\213\320\271/\320\240\320\265\320\267\320\270\320\275\320\276\320\262\321\213\320\271.html" "b/\320\240\320\265\320\267\320\270\320\275\320\276\320\262\321\213\320\271/\320\240\320\265\320\267\320\270\320\275\320\276\320\262\321\213\320\271.html"
new file mode 100644
index 0000000..dbf4273
--- /dev/null
+++ "b/\320\240\320\265\320\267\320\270\320\275\320\276\320\262\321\213\320\271/\320\240\320\265\320\267\320\270\320\275\320\276\320\262\321\213\320\271.html"
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>Резиновый</title>
+    <link rel="stylesheet" type="text/css" href="style.css">
+</head>
+
+<body>
+<div class="header">
+    <div class="topline"> 
+	    Схема сайта
+	</div>
+</div>
+<div class="center">
+    <div class="left">
+	    Основная информация сайта
+    </div>
+    <div class="right">
+	    Ссылки
+    </div>
+</div>
+</body>
+</html>
\ No newline at end of file