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


Создать Боковой Слайдер Слева В Левой Колонке

слайдер

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

#21 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

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

Просмотр сообщенияCastiel (01 Апрель 2014 - 11:54) писал:

Первое фото слайдера отображается корректно без каких либо размытий. Возможно это происходит из-за низкого интернет соединения или из-за вашего браузера. Попробуйте почистить кеш браузера или воспользоваться другим браузером.
Вы просто присмотритесь, вот скриншот:
Размывание слайдера при загрузке.png

Размывает любое первое изображение.

К сожалению, тут изображение сильно сжимается и уже не так видна разница..

#22 Castiel

Castiel

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

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

Отправлено 01 Апрель 2014 - 12:47

Просмотр сообщенияAndrew S. (01 Апрель 2014 - 12:11) писал:

Вы просто присмотритесь, вот скриншот:
Прикрепленный файл Размывание слайдера при загрузке.png

Размывает любое первое изображение.

К сожалению, тут изображение сильно сжимается и уже не так видна разница..

К сожалению определить почему это происходит пока не удается.

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

#23 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

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

Просмотр сообщенияCastiel (01 Апрель 2014 - 12:47) писал:

К сожалению определить почему это происходит пока не удается.

Попробуйте заменить местами слайды, так же возможно данная проблема связана именно с этой картинкой (попробуйте установить другую).
Хорошо. Извините, что я такой щепетильный. Просто изначально делаю всё ровно, стараюсь, потом не приходится ничего выравнивать. И всё получается хорошо, как надо.

Помогите, пожалуйста, убрать 6 пикселей между баннером и словами "Вы смотрели". А то слишком большой отступ там. И вроде всё... Хорошо получается:
6 пикселей.png

#24 Castiel

Castiel

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

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

Отправлено 01 Апрель 2014 - 15:36

Просмотр сообщенияAndrew S. (01 Апрель 2014 - 14:04) писал:

Хорошо. Извините, что я такой щепетильный. Просто изначально делаю всё ровно, стараюсь, потом не приходится ничего выравнивать. И всё получается хорошо, как надо.

Помогите, пожалуйста, убрать 6 пикселей между баннером и словами "Вы смотрели". А то слишком большой отступ там. И вроде всё... Хорошо получается:
Прикрепленный файл 6 пикселей.png

Находим
<div class="theme-default" style="padding: 12px;margin-left: -13px;">

Заменяем на
<div class="theme-default" style="padding: 5px 12px 12px 5px;margin-left: -13px;">

padding: 5px 12px 5px 12px

Обозначения в каком порядке какой параметр идет.
padding-top: 5px;
padding-right: 12px;
padding-bottom: 5px;
padding-left: 12px;

Регулируйте данный параметры на свое усмотрение.

#25 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 01 Апрель 2014 - 15:57

Просмотр сообщенияCastiel (01 Апрель 2014 - 15:36) писал:

Находим
<div class="theme-default" style="padding: 12px;margin-left: -13px;">

Заменяем на
<div class="theme-default" style="padding: 5px 12px 12px 5px;margin-left: -13px;">

padding: 5px 12px 5px 12px

Обозначения в каком порядке какой параметр идет.
padding-top: 5px;
padding-right: 12px;
padding-bottom: 5px;
padding-left: 12px;

Регулируйте данный параметры на свое усмотрение.
Спасибо!

#26 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 01 Апрель 2014 - 17:49

Так. Ещё момент.. Забыл..

Подскажите как ссылки на слайды вставлять и подписи вот такие:
Подписи.png

Чтобы можно было произвольный текст написать..

#27 support 2.0

support 2.0

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

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

Отправлено 01 Апрель 2014 - 23:51

Просмотр сообщенияAndrew S. (01 Апрель 2014 - 17:49) писал:

Так. Ещё момент.. Забыл..

Подскажите как ссылки на слайды вставлять и подписи вот такие:
Прикрепленный файл Подписи.png

