gtsound (06 Март 2016 - 20:56) писал:
Спасибо большое. теперь нужно справа и слева от логотипа, расположить по 2 картинки. При нажатии на которые, пользователь переходит на соответствующие страницы.
Здравствуйте. В шаблоне
html найдите и замените блок кода:
<div class="logo">
<a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png?design=movement" alt="" title="" width="265" height="55" class="scale-with-grid"></a>
</div>
на:
<div class="img-one">
<a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png?design=movement" alt="" title="" width="265" height="55" class="scale-with-grid"></a>
</div>
<div class="logo-img">
<a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png?design=movement" alt="" title="" width="265" height="55" class="scale-with-grid"></a>
</div>
<div class="img-two">
<a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png?design=movement" alt="" title="" width="265" height="55" class="scale-with-grid"></a>
</div>
Замените изображения и ссылки на необходимые.
В шаблоне
style.css замените строки:
.logo {
margin: 0 auto;
text-align: center;
width: 270px;
float: none;
display: block;
padding: 0 20px;
background: none;
}
.logo img {vertical-align:middle;}
на:
.logo-img {
width:33%;
display: inline-block;
}
.logo-img img {padding-left: 20%;padding-right: 20px;}
Затем, в том же шаблоне, после строки:
@media only screen and (min-width: 768px) and (max-width: 959px) {
вставьте:
.logo-img img {padding:5px;}