Если через шаблоны, то можно в хедере перед:
Код: Выделить всё
</div>
</div>
<!-- INCLUDE navbar_header.html -->
Код: Выделить всё
<dic class="right-box">
<!-- Banner -->
</dic>
Код: Выделить всё
</div>
</div>
<!-- INCLUDE navbar_header.html -->
Код: Выделить всё
<dic class="right-box">
<!-- Banner -->
</dic>
Код: Выделить всё
<div class="right-box banner-top">
<!-- Banner -->
</div>
Код: Выделить всё
.banner-top {
margin-top: 10px;
}
Хе... Вместопоставить:
div
написал dic
Код: Выделить всё
.banner-top:hover {
box-shadow: 0 0 5px #000;
}
.banner-top img:hover {
Код: Выделить всё
<div class="banner">Хостел<br />Санкт-Петербург</div>
Код: Выделить всё
.banner {
background: #FBC256;
background-image: -moz-linear-gradient(top, #F7BF57, #EC8C1A);
background-image: -webkit-linear-gradient(top, #F7BF57, #EC8C1A);
background-image: -o-linear-gradient(top, #F7BF57, #EC8C1A);
background-image: linear-gradient(to bottom, #F7BF57, #EC8C1A);
border-radius: 30px;
-webkit-box-shadow: 0 -5px 0 #A26206 inset, 0 2px 1px #212121;
-moz-box-shadow: 0 -5px 0 #A26206 inset, 0 2px 1px #212121;
box-shadow: 0 -5px 0 #A26206 inset, 0 2px 1px #212121;
color: #006;
font-family: Georgia;
font-size: 18px;
font-weight: bold;
text-align: center;
width: 202px;
height: 53px;
}
.banner:hover {
cursor: pointer;
-webkit-box-shadow: 0 -5px 0 #A26206 inset, 0 2px 1px #212121, 0 0 8px #000;
-moz-box-shadow: 0 -5px 0 #A26206 inset, 0 2px 1px #212121, 0 0 8px #000;
box-shadow: 0 -5px 0 #A26206 inset, 0 2px 1px #212121, 0 0 8px #000;
}