Перейти к содержимому


Куча Вопросов.


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 190

#21 Castiel

Castiel

    Активный участник

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 31 Декабрь 2013 - 12:40

Просмотр сообщенияAiron (31 Декабрь 2013 - 12:31) писал:

Отлично =) Спасибо)
А как его сдвинуть ближе к левой стенке?

Сдвинуть можно, но на маленьких экранах это будет смотреться плохо.
Чтобы все хорошо смотрелось на разных экранах, вам необходимо перерисовать шапку, сделать ее размеры 960px ширина 300px высота (но желательно высоту уменьшить до 200px).
Тогда все у вас встанет по местам.

Если вы все же хотите отсавить такую шапку, то
Находим
#top-menu {
height: 40px;
float: left;
margin-top: 60px;
overflow: hidden;
}

Заменяем на
#top-menu {
height: 40px;
float: left;
margin-top: 60px;
margin-left: -130px;
overflow: hidden;
}


#22 Airon

Airon

    Пользователь

  • Пользователи
  • PipPip
  • 42 сообщений

Отправлено 31 Декабрь 2013 - 13:58

Сделал как Вы посоветовали..Все в кашу =(
Шапку надо что бы она была от стены до стены..

#23 Airon

Airon

    Пользователь

  • Пользователи
  • PipPip
  • 42 сообщений

Отправлено 31 Декабрь 2013 - 15:49

http://intopok.storeland.ru/

Вот что пока есть..
Весь текст уехал.
Как исправить ?))

Проблема с кнопкой поиска.. она в верху где то =(
И как поменять на нее иконку?

#24 Castiel

Castiel

    Активный участник

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 31 Декабрь 2013 - 22:04

Просмотр сообщенияAiron (31 Декабрь 2013 - 15:49) писал:

http://intopok.storeland.ru/

Вот что пока есть..
Весь текст уехал.
Как исправить ?))

Проблема с кнопкой поиска.. она в верху где то =(
И как поменять на нее иконку?

Исправление для текста
Найти
.container {
position: relative;
width: 960px;
height: 300px;
margin: 0px auto;
}

Заменить на
.container {
position: relative;
width: 960px;
height: 180px;
margin: 0px auto;
}

Выравнивание меню под шапку
Находим
.pad-box {
display: inline;
float: left;
margin-left: 10px;
margin-right: 10px;
}

Заменяем на
.pad-box {
display: inline;
float: left;
margin-left: 10px;
margin-right: 10px;
margin-top: -5px;
}

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

#25 Airon

Airon

    Пользователь

  • Пользователи
  • PipPip
  • 42 сообщений

Отправлено 01 Январь 2014 - 18:41

Спасибо. Значок подождет тогда =)
Теперь надо подвал привести в порядок.Как бы это сделать?)
1.Заменить его на мой фон
2. сделать его снизу, а не в середине сайта =)

#26 Alexey11

Alexey11

    Активный участник

  • Модератоpы
  • 1 057 сообщений
  • ГородНижний новгород

Отправлено 02 Январь 2014 - 12:11

Просмотр сообщенияAiron (01 Январь 2014 - 18:41) писал:

Спасибо. Значок подождет тогда =)
Теперь надо подвал привести в порядок.Как бы это сделать?)
1.Заменить его на мой фон
2. сделать его снизу, а не в середине сайта =)


1.Удалите из бэкофиса картинку с именем footer_bg.jpg и загрузите свою картинку, переименовав ее предварительно на footer_bg.jpg  

2. Футер у вас находится внизу.

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

  • ftr.png


#27 Airon

Airon

    Пользователь

  • Пользователи
  • PipPip
  • 42 сообщений

Отправлено 02 Январь 2014 - 14:23

Просмотр сообщенияAlexey11 (02 Январь 2014 - 12:11) писал:

1.Удалите из бэкофиса картинку с именем footer_bg.jpg и загрузите свою картинку, переименовав ее предварительно на footer_bg.jpg  

2. Футер у вас находится внизу.
Спасибо.
Но этот сайт я не трогаю)
Вот новый сайт http://intopok.storeland.ru/ и там все уехало(

#28 Alexey11

Alexey11

    Активный участник

  • Модератоpы
  • 1 057 сообщений
  • ГородНижний новгород

Отправлено 02 Январь 2014 - 15:27

в main.css найдите
#footer {
  background: url(http://intopok.storeland.net/footer_bg.jpg) no-repeat center top;
  padding: 10px;
  width: 940px;
  height: 60px;
}
замените на
#footer {
  background: url(http://intopok.storeland.net/footer_bg.jpg) no-repeat center top;
  padding: 10px;
  margin: 480px auto 10px auto;
  width: 940px;
  height: 60px;
}


#29 Airon

