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


Банер В Шаблоне Вечность


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

#1 КОЛЯНЫЧ

КОЛЯНЫЧ

    Продвинутый пользователь

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

Отправлено 29 Апрель 2013 - 19:38

Доброго дня! Перерыл весь форум, решения моей проблемы не нашел.
Решил на сайте вставить Nivo Slider. Всё делаю согласно ваших инструкций, на теме "Вечность" не корректно работает - Просто листает слайды, либо плавное переключение. Пробовал на теме Марокко - там всё ОК.
Пробовал устанавливать ширину в принудиловку, согласно размеру изображения, результата ноль.
И вопрос два.
В шапке сайта нужно вставить изображение - возможно статическое, но лучше подобный слайдер.
Слева идет логотип, далее телефоны и т.д.. нужно Лого оставить и вставить этот баннер вплоть до поиска (Скрин прилагаю).
Заранее благодарен.

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

  • 01.jpg


#2 Koderhan

Koderhan

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

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

Отправлено 29 Апрель 2013 - 20:01

Просмотр сообщенияКОЛЯНЫЧ (29 Апрель 2013 - 19:38) писал:

Доброго дня! Перерыл весь форум, решения моей проблемы не нашел.
Решил на сайте вставить Nivo Slider. Всё делаю согласно ваших инструкций, на теме "Вечность" не корректно работает - Просто листает слайды, либо плавное переключение. Пробовал на теме Марокко - там всё ОК.
Пробовал устанавливать ширину в принудиловку, согласно размеру изображения, результата ноль.
И вопрос два.
В шапке сайта нужно вставить изображение - возможно статическое, но лучше подобный слайдер.
Слева идет логотип, далее телефоны и т.д.. нужно Лого оставить и вставить этот баннер вплоть до поиска (Скрин прилагаю).
Заранее благодарен.
Подробное описание про слайдер. http://storeland.ru/about/faq#51

В файле "HTML".
После кода:
<header role="banner">
Добавить:
<div class="baner">
Тут слайдер
</div>


#3 КОЛЯНЫЧ

КОЛЯНЫЧ

    Продвинутый пользователь

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

Отправлено 30 Апрель 2013 - 06:37

Баннер шапку установил, частично получилось. Убрал снизу слайдера кнопки, но остались проблемы.

1. Отступ снизу слайдера.
2. Сам слайдер ложится за логотип. Я нашел как его расширить, как его сдвинуть влево, но область слайдера всё равно начинается за логотипом. Размер слайдера я установил 500*112
3. Не нашел как убрать рамку вокруг слайдера.
4. Это некорректное отображение самого слайдера в этой теме. Применяю другую тему на сайт, делаю слайдер - всё красиво.
Прилагаю скрин действительности и то, что хочется сделать.
Заранее благодарен.
\

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

  • 06.png
  • 05.png


#4 Сake

Сake

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

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

Отправлено 30 Апрель 2013 - 06:47

Найдите в вашем файле стилей nyvo.css

.theme-default .nivoSlider {
	background: url("http://inter-market24.storeland.net/nyvo_loading.gif") no-repeat scroll 50% 50% #FFFFFF;
	box-shadow: 0 1px 5px 0 #4A4A4A;
	margin-bottom: 50px;
	position: relative;
}

и замените на

.theme-default .nivoSlider {
	background: url("http://inter-market24.storeland.net/nyvo_loading.gif") no-repeat scroll 50% 50% #FFFFFF;
	position: relative;
	margin-left: 195px;
}


#5 КОЛЯНЫЧ

КОЛЯНЫЧ

    Продвинутый пользователь

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

Отправлено 30 Апрель 2013 - 06:54

Установил еще position: absolute - Всё стало идиально!
Вопросы 1-3 сняты.
Проблема 4 актуальна.

#6 miyako

miyako

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

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

Отправлено 30 Апрель 2013 - 08:08