Чтобы можно было произвольный текст написать..
Найдите в шаблоне HTML блок
<img title="Добро пожаловать на сайт technoimp.com! Вы находитесь на главной странице..." src="{ASSETS_IMAGES_PATH}Slider 00 - Technoimp.png" alt="" />
<img title="С помощью современных систем видеонаблюдения Вы не упустите из вида ничего..." src="{ASSETS_IMAGES_PATH}Slider 03 - Videonablyudenie Acumen.png" alt="" />
<img title="Экологичные, безопасные, долговечные, качественные светодиодные лампы для дома, офиса..." src="{ASSETS_IMAGES_PATH}Slider 01 - Svetodionnye lampy Benco.png" alt="" />
<img title="Бюджетные системы видеонаблюдения: камеры, видеорегистраторы, видеосерверы, ПО..." src="{ASSETS_IMAGES_PATH}Slider 02 - Videonablyudenie Vidstar.png" alt="" />
<img title="Двести модификаций светодиодных ламп для встраиваемых светильников, игра света в интерьере..." src="{ASSETS_IMAGES_PATH}Slider 04 - Lampy dlya tochechnyh svetilnikov.png" alt="" />
замените на
<a href="#"><img title="Добро пожаловать на сайт technoimp.com! Вы находитесь на главной странице..." src="{ASSETS_IMAGES_PATH}Slider 00 - Technoimp.png" alt="" /></a>
<a href="#"><img title="С помощью современных систем видеонаблюдения Вы не упустите из вида ничего..." src="{ASSETS_IMAGES_PATH}Slider 03 - Videonablyudenie Acumen.png" alt="" /></a>
<a href="#"><img title="Экологичные, безопасные, долговечные, качественные светодиодные лампы для дома, офиса..." src="{ASSETS_IMAGES_PATH}Slider 01 - Svetodionnye lampy Benco.png" alt="" /></a>
<a href="#"><img title="Бюджетные системы видеонаблюдения: камеры, видеорегистраторы, видеосерверы, ПО..." src="{ASSETS_IMAGES_PATH}Slider 02 - Videonablyudenie Vidstar.png" alt="" /></a>
<a href="#"><img title="Двести модификаций светодиодных ламп для встраиваемых светильников, игра света в интерьере..." src="{ASSETS_IMAGES_PATH}Slider 04 - Lampy dlya tochechnyh svetilnikov.png" alt="" /></a>

вместо # вставьте ссылки на нужные страницы

#28 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 02 Апрель 2014 - 05:19

Просмотр сообщенияsupport 2.0 (01 Апрель 2014 - 23:51) писал:

Найдите в шаблоне HTML блок
<img title="Добро пожаловать на сайт technoimp.com! Вы находитесь на главной странице..." src="{ASSETS_IMAGES_PATH}Slider 00 - Technoimp.png" alt="" />
<img title="С помощью современных систем видеонаблюдения Вы не упустите из вида ничего..." src="{ASSETS_IMAGES_PATH}Slider 03 - Videonablyudenie Acumen.png" alt="" />
<img title="Экологичные, безопасные, долговечные, качественные светодиодные лампы для дома, офиса..." src="{ASSETS_IMAGES_PATH}Slider 01 - Svetodionnye lampy Benco.png" alt="" />
<img title="Бюджетные системы видеонаблюдения: камеры, видеорегистраторы, видеосерверы, ПО..." src="{ASSETS_IMAGES_PATH}Slider 02 - Videonablyudenie Vidstar.png" alt="" />
<img title="Двести модификаций светодиодных ламп для встраиваемых светильников, игра света в интерьере..." src="{ASSETS_IMAGES_PATH}Slider 04 - Lampy dlya tochechnyh svetilnikov.png" alt="" />
замените на
<a href="#"><img title="Добро пожаловать на сайт technoimp.com! Вы находитесь на главной странице..." src="{ASSETS_IMAGES_PATH}Slider 00 - Technoimp.png" alt="" /></a>
<a href="#"><img title="С помощью современных систем видеонаблюдения Вы не упустите из вида ничего..." src="{ASSETS_IMAGES_PATH}Slider 03 - Videonablyudenie Acumen.png" alt="" /></a>
<a href="#"><img title="Экологичные, безопасные, долговечные, качественные светодиодные лампы для дома, офиса..." src="{ASSETS_IMAGES_PATH}Slider 01 - Svetodionnye lampy Benco.png" alt="" /></a>
<a href="#"><img title="Бюджетные системы видеонаблюдения: камеры, видеорегистраторы, видеосерверы, ПО..." src="{ASSETS_IMAGES_PATH}Slider 02 - Videonablyudenie Vidstar.png" alt="" /></a>
<a href="#"><img title="Двести модификаций светодиодных ламп для встраиваемых светильников, игра света в интерьере..." src="{ASSETS_IMAGES_PATH}Slider 04 - Lampy dlya tochechnyh svetilnikov.png" alt="" /></a>

