Фотопортал



Winter fairy tale
Головна | Реєстрація | Вхід

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Документ без названия</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<style type="text/css">
<!--
body {
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
background: #4E5869;
margin: 0;
padding: 0;
color: #000;
}

/* ~~ Селекторы элементов/тегов ~~ */
ul, ol, dl { /* Из-за различий между браузерами рекомендуется обнулять поля в списках. Для согласованности можно указать нужные величины либо здесь, либо в элементах списка (LI, DT, DD), которые они содержат. Помните, что сделанное здесь последовательно включается в список .nav, если только не будет прописан более конкретный селектор. */
padding: 0;
margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
margin-top: 0; /* удаление верхнего поля позволяет обойти проблему выхода полей за границы содержащего их контейнера DIV. Оставшееся нижнее поле отделит его от любых последующих элементов. */
padding-right: 15px;
padding-left: 15px; /* добавление боковых полей к элементам внутри контейнеров DIV, а не к самим контейнерам избавляет от необходимости расчетов рамочной модели. В качестве альтернативы можно использовать вложенный контейнер DIV с боковыми полями. */
}
a img { /* этот селектор убирает стандартную синюю рамку, которая появляется у изображений в некоторых браузерах, если вокруг изображения есть ссылка */
border: none;
}

/* ~~ Оформление ссылок на вашем сайте должно оставаться в этом порядке, включая группу селекторов, создающих эффект наведения. ~~ */
a:link {
color:#414958;
text-decoration: underline; /* если только ссылки не должны выглядеть исключительно своеобразно, то для быстрого зрительного распознавания рекомендуется использовать подчеркивание */
}
a:visited {
color: #4E5869;
text-decoration: underline;
}
a:hover, a:active, a:focus { /* эта группа селекторов обеспечивает пользователю, работающему с клавиатурой, такие же возможности наведения, как и при использовании мыши. */
text-decoration: none;
}

/* ~~ этот контейнер окружает все остальные контейнеры DIV, задавая их ширину на процентной основе ~~ */
.container {
width: 80%;
max-width: 1260px;/* желательно задать максимальную ширину, чтобы макет не стал слишком широким на большом экране. Это повышает удобство чтения строк. В IE6 это объявление не соблюдается. */
min-width: 780px;/* желательно задать минимальную ширину, чтобы макет не стал слишком узким. Это повышает удобство чтения строк в боковых столбцах. В IE6 это объявление не соблюдается. */
background: #FFF;
margin: 0 auto; /* автоматическое задание величин по бокам в совокупности с шириной центрирует макет. Это необязательно, если ширина контейнера составляет 100 %. */
}

/* ~~верхнему колонтитулу не задана ширина. Он растянется по всей ширине макета. Он содержит заполнитель для изображения, который должен быть заменен логотипом по ссылке~~ */
.header {
background: #6F7D94;
}

/* ~~ Информация по макету. ~~

1) Поля размещены только вверху и/или внизу DIV. Элементы в этом DIV имеют боковые поля. Это избавляет пользователя от необходимости расчетов рамочной модели. Помните, что при добавлении боковых полей или границы к самому DIV их ширина будет добавлена к задаваемой ширине, что образует "полную" ширину. Кроме того, можно удалить поля элемента в DIV и поместить внутри него второй DIV без ширины и с необходимыми по проекту полями.

*/
.content {
padding: 10px 0;
}

/* ~~ Этот сгруппированный селектор выдает списки в пространстве .content ~~ */
.content ul, .content ol {
padding: 0 15px 15px 40px; /* это поле зеркально повторяет правое поле в правиле для заголовков и параграфов выше. Внизу поле помещено как граница между элементами списков, а слева — как отступ. Поля можно настраивать по желанию. */
}

/* ~~ Нижний колонтитул ~~ */
.footer {
padding: 10px 0;
background: #6F7D94;
}

/* ~~ прочие классы float/clear ~~ */
.fltrt { /* этот класс можно использовать для обтекания элемента справа на странице. Обтекаемый элемент должен предшествовать элементу, с которым он должен находиться рядом на странице. */
float: right;
margin-left: 8px;
}
.fltlft { /* этот класс можно использовать для обтекания элемента слева на странице. Обтекаемый элемент должен предшествовать элементу, с которым он должен находиться рядом на странице. */
float: left;
margin-right: 8px;
}
.clearfloat { /* этот класс можно поместить в теге <br /> или в пустом блоке DIV в качестве конечного элемента, следующего за последним обтекаемым DIV (внутри #container), если .#footer удален или извлечен из #container */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
-->
</style></head>

<body>

<div class="container">
<div class="header">
<div align="center"><!-- end .header --></div>
</div>
<div class="content">
<h2 align="center">Winter fairy tale</h2>
<p align="center"><strong>Модель Оксана Гнилиця </strong></p>
<p align="center"><img src="http://i799.photobucket.com/albums/yy278/Andriy_Ximik/223233.jpg" width="762" height="508" /></p>
<p align="center"><img src="http://i799.photobucket.com/albums/yy278/Andriy_Ximik/d3795200.jpg" width="762" height="508" /></p>
<p align="center"> <img src="http://i799.photobucket.com/albums/yy278/Andriy_Ximik/833e5a70.jpg" width="682" height="1023" align="absmiddle" /></p>
<p align="center"><img src="http://i799.photobucket.com/albums/yy278/Andriy_Ximik/ca253631.jpg" width="682" height="1023" /></p>
<p align="center"><img src="http://i799.photobucket.com/albums/yy278/Andriy_Ximik/276c1e7e.jpg" width="762" height="508" /></p>
<p align="center"><img src="http://i799.photobucket.com/albums/yy278/Andriy_Ximik/11ff2e96.jpg" width="606" height="1024" /></p>
<p align="center"><img src="http://i799.photobucket.com/albums/yy278/Andriy_Ximik/8613260d.jpg" width="682" height="1023" /></p>
<p align="center"><img src="http://i799.photobucket.com/albums/yy278/Andriy_Ximik/c2019f24.jpg" width="762" height="508" /></p>
<p align="center"><img src="http://i799.photobucket.com/albums/yy278/Andriy_Ximik/f31f7398.jpg" width="762" height="508" /></p>
<p align="center"><img src="http://i799.photobucket.com/albums/yy278/Andriy_Ximik/2-2.jpg" width="682" height="1023" /></p>
<p align="center"><img src="http://i799.photobucket.com/albums/yy278/Andriy_Ximik/7ab0fc94.jpg" width="762" height="508" /></p>
<p align="center"><img src="http://i799.photobucket.com/albums/yy278/Andriy_Ximik/b07a9c09.jpg" width="762" height="508" /></p>
<p align="center"><img src="http://i799.photobucket.com/albums/yy278/Andriy_Ximik/3-1.jpg" width="682" height="1023" /></p>
<p align="center"><img src="http://i799.photobucket.com/albums/yy278/Andriy_Ximik/2-1.jpg" width="762" height="508" /></p>
<p align="center"><img src="http://i799.photobucket.com/albums/yy278/Andriy_Ximik/ed512987.jpg" width="762" height="508" /></p>
<p align="center"><img src="http://i799.photobucket.com/albums/yy278/Andriy_Ximik/62098442.jpg" width="762" height="508" /></p>
<div align="center">
<p><img src="http://i799.photobucket.com/albums/yy278/Andriy_Ximik/4c2e9d61.jpg" width="682" height="1023" /></p>
<p><img src="http://i799.photobucket.com/albums/yy278/Andriy_Ximik/xcvxcvbb.jpg" width="762" height="508" /></p>
<p><img src="http://i799.photobucket.com/albums/yy278/Andriy_Ximik/IMG_1273.jpg" width="762" height="508" /></p>
</div>
<p align="center"><img src="http://i799.photobucket.com/albums/yy278/Andriy_Ximik/cvxcvxcvnbnbn.jpg" width="682" height="1023" /></p>
<p align="center"><img src="http://i799.photobucket.com/albums/yy278/Andriy_Ximik/21321.jpg" width="762" height="508" /></p>
<p align="center"><img src="http://i799.photobucket.com/albums/yy278/Andriy_Ximik/3.jpg" width="762" height="508" /></p>
<p align="center"><img src="http://i799.photobucket.com/albums/yy278/Andriy_Ximik/2.jpg" width="682" height="1023" /></p>
<p align="center"><img src="http://i799.photobucket.com/albums/yy278/Andriy_Ximik/1.jpg" width="762" height="508" /></p>
<p align="center">&nbsp;</p>
</div>
<div class="footer">
<p align="center">&nbsp;</p>
<div align="center"><!-- end .footer --></div>
</div>
<div align="center"><!-- end .container --></div>
</div>
</body>
</html>

Вхід на сайт
Пошук
Календар
«  Березень 2024  »
ПнВтСрЧтПтСбНд
    123
45678910
11121314151617
18192021222324
25262728293031
Архів записів
Наше опитування
Оцініть мій сайт
Всього відповідей: 56
Друзі сайту
  • uCoz Community
  • uCoz Manual
  • Video Tutorials
  • Official Template Store
  • Best uCoz Websites
  • Статистика

    Онлайн всього: 1
    Гостей: 1
    Користувачів: 0
    protecd by Ximik