Просмотр сообщенияКОЛЯНЫЧ (30 Апрель 2013 - 06:54) писал:

Установил еще position: absolute - Всё стало идиально!
Вопросы 1-3 сняты.
Проблема 4 актуальна.

Укажите пожалуйста ваш номер аккаунта или адрес вашего сайта

#7 КОЛЯНЫЧ

КОЛЯНЫЧ

    Продвинутый пользователь

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

Отправлено 30 Апрель 2013 - 11:18

Аккаунт SL-201534
http://inter-market24.storeland.ru/

#8 miyako

miyako

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

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

Отправлено 30 Апрель 2013 - 12:19

Просмотр сообщенияКОЛЯНЫЧ (30 Апрель 2013 - 11:18) писал:

Аккаунт SL-201534
http://inter-market24.storeland.ru/

У вас баннер работает. Что именно вам нужно изменить на слайдере?

#9 КОЛЯНЫЧ

КОЛЯНЫЧ

    Продвинутый пользователь

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

Отправлено 30 Апрель 2013 - 12:37

Да, слайды меняются, но анимация не работает. Там должны быть разные эффекты. Работает только плавное переключение.
Сравни: http://dev7studios.com/nivo-slider/ и на http://inter-market24.storeland.ru/. Я выбирал для сайта тему Морокко и вставлял этот слайдер - там анимация корректная. Здесь же просто рывками. При том слева сверху сперва появляется миниатюра, после меняется слайд.
Пробовал запускать сайт на разных браузерах и на разных ПК.

#10 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 30 Апрель 2013 - 14:42

Просмотр сообщенияКОЛЯНЫЧ (30 Апрель 2013 - 12:37) писал:

Да, слайды меняются, но анимация не работает. Там должны быть разные эффекты. Работает только плавное переключение.
Сравни: http://dev7studios.com/nivo-slider/ и на http://inter-market24.storeland.ru/. Я выбирал для сайта тему Морокко и вставлял этот слайдер - там анимация корректная. Здесь же просто рывками. При том слева сверху сперва появляется миниатюра, после меняется слайд.
Пробовал запускать сайт на разных браузерах и на разных ПК.

попробуйте воспользоваться этой темой и этой

#11 КОЛЯНЫЧ

КОЛЯНЫЧ

    Продвинутый пользователь

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

Отправлено 30 Апрель 2013 - 16:47

Просмотрел я обе темы, проблемы схожи. Попробовал все - эффекта ноль. Кстати хоть нашел как интервал ставить)) Вторая тема, кстати тоже не решена.
Так же работает только три эффекта. И проблема не в браузере! Я беру любую тему, всё настраиваю - работает. Блин, в этой ну ни как.

#12 Сake

Сake

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

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

Отправлено 01 Май 2013 - 03:20

Попробуйте добавить в ваш файл стилей style.css

.theme-default img {
max-width: inherit;
}

а также замените

<script type="text/javascript">
$(window).load(function() {
	 $('#slider').nivoSlider({effect: 'fade', pauseTime:7000, pauseOnHover:false}).parent().show();
});
</script>

на

<script type="text/javascript">
$(window).load(function() {
	 $('#slider').nivoSlider({pauseTime:7000, pauseOnHover:false}).parent().show();
});
</script>

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

#13 КОЛЯНЫЧ

КОЛЯНЫЧ

    Продвинутый пользователь

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

Отправлено 01 Май 2013 - 06:00

Отлично! Всё работает! Спасибо!

#14 саша123456

саша123456

    Новичок

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

Отправлено 21 Октябрь 2013 - 21:24

Добрый день, нужно немного опустить баннер, подскажите как. Заранее благодарен.


http://watershad.ru

#15 Сake

Сake

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

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

Отправлено 22 Октябрь 2013 - 01:07

Найдите в шаблоне "HTML" строку

<div style="margin-left: 29%;">

и замените её на

<div style="margin-left: 29%; margin-top: 10px;">





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

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