Сообщений в теме: 8

[DpyG]

Здравствуйте)
Подскажите, что и как изменить, чтобы логотип был расположен везде соответственно надписи на нужном расстоянии, при разном разрешении экрана. На первом скрине норма. На втором скрине - так выглядит с планша, на третьем - так на больших экранах.

[@lina_va]

DpyG (05 Февраль 2014 - 09:48) писал:

Здравствуйте)
Подскажите, что и как изменить, чтобы логотип был расположен везде соответственно надписи на нужном расстоянии, при разном разрешении экрана. На первом скрине норма. На втором скрине - так выглядит с планша, на третьем - так на больших экранах.

1.jpg
2.jpg
3.jpg

Добрый день
К сожалению, шаблон мокко не адаптивный. Поэтому на разных экранах Вы не сможете отрегулировать местоположение вашего логотипа.
Логотип будет правильно отображаться на разных экранах, если Вы уменьшите его до размеров сайта.
Редактируем main.css заменяем:

#header {
position: relative;
width: 960px;
height: 350px;
margin: 0 auto;
}

на

#header {
background: url(http://cofetea.storeland.net/header_bg.jpg) no-repeat;
position: relative;
width: 960px;
height: 350px;
margin: 0 auto;
}

#headerWrap {
width: 800px;
height: 350px;
background: url(http://cofetea.storeland.net/header_bg.jpg) no-repeat;
}

на

#headerWrap {
width: 800px;
height: 350px;
background: url(http://cofetea.storeland.net/header_bg.jpg) no-repeat;
}

и

#header #logo {
position: absolute;
top: 18px;
left: -100px;
height: 210px;
width: 286px;
background: url(http://cofetea.storeland.net/logo.png) no-repeat;
}

на

#header #logo {
position: absolute;
top: 18px;
height: 210px;
width: 286px;
background: url(http://cofetea.storeland.net/logo.png) no-repeat;
}

Теперь все должно отображаться корректно

[DpyG]

Спасибо, но

шапка 1920 шириной, что изменить, чтобы она не обрезалась в 960?

[@lina_va]

DpyG (05 Февраль 2014 - 10:23) писал:

Спасибо, но 5.jpg

шапка 1920 шириной, что изменить, чтобы она не обрезалась в 960?

Если шапка останется размером в весь экран, в экранах меньше логотип будет обрезаться. Я написала об этом выше

@lina_va (05 Февраль 2014 - 10:10) писал:

Добрый день
К сожалению, шаблон мокко не адаптивный. Поэтому на разных экранах Вы не сможете отрегулировать местоположение вашего логотипа.
Логотип будет правильно отображаться на разных экранах, если Вы уменьшите его до размеров сайта.

[DpyG]

Как шапку выровнять по центру вместе с контентом? И корзинку переместить в левую часть под каталог?

И со слайдером. В чём я допустил ошибку?

<!-- Непосредственный код слайдера -->
<div id="slider">
<img src="http://st.storeland.net/2/974/492/1.jpg" alt="" />
<img src="http://st.storeland.net/2/974/492/2.jpg" alt="" />
<img src="http://st.storeland.net/2/974/492/3.jpg" alt="" />
<img src="http://st.storeland.net/2/974/492/4.jpg" alt="" />
<img src="http://st.storeland.net/2/974/492/5.jpg" alt="" />
</div> 

5 картинок для теста, но показывается одна и та же. Первая.

Прикрепленные изображения

• 

[DpyG]

Со слайдером извиняюсь)))) этот вопрос отпал. Появился другой .

Как убрать кнопки для ручного перелистывания, и сократить это пространство?

[Castiel]

DpyG (05 Февраль 2014 - 11:26) писал:

Как шапку выровнять по центру вместе с контентом? И корзинку переместить в левую часть под каталог?

И со слайдером. В чём я допустил ошибку?

<!-- Непосредственный код слайдера -->
<div id="slider">
<img src="http://st.storeland.net/2/974/492/1.jpg" alt="" />
<img src="http://st.storeland.net/2/974/492/2.jpg" alt="" />
<img src="http://st.storeland.net/2/974/492/3.jpg" alt="" />
<img src="http://st.storeland.net/2/974/492/4.jpg" alt="" />
<img src="http://st.storeland.net/2/974/492/5.jpg" alt="" />
</div> 

5 картинок для теста, но показывается одна и та же. Первая.

Здравствуйте, чтобы выронить шапку по центру, находим

#headerWrap {
width: 800px;
height: 350px;
background: url(http://cofetea.storeland.net/header_bg.jpg) no-repeat;
}

Заменяем на

#headerWrap {
height: 350px;
background: url(http://cofetea.storeland.net/header_bg.jpg) no-repeat;
background-size: 100% 100%
}

[Castiel]

DpyG (05 Февраль 2014 - 13:09) писал:

Со слайдером извиняюсь)))) этот вопрос отпал. Появился другой . 5.jpg

Как убрать кнопки для ручного перелистывания, и сократить это пространство?

Редактируем nyvo.css
Находим

.theme-default .nivo-controlNav {
text-align: center;
padding: 20px 0;
}

Заменяем на

.theme-default .nivo-controlNav {
text-align: center;
padding: 20px 0;
display: none;
}

Находим

.theme-default .nivoSlider {
position: relative;
background: #fff url(http://cofetea.storeland.net/nyvo_loading.gif) no-repeat 50% 50%;
margin-bottom: 50px;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
}

Заменяем на

.theme-default .nivoSlider {
position: relative;
background: #fff url(http://cofetea.storeland.net/nyvo_loading.gif) no-repeat 50% 50%;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
}

[DpyG]

Огромная благодарность!
Пока что всё )))