Permalink
Browse files

The index page

  • Loading branch information...
1 parent 626ae4f commit 85101bc8f7d28f3d12bc3e058aeb1dd71106f091 @artshpakov committed Apr 14, 2012
@@ -0,0 +1,17 @@
+/*
+ Coin Slider jQuery plugin CSS styles
+ http://workshop.rs/projects/coin-slider
+*/
+
+
+.coin-slider { overflow: hidden; zoom: 1; position: relative; }
+.coin-slider a{ text-decoration: none; outline: none; border: none; }
+
+.cs-buttons { font-size: 0px; padding: 10px; float: left; }
+.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
+.cs-active { background-color: #B8C4CF; color: #FFFFFF; }
+
+.cs-title { width: 545px; padding: 10px; background-color: #000000; color: #FFFFFF; }
+
+.cs-prev,
+.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }
View
@@ -57,6 +57,29 @@ p {
text-align: justify;
}
+/* ============= index layout ============*/
+
+#cover {
+ height: 536px; width: 986px;
+ background: url(/static/img/cover.png) center no-repeat;
+ box-shadow: 0 10px 20px #200400;
+ position: relative;
+}
+
+#cover #menu {
+ top: 380px; left: 640px;
+ width: 300px;
+ position: absolute;
+}
+
+#coin-slider-slider {
+ left: 21px; top: 24px;
+ border: 1px solid #E8B53C;
+ position: absolute;
+}
+
+/* ============= page layout =============*/
+
a#logo {
display: block;
height: 80px;
@@ -99,11 +122,32 @@ a#logo {
float: left;
}
-#main #top .corner {
+#main #top {
+ overflow: hidden;
+ margin-bottom: 25px;
+}
+
+#main #top img {
+ display: block;
+ float: left;
+}
+
+#main #top .right-column {
+ margin-left: 450px;
+}
+
+#main #top #corner {
height: 157px;
overflow: hidden;
}
-#main #top .corner p {
+#main #top #corner p {
text-align: right;
}
+
+#main #top #teaser {
+ background: url(/static/img/teaser.png);
+ width: 380px;
+ height: 87px;
+ float: right;
+}
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.
View
@@ -1,28 +1,46 @@
<!DOCTYPE HTML>
<html lang="ru-RU">
<head>
- <meta charset="UTF-8">
- <title>{% block title %}Vinograd{% endblock %}</title>
+ <meta charset="UTF-8">
+ <title>{% block title %}Vinograd{% endblock %}</title>
{% block stylesheets %}
<link rel="stylesheet" href="/static/css/main.css" />
+ <link rel="stylesheet" href="/static/css/coin-slider-styles.css" />
{% endblock %}
</head>
<body style="height:100%">
{% load mainmenu from catalog_tags %}
{% block content %}
- <div style="position: relative; top: 50%;">
- <div style="height: 536px; width: 986px; margin: -268px auto 0; background: url(/static/img/cover.png) center no-repeat; position: relative; box-shadow: 0 10px 20px #200400;">
- <div style="top: 380px; left: 640px; width: 300px; position: absolute">
- {% mainmenu "indexmenu" %}
- </div>
- </div>
- </div>
+ <table width="100%" height="100%">
+ <tr valign="middle">
+ <td align="center">
+ <div id="cover">
+ <div id="slider">
+ <img src="/static/img/slider/pic01.jpg" />
+ <img src="/static/img/slider/pic02.jpg" />
+ <img src="/static/img/slider/pic03.jpg" />
+ <img src="/static/img/slider/pic04.jpg" />
+ </div>
+
+ <div id="menu">
+ {% mainmenu "indexmenu" %}
+ </div>
+ </div>
+ </td>
+ </tr>
+ </table>
{% endblock %}
</body>
{% block javascripts %}
- <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
+ <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
+ <script type="text/javascript" src="/static/js/coin-slider.min.js"></script>
+ <script type="text/javascript">
+ $(function() {
+ $('#slider').coinslider({width: 558, height: 487, navigation: false, links: false});
+ });
+ </script>
{% endblock %}
</html>
View
@@ -20,12 +20,12 @@
{% block content %}
<h2 style="text-align: right;">&bull; {{ object.title|upper }} &bull;</h2>
- <div id="top" style="overflow: hidden; margin-bottom: 25px;">
- <img src="/static/img/pic-{{ object.slug }}.png" alt="Front" style="display: block; float: left;" />
+ <div id="top">
+ <img src="/static/img/pic-{{ object.slug }}.png" />
- <div style="margin-left: 450px;">
- <div class="corner" style="">{% block corner %}{% endblock %}</div>
- <div style="background: url(/static/img/teaser.png); width: 380px; height: 87px; float: right;"></div>
+ <div class="right-column">
+ <div id="corner">{% block corner %}{% endblock %}</div>
+ <div id="teaser"></div>
</div>
</div>
<div style="clear: both;"></div>

0 comments on commit 85101bc

Please sign in to comment.