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


Точки Под Слайдером


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

#1 Dr.Nemo

Dr.Nemo

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

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

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

Добрый вечер,

нужно вставить под слайдером точки.


Картинка в приложении

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

  • точки.png


#2 Stasya

Stasya

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

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

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

В файле nyvo.css найдите блок
.theme-default .nivo-controlNav {
text-align: center;
padding: 20px 0;
display: none;
}
и замените его на
.theme-default .nivo-controlNav {
text-align: center;
padding: 20px 0;
}


#3 Dr.Nemo

Dr.Nemo

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

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

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

Спасибо, сами точки хотелось бы расположить к слайдеру. (см. изображение).

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

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

  • точки.jpg


#4 miyako

miyako

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

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

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

Просмотр сообщенияDr.Nemo (30 Апрель 2013 - 10:37) писал:

Спасибо, сами точки хотелось бы расположить к слайдеру. (см. изображение).

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

Для изменения цвета кнопок для слайдера вам нужно изменить изображение nyvo_bullets.png в Сайт-Редактор тем-Файлы.
То есть удалите его из админке. Назовите ваше также и в таком же формате и загрузите в админку.

Передвинуть можно так:
Найдите в nyvo.css код:
.theme-default .nivoSlider {
position: relative;
background: white url(http://design.malyshland.ru/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: white url(http://design.malyshland.ru/nyvo_loading.gif) no-repeat 50% 50%;
margin-bottom: 0px;
-webkit-box-shadow: 0px 1px 5px 0px #4A4A4A;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4A4A4A;
}


#5 Dr.Nemo

Dr.Nemo

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

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

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

Спасибо всё получилось!

#6 Kamenstyle

Kamenstyle

    Новичок

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

Отправлено 11 Май 2013 - 23:28

Простите, но где вы находите nyvo.css и другие файлы (js и css)?
Никак не могу разобраться что это и где искать. Простите, если вопрос тривиален.

#7 miyako

miyako

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

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

Отправлено 12 Май 2013 - 08:35

Просмотр сообщенияKamenstyle (11 Май 2013 - 23:28) писал:

Простите, но где вы находите nyvo.css и другие файлы (js и css)?
Никак не могу разобраться что это и где искать. Простите, если вопрос тривиален.

Из инструкции по установке слайдера - http://storeland.ru/about/faq#51

#8 Dr.Nemo

Dr.Nemo

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

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

Отправлено 24 Март 2014 - 17:54

Здравствуйте.

Привязал себе второй экаунт, http://b20196.storeland.ru .

Теперь нужна Ваша помощь. Выбрал тему - Весна.

Вопрос, мне нужно на слайдере , в первом окне разместить свой банер. (см. приложение).


Как этого можно достичь!

Спасибо.

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

  • flash 1.png


#9 Сake

Сake

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

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

Отправлено 25 Март 2014 - 00:57

Для этого вам необходимо просто изменить изображение первого слайда. В шаблоне "HTML" код первого слайда выглядит так

<li>
	<div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide1.png) no-repeat;"></div>
	<img src="{ASSETS_IMAGES_PATH}slide1.png" alt="Slide 1" class="slide_img">
</li>

вам необходимо изменить имя (slide1.png) изображения (указав ваше предварительно загрузив его в разделе редактора шаблонов) и указать размеры изображения (width: 1920px; height: 550px;).




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

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