вместо # вставьте ссылки на нужные страницы
Это нужно было для маленького слайдера..

Вот для одного слайда сделал это:
Титл.png

Но title добавился внизу изображения.

Как его сделать по такому принципу? Скрин:
Подписи.png

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

Сообщение отредактировал Andrew S.: 02 Апрель 2014 - 08:22


#29 Castiel

Castiel

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

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

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

Просмотр сообщенияAndrew S. (02 Апрель 2014 - 05:19) писал:

Это нужно было для маленького слайдера..

Вот для одного слайда сделал это:
Прикрепленный файл Титл.png

Но title добавился внизу изображения.

Как его сделать по такому принципу? Скрин:
Прикрепленный файл Подписи.png

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

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

В шаблоне "HTML".
Находим:
<div id="slider2">
<a href="http://technoimp.com/page/videonablyudenie-montazh"><img src="{ASSETS_IMAGES_PATH}Small banner 1.png">
<a href="http://technoimp.com/catalog/ip-sistemy"><img src="{ASSETS_IMAGES_PATH}Small banner 2.png">
<a href="http://technoimp.com/page/pechat-na-flesh-nakopitelyah"><img src="{ASSETS_IMAGES_PATH}Small banner 3.png">
</div> 
Заменяем на:
<div id="slider2">
<a href="http://technoimp.com/page/videonablyudenie-montazh"><img src="{ASSETS_IMAGES_PATH}Small banner 1.png" title="TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT">
<a href="http://technoimp.com/catalog/ip-sistemy"><img src="{ASSETS_IMAGES_PATH}Small banner 2.png" title="TEXT TEXT TEXT TEXT TEXT">
<a href="http://technoimp.com/page/pechat-na-flesh-nakopitelyah"><img src="{ASSETS_IMAGES_PATH}Small banner 3.png" title="TEXT TEXT TEXT TEXT TEXT">
</div> 


#30 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

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

Просмотр сообщенияCastiel (02 Апрель 2014 - 11:55) писал:

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

В шаблоне "HTML".
Находим:
<div id="slider2">
<a href="http://technoimp.com/page/videonablyudenie-montazh"><img src="{ASSETS_IMAGES_PATH}Small banner 1.png">
<a href="http://technoimp.com/catalog/ip-sistemy"><img src="{ASSETS_IMAGES_PATH}Small banner 2.png">
<a href="http://technoimp.com/page/pechat-na-flesh-nakopitelyah"><img src="{ASSETS_IMAGES_PATH}Small banner 3.png">
</div>
Заменяем на:
<div id="slider2">
<a href="http://technoimp.com/page/videonablyudenie-montazh"><img src="{ASSETS_IMAGES_PATH}Small banner 1.png" title="TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT">
<a href="http://technoimp.com/catalog/ip-sistemy"><img src="{ASSETS_IMAGES_PATH}Small banner 2.png" title="TEXT TEXT TEXT TEXT TEXT">
<a href="http://technoimp.com/page/pechat-na-flesh-nakopitelyah"><img src="{ASSETS_IMAGES_PATH}Small banner 3.png" title="TEXT TEXT TEXT TEXT TEXT">
</div>
Не получается.. Слайдер размещает "title" вниз слайда..

#31 Castiel

Castiel

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

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

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

Просмотр сообщенияAndrew S. (02 Апрель 2014 - 14:20) писал:

Не получается.. Слайдер размещает "title" вниз слайда..

