ADD тёмный футер на страницы точек и статей

This commit is contained in:
Krivchikov Dmitry 2016-06-14 12:46:15 +03:00
parent f0370a4981
commit 3d256a8d29
6 changed files with 28 additions and 29 deletions

View File

@ -5,5 +5,3 @@ div.container div.middleHeader {text-align: center; padding-top: 10px;}
div.container div.middleHeader img{height: 100px;} div.container div.middleHeader img{height: 100px;}
div.container div.elements div.element {margin: 3px; padding: 3px; display: inline-block;} div.container div.elements div.element {margin: 3px; padding: 3px; display: inline-block;}
div.container div.elements div.element img{width: 200px; float: left; margin: 0 10px 5px 0;} div.container div.elements div.element img{width: 200px; float: left; margin: 0 10px 5px 0;}
div.darkFooter {background-color: #333; color: #fff; margin-bottom: 0px; padding-bottom: 30px; padding-top: 10px;}

View File

@ -85,8 +85,8 @@ div#control div._t2 {background-color: rgba(200, 200, 200, 0.65); border-radius:
div#control div#notify {position: absolute; background-color: red;color: white;border-radius: 50%; width: 20px;height: 20px;margin: 0;padding: 0;padding-top: 2px;text-align: center;font-weight: bolder;font-size: 15px;vertical-align: middle;font-family: sans-serif;top: 18px;left: -7px;} div#control div#notify {position: absolute; background-color: red;color: white;border-radius: 50%; width: 20px;height: 20px;margin: 0;padding: 0;padding-top: 2px;text-align: center;font-weight: bolder;font-size: 15px;vertical-align: middle;font-family: sans-serif;top: 18px;left: -7px;}
@keyframes blink {0 { background-color: #333; } 70% { background-color: #00a2ff; } 100% { background-color: #333;}} @keyframes blink {0 { background-color: #333; } 70% { background-color: #00a2ff; } 100% { background-color: #333;}}
nav.navbar.navbar-inverse.navbar-fixed-top {opacity: 0.9} /*nav.navbar.navbar-inverse.navbar-fixed-top {opacity: 0.9}
nav.navbar.navbar-inverse.navbar-fixed-top:hover {opacity: 1} nav.navbar.navbar-inverse.navbar-fixed-top:hover {opacity: 1}*/
nav.navbar.navbar-inverse .navbar-nav>li>a {color: #ddd;} nav.navbar.navbar-inverse .navbar-nav>li>a {color: #ddd;}
nav.navbar.navbar-inverse a.bigGreen {background-image: -webkit-linear-gradient(top,#3cfc3c 0, #398739 100%);background-image: linear-gradient(to bottom,#3cfc3c 0, #398739 100%);background-repeat: repeat-x;margin: 0 3px;padding: 15px 15px;border-radius: 5px;display: inline-block;color: white;font-weight: bold;text-decoration: none;} nav.navbar.navbar-inverse a.bigGreen {background-image: -webkit-linear-gradient(top,#3cfc3c 0, #398739 100%);background-image: linear-gradient(to bottom,#3cfc3c 0, #398739 100%);background-repeat: repeat-x;margin: 0 3px;padding: 15px 15px;border-radius: 5px;display: inline-block;color: white;font-weight: bold;text-decoration: none;}
nav.navbar.navbar-inverse a.bigGreen:hover {background-image: -webkit-linear-gradient(top,#3cfc3c 0, #398739 50%);background-image: linear-gradient(to bottom,#3cfc3c 0, #398739 80%);text-decoration: none;} nav.navbar.navbar-inverse a.bigGreen:hover {background-image: -webkit-linear-gradient(top,#3cfc3c 0, #398739 50%);background-image: linear-gradient(to bottom,#3cfc3c 0, #398739 80%);text-decoration: none;}
@ -129,6 +129,8 @@ div#box a:hover {text-decoration: underline;}
#photobank img {margin: 2px; border: solid 1px white;} #photobank img {margin: 2px; border: solid 1px white;}
img.imageInArticle {border: solid 3px white;max-width: 100%;} img.imageInArticle {border: solid 3px white;max-width: 100%;}
div.darkFooter {background-color: #333; color: #fff; margin-bottom: 0px; padding-bottom: 30px; padding-top: 10px;}
/* -------------------------------------------*/ /* -------------------------------------------*/
/* ------------- ADAPTIVE --------------------*/ /* ------------- ADAPTIVE --------------------*/
/* -------------------------------------------*/ /* -------------------------------------------*/

View File

@ -1,5 +1,5 @@
<div id="pageSmoothBackground" style="background-image: url(<?= $background ?>);"></div> <div id="pageSmoothBackground" style="background-image: url(<?= $background ?>);"></div>
<div class="container" style="background-color: rgba(255,255,255, 0.8);margin-top: -10px;padding-bottom: 30px;"> <div class="container" style="background-color: rgba(255,255,255, 0.8);margin-top: -10px;">
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
<h1 style="text-align: right;"><?= $article->title ?></h1> <h1 style="text-align: right;"><?= $article->title ?></h1>
@ -39,4 +39,6 @@
</div> </div>
<hr/> <hr/>
<?= self::renderPartial('randomPoint.php', array('randomPoint'=>$randomPoint), true)?> <?= self::renderPartial('randomPoint.php', array('randomPoint'=>$randomPoint), true)?>
<br/>
<?= self::renderPartial('/page/darkFooter.php',array(), true)?>
</div> </div>

View File

@ -75,27 +75,5 @@
</div> </div>
</div> </div>
<br/> <br/>
<div class="row darkFooter"> <?= self::renderPartial('/page/darkFooter.php',array(), true)?>
<div class="col-md-4">
<h4 style="text-align: center;">Благодарности</h4>
Огромные благодарности: жене, родителям,
<noindex>
<a href="http://osm.org" target="_blank" rel="nofollow">OSM</a>,
<a href="https://mapicons.mapsmarker.com/" target="_blank" rel="nofollow"><nobr>MapIcons</nobr></a>,
<a href="https://www.mapbox.com/" target="_blank" rel="nofollow"><nobr>MapBox</nobr></a>
и
<a href="http://leafletjs.com" target="_blank" rel="nofollow">LeafletJS</a>.
</noindex>
</div>
<div class="col-md-4">
<h4 style="text-align: center;">Контакты</h4>
EMail: info&#64;wikipoints.ru<br/>
VK: <a href="https://vk.com/wikipoints" target="_blank">WikiPoints</a><br/>
Instagram: <a href="https://instagram.com/wikipoints/" target="_blank">WikiPoints</a><br/>
</div>
<div class="col-md-4">
<h4 style="text-align: center;">Прочее</h4>
2014-<?= date('Y') ?> &copy; wikipoints.ru - при любом использовании материалов ссылка на источник обязательна.
</div>
</div>
</div> </div>

17
views/page/darkFooter.php Normal file
View File

@ -0,0 +1,17 @@
<div class="row darkFooter">
<div class="col-md-4">
<h4 style="text-align: center;">Социальные сети</h4>
Присоединяйтеся к нам - это интересно!<br/>
<a href="https://vk.com/wikipoints" target="_blank">ВКонтакте</a> и
<a href="https://instagram.com/wikipoints/" target="_blank">Instagram</a><br/>
</div>
<div class="col-md-4">
<h4 style="text-align: center;">Контакты</h4>
Телефон: +7 (904) 610-6141<br/>
EMail: info&#64;wikipoints.ru<br/>
</div>
<div class="col-md-4">
<h4 style="text-align: center;">Прочее</h4>
2014-<?= date('Y') ?> &copy; wikipoints.ru - при любом использовании материалов ссылка на источник обязательна.
</div>
</div>

View File

@ -14,7 +14,7 @@ if ($pointsAirport && $usersAirport && $pointsAirport->id != $usersAirport->id){
} }
?> ?>
<div id="pageSmoothBackground" style="background-image: url(<?= $point->getImg('middle') ?>);"></div> <div id="pageSmoothBackground" style="background-image: url(<?= $point->getImg('middle') ?>);"></div>
<div class="container" style="background-color: rgba(255,255,255, 0.8);margin-top: -10px;padding-bottom: 30px;"> <div class="container" style="background-color: rgba(255,255,255, 0.8);margin-top: -10px;">
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
<?php if ($point->status != Point::statusPublished): ?> <?php if ($point->status != Point::statusPublished): ?>
@ -286,6 +286,8 @@ if ($pointsAirport && $usersAirport && $pointsAirport->id != $usersAirport->id){
<!--/noindex--> <!--/noindex-->
<!--googleon: all--> <!--googleon: all-->
<?= self::renderPartial('randomPoint.php', array('randomPoint' => $randomPoint), true) ?> <?= self::renderPartial('randomPoint.php', array('randomPoint' => $randomPoint), true) ?>
<br/>
<?= self::renderPartial('/page/darkFooter.php',array(), true)?>
</div> </div>
<script> <script>
function showExtraParam(id) { function showExtraParam(id) {