Airon

    Пользователь

  • Пользователи
  • PipPip
  • 42 сообщений

Отправлено 04 Январь 2014 - 01:43

Просмотр сообщенияAlexey11 (02 Январь 2014 - 15:27) писал:

в main.css найдите
#footer {
background: url(http://intopok.storeland.net/footer_bg.jpg) no-repeat center top;
padding: 10px;
width: 940px;
height: 60px;
}
замените на
#footer {
background: url(http://intopok.storeland.net/footer_bg.jpg) no-repeat center top;
padding: 10px;
margin: 480px auto 10px auto;
width: 940px;
height: 60px;
}
Спасибо.=)
Еще вопрос .. как поместить слайдер в левый верхний угол?
Там под него место уже сделал.

#30 Castiel

Castiel

    Активный участник

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 04 Январь 2014 - 02:01

Просмотр сообщенияAiron (04 Январь 2014 - 01:43) писал:

Спасибо.=)
Еще вопрос .. как поместить слайдер в левый верхний угол?
Там под него место уже сделал.

Здравствуйте, покажите на скриншоте куда именно вы хотите установить слайдер.

#31 Airon

Airon

    Пользователь

  • Пользователи
  • PipPip
  • 42 сообщений

Отправлено 04 Январь 2014 - 03:08

Отметил

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

  • шапка.png


#32 Airon

Airon

    Пользователь

  • Пользователи
  • PipPip
  • 42 сообщений

Отправлено 04 Январь 2014 - 04:37

Еще 1 проблема...
Текст весь в кашу...когда нажимаешь на товар

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

  • каша.png


#33 @lina_va

@lina_va

    Активный участник

  • Модератоpы
  • 498 сообщений

Отправлено 04 Январь 2014 - 11:38

Просмотр сообщенияAiron (04 Январь 2014 - 03:08) писал:

Отметил
Добрый день.
Инструкция по установке слайдера здесь
Чтобы поставить слайдер в левый верхний угол,на 11 шаге код:
<!-- Nyvo слайдер который отображается на главной -->
{% IF index_page %}
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding: 1em; display: none;">
<!-- Непосредственный код слайдера -->
<div id="slider" style= "width: 200px; height: 80px;">
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/slider.jpg" alt="" />
<a href="/"><img src="/img/faq/questions/nyvo_slider/nemo.jpg" alt="" /></a>
<img title="Пример картинки с заголовком" src="http://storeland.ru/img/faq/questions/nyvo_slider/toystory.jpg" alt="" />
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/walle.jpg" alt="" />
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/cars.jpg" alt="" />
</div>
</div>
<!-- Запуск слайдера -->
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider().parent().show(); });
</script>
{% ENDIF %}


нужно вставить после:
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}nyvo.css" type="text/css" media="screen" />
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.nivo.slider.pack.js"></script>
</head>
<body style="background:url('http://intopok.storeland.net/fon%20cauta.jpg?8384') repeat center center;">
<div class="b_page" id="wrapper">
<div class="container" id="header">

	 <div class="pad-box cont620" id="logo"><a href="http://{NET_DOMAIN}/"><span>На главную</span></a></div>
Строчку:
	 <div class="pad-box cont620" id="logo"><a href="http://{NET_DOMAIN}/"><span>На главную</span></a></div>
удалите, тогда слайдер встанет на нужное место.
Размер слайдера я задала в этой строке:
<div id="slider" style= "width: 200px; height: 80px;">
поэтому код лучше скопировать отсюда. Вы также можете изменить размер в этой строчке

#34 @lina_va

@lina_va

    Активный участник

  • Модератоpы
  • 498 сообщений

Отправлено 04 Январь 2014 - 11:43

Просмотр сообщенияAiron (04 Январь 2014 - 04:37) писал:

Еще 1 проблема...
Текст весь в кашу...когда нажимаешь на товар
Укажите пожалуйста на скрине где должно находиться меню, если Вы об этом. Если нет, то уточните вопрос

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

  • Безымянный.png


#35 Airon

Airon

    Пользователь

  • Пользователи
  • PipPip
  • 42 сообщений

Отправлено 04 Январь 2014 - 15:42

Просмотр сообщения@lina_va (04 Январь 2014 - 11:43) писал:

Укажите пожалуйста на скрине где должно находиться меню, если Вы об этом. Если нет, то уточните вопрос
Спасибо=)
Это подвал сайта.
При выборе товара он уезжает в середину.
А его надо снизу сделать

#36 Castiel

Castiel

    Активный участник

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 04 Январь 2014 - 16:00

Просмотр сообщенияAiron (04 Январь 2014 - 15:42) писал:

Спасибо=)
Это подвал сайта.
При выборе товара он уезжает в середину.
А его надо снизу сделать

