Шаблон:Test3 — различия между версиями

Материал из Integra-S Wiki
Перейти к: навигация, поиск
 
(не показано 135 промежуточных версий этого же участника)
Строка 1: Строка 1:
<html>
+
<div style="width: {{{Ширина}}}; margin: 20px auto; display: {{{Позиция}}};margin-left: {{{Отступ}}}; float: {{{Выравнивание}}}">
<head>
+
<div style="width: 100%;
<title>Пример жесткой блочной верстки сайта в три колонки</title>
+
border-top-left-radius:9px;
<style type="text/css">
+
border-top-right-radius:9px;
div#block {width:750px; margin:0 auto; background-color:#dddddd}
+
height: 50px;
div.header {width:750px; height:100px; background-color:#717dc9}
+
box-sizing: border-box;
div.left_col {width:148px; height:350px; float:left; border-right:2px dashed #717dc9; margin-bottom:-15px}
+
font-size:1.5em;
div.center_col {width:450px; float:left}
+
line-height: 30px;
div.right_col {width:148px; height:350px; float:left; border-left:2px dashed #717dc9; margin-bottom:-15px}
+
margin: 0;
div.footer {width:750px; height:70px; background-color:#717dc9; clear:both}
+
padding: 10px;
</style>
+
background: {{{Цвет}}};
</head>
+
border: solid 1px {{{Цвет}}};
<body>
+
margin-top: {{{Отступ_низ}}};>
<div id="block">
+
<p style = "margin: 0;line-height: 30px;">  
<div class="header"><h1 align="center">Верстка сайта</h1></div>
+
{{{Заголовок}}}</p>
<div class="left_col"><p align="center">Меню</p></div>
+
</div>
<div class="center_col">
+
<div style="width: 100%;
<h2 align="center">CSS верстка сайта</h2>
+
padding: 10px;
<h4 align="center">Жесткая верстка блоками</h4>
+
box-sizing: border-box;
 +
border-bottom-right-radius:9px;
 +
border-bottom-left-radius:9px;
 +
border: solid 1px {{{Цвет}}};
 +
>
 +
{{{Текст}}}
 
</div>
 
</div>
<div class="right_col"><p align="center">Ссылки</p></div>
 
<div class="footer"><p>© 2010</p></div>
 
 
</div>
 
</div>
</body>
 
</html>
 

Текущая версия на 14:07, 30 октября 2017

{{{Заголовок}}}

{{{Текст}}}