Уточните пожалуйста, где необходимо размешать информационный текст на слайдере?

#32 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

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

Просмотр сообщенияCastiel (02 Апрель 2014 - 14:28) писал:

Уточните пожалуйста, где необходимо размешать информационный текст на слайдере?
Да просто вот так вот:
Всплывающ.png

Чтобы человек понимал куда ведёт ссылка, что будет если он нажмёт на баннер.

#33 Castiel

Castiel

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

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

Отправлено 02 Апрель 2014 - 16:46

Просмотр сообщенияAndrew S. (02 Апрель 2014 - 15:42) писал:

Да просто вот так вот:
Прикрепленный файл Всплывающ.png

Чтобы человек понимал куда ведёт ссылка, что будет если он нажмёт на баннер.

В шаблоне "HTML".
Находим:
<div id="slider2">
<a href="http://technoimp.com/page/videonablyudenie-montazh"><img src="{ASSETS_IMAGES_PATH}Small banner 1.png">
<a href="http://technoimp.com/catalog/ip-sistemy"><img src="{ASSETS_IMAGES_PATH}Small banner 2.png">
<a href="http://technoimp.com/page/pechat-na-flesh-nakopitelyah"><img src="{ASSETS_IMAGES_PATH}Small banner 3.png">
</div>
Заменяем на:
<div id="slider2">
<a href="http://{NET_DOMAIN}/page/videonablyudenie-montazh" title="TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT"><img src="{ASSETS_IMAGES_PATH}Small banner 1.png">
<a href="http://{NET_DOMAIN}/catalog/ip-sistemy" title="TEXT TEXT TEXT TEXT TEXT"><img src="{ASSETS_IMAGES_PATH}Small banner 2.png">
<a href="http://{NET_DOMAIN}/page/pechat-na-flesh-nakopitelyah" title="TEXT TEXT TEXT TEXT TEXT"><img src="{ASSETS_IMAGES_PATH}Small banner 3.png">
</div>

Так же не рекомендуется использовать проблемы, русские символы в названиях ссылок на картинки.

Рекомендуем использовать переменную {NET_DOMAIN} вместо названия вашего домена technoimp.com так как при смене или использовании дополнительного домена у вас не будут работать ссылки.
Это
http://technoimp.com/
Заменить на это
http://{NET_DOMAIN}/


#34 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 02 Апрель 2014 - 17:10

Просмотр сообщенияCastiel (02 Апрель 2014 - 16:46) писал:

В шаблоне "HTML".
Находим:
<div id="slider2">
<a href="http://technoimp.com/page/videonablyudenie-montazh"><img src="{ASSETS_IMAGES_PATH}Small banner 1.png">
<a href="http://technoimp.com/catalog/ip-sistemy"><img src="{ASSETS_IMAGES_PATH}Small banner 2.png">
<a href="http://technoimp.com/page/pechat-na-flesh-nakopitelyah"><img src="{ASSETS_IMAGES_PATH}Small banner 3.png">
</div>
Заменяем на:
<div id="slider2">
<a href="http://{NET_DOMAIN}/page/videonablyudenie-montazh" title="TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT"><img src="{ASSETS_IMAGES_PATH}Small banner 1.png">
<a href="http://{NET_DOMAIN}/catalog/ip-sistemy" title="TEXT TEXT TEXT TEXT TEXT"><img src="{ASSETS_IMAGES_PATH}Small banner 2.png">
<a href="http://{NET_DOMAIN}/page/pechat-na-flesh-nakopitelyah" title="TEXT TEXT TEXT TEXT TEXT"><img src="{ASSETS_IMAGES_PATH}Small banner 3.png">
</div>

Так же не рекомендуется использовать проблемы, русские символы в названиях ссылок на картинки.

Рекомендуем использовать переменную {NET_DOMAIN} вместо названия вашего домена technoimp.com так как при смене или использовании дополнительного домена у вас не будут работать ссылки.
Это
http://technoimp.com/
Заменить на это
http://{NET_DOMAIN}/
Учту, спасибо!





Темы с аналогичным тегами слайдер

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

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