Редактируем main.css
Находим
.container {
position: relative;
width: 960px;
height: 150px;
margin: 0px auto;
}

Заменяем на
.container {
position: relative;
width: 960px;
margin: 0px auto;
}

Находим
#footer {
background: url(http://intopok.storeland.net/footer_bg.jpg) no-repeat center top;
padding: 10px;
margin: 480px auto 10px auto;
width: 940px;
height: 60px;
}

Заменяем на
#footer {
background: url(http://intopok.storeland.net/footer_bg.jpg) no-repeat center top;
padding: 10px;
margin: 10px auto 10px auto;
width: 940px;
height: 60px;
}


#37 Airon

Airon

    Пользователь

  • Пользователи
  • PipPip
  • 42 сообщений

Отправлено 04 Январь 2014 - 16:12

Как бы все получилось =)
Но смотрите сами...
http://intopok.storeland.ru/
Снова подвал уехал в середину

Просмотр сообщенияCastiel (04 Январь 2014 - 16:00) писал:

Редактируем main.css
Находим
.container {
position: relative;
width: 960px;
height: 150px;
margin: 0px auto;
}

Заменяем на
.container {
position: relative;
width: 960px;
margin: 0px auto;
}

Находим
#footer {
background: url(http://intopok.storeland.net/footer_bg.jpg) no-repeat center top;
padding: 10px;
margin: 480px auto 10px auto;
width: 940px;
height: 60px;
}

Заменяем на
#footer {
background: url(http://intopok.storeland.net/footer_bg.jpg) no-repeat center top;
padding: 10px;
margin: 10px auto 10px auto;
width: 940px;
height: 60px;
}
Спасибо)
На сайте вообще бардак =) Но подвал на месте)

#38 Castiel

Castiel

    Активный участник

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 04 Январь 2014 - 16:29

Просмотр сообщенияAiron (04 Январь 2014 - 16:12) писал:

Как бы все получилось =)
Но смотрите сами...
http://intopok.storeland.ru/
Снова подвал уехал в середину


Спасибо)
На сайте вообще бардак =) Но подвал на месте)

Находим
#top-menu {
height: 28px;
overflow: hidden;
}

Заменяем на
#top-menu {
margin-top: 70px;
height: 28px;
overflow: hidden;
}

Находим
#search .search_box {
background: none;
border: none;
color: #a4fe9a;
font: 11px Verdana, Geneva, sans-serif;
width: 125px;
padding: 0px;
padding-left: 14px;
padding-top: 125px;
}

Заменяем на
#search .search_box {
background: none;
border: none;
color: #a4fe9a;
font: 11px Verdana, Geneva, sans-serif;
width: 125px;
padding: 0px;
float: right;
padding-left: 14px;
padding-top: 110px;
}


Редактируем nyvo.css
Находим 144 строку
.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({ASSETS_IMAGES_PATH}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:absolute;
background:#fff url({ASSETS_IMAGES_PATH}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;
}


#39 Airon

Airon

    Пользователь

  • Пользователи
  • PipPip
  • 42 сообщений

Отправлено 04 Январь 2014 - 19:27

Спасибо =)
Теперь почти все как надо)
Надо теперь слайдер сделать на всех страничках что бы был.
Иначе просто категории прыгают(

А и по размерам.. что то он не подгоняется по рамке...
Хотелось бы сделать что бы в том углу где его надо сделать.. не было видно фона

#40 Castiel

Castiel

    Активный участник

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 04 Январь 2014 - 19:53

Просмотр сообщенияAiron (04 Январь 2014 - 19:27) писал:

Спасибо =)
Теперь почти все как надо)
Надо теперь слайдер сделать на всех страничках что бы был.
Иначе просто категории прыгают(

А и по размерам.. что то он не подгоняется по рамке...
Хотелось бы сделать что бы в том углу где его надо сделать.. не было видно фона

Редактируем шаблон HTML
Находим
<div class="theme-default" style="padding: 1em; display: none;">
<!-- Непосредственный код слайдера -->
<div id="slider" style= "width: 250px; height: 100px;">

Заменяем на
<div class="theme-default" style="display: none;">
<!-- Непосредственный код слайдера -->
<div id="slider" style= "width: 260px; height: 120px;">

Редактируем nyvo.css
Находим
.theme-default .nivoSlider img {
position:absolute;
top:0px;
left:0px;
display:none;
}

Заменяем на
.theme-default .nivoSlider img {
position:absolute;
top:0px;
left:0px;
height:120px;
display:none;
}


Для отображения слайдера на всех страницах редактируем HTML

Находим и удаляем 78 строку
{% IF index_page %}
Находим и удаляем 111 строку
{% ENDIF %}





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных