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


Вопрос О Слайдерах


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

#21 Z_Mc

Z_Mc

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

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

Отправлено 22 Февраль 2014 - 22:39

Просмотр сообщенияsupport 2.0 (22 Февраль 2014 - 21:49) писал:

1. в main.css в конце файла добавьте
.ui-tabs .ui-tabs-nav { background: none;border-bottom: none; }

2. не совсем поняла. Вам при наведении, нажатии или уже после открытия вкладки нужен эффект?

1) а если в UL просто добавить стиль (строка 508, где идёт самое начало определения вкладок)
<ul style="background: #fff;border: 0px;">
неправильно будет?


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

#22 Z_Mc

Z_Mc

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

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

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

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

+ что писал выше

Цитата

неактивный с тенью, а при наведении или нажатии без тени


#23 @lina_va

@lina_va

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

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

Отправлено 23 Февраль 2014 - 11:03

Просмотр сообщенияZ_Mc (22 Февраль 2014 - 23:02) писал:

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

+ что писал выше

Просмотр сообщенияZ_Mc (22 Февраль 2014 - 23:02) писал:


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

+ что писал выше
Чтобы поменять цвет активной вкладки в main.css добавьте:
#tabs > ul > li.ui-state-default.ui-corner-top.ui-tabs-selected.ui-state-active {
background: blue;
}
замените blue на нужный цвет

#24 Z_Mc

Z_Mc

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

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

Отправлено 23 Февраль 2014 - 11:25

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


Чтобы поменять цвет активной вкладки в main.css добавьте:
#tabs > ul > li.ui-state-default.ui-corner-top.ui-tabs-selected.ui-state-active {
background: blue;
}
замените blue на нужный цвет
а дальше? :) при наведении мышью же цвет меняется на более тёмный
если получить доступ к этому событию, тогда и с тенью можно попробовать, убрав её

может так?
#tabs > ul > li.ui-state-default.ui-corner-top.ui-tabs-selected.ui-state-hover

ура! сделал "нажатие" активной вкладки-меню :)
осталось сделать по событию "hover" (наведение мышью)

#25 Z_Mc

Z_Mc

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

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

Отправлено 23 Февраль 2014 - 12:38

сделал требуемое через
{event: "mouseover"}
но это не совсем то, что требовалось :(

нужно чтобы такой эффект по меню-вкладкам был при наведении мыши, а переключение вкладок происходило по-старому = по клику мышью

#26 Z_Mc

Z_Mc

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

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

Отправлено 23 Февраль 2014 - 12:45

и ещё вопрос
можно ли с помощью таких вкладок на странице "товар" собрать 3 группы: "сопутка", "с этим товаром смотрят" и "отзывы"?

#27 Vaccina

Vaccina

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

  • Модераторы
  • 24 218 сообщений

Отправлено 25 Февраль 2014 - 03:56

Просмотр сообщенияZ_Mc (23 Февраль 2014 - 12:38) писал:

сделал требуемое через
{event: "mouseover"}
но это не совсем то, что требовалось :(

нужно чтобы такой эффект по меню-вкладкам был при наведении мыши, а переключение вкладок происходило по-старому = по клику мышью
в этом случае откатите изменение назад, чтобы переключение опять происходило при клике, далее в main.css добавьте:
#tabs > ul > li:hover{
	background: none repeat scroll 0 0 #FFFFEE;
	box-shadow: 1px 1px 2px #999999;
	font-weight: bold;
}


Просмотр сообщенияZ_Mc (23 Февраль 2014 - 12:45) писал:

и ещё вопрос
можно ли с помощью таких вкладок на странице "товар" собрать 3 группы: "сопутка", "с этим товаром смотрят" и "отзывы"?
да, это реализуемо, инструкция по подобному вопросу: http://forum.storela...-вкладок-табов/

#28 Z_Mc

Z_Mc

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

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

Отправлено 25 Февраль 2014 - 11:26

Просмотр сообщенияVaccina (25 Февраль 2014 - 03:56) писал:

да, это реализуемо, инструкция по подобному вопросу: http://forum.storela...-вкладок-табов/

спасибо!
реализовал! оказалось всё очень просто :)
помогите исправить баг в этой связи, небольшой...

у товаров, где есть отзыв, скачет правый бок-граница (только в гугло-хроме, в IE всё ок)
вот наглядный пример

http://akku13.ru/goo...on-AA?from=NjY2
при переключении на вкладку "Отзывы о..." правый  бок едет на 0,8см

#29 @lina_va

@lina_va

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

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

Отправлено 25 Февраль 2014 - 14:59

Просмотр сообщенияZ_Mc (25 Февраль 2014 - 11:26) писал:

спасибо!
реализовал! оказалось всё очень просто :)
помогите исправить баг в этой связи, небольшой...

у товаров, где есть отзыв, скачет правый бок-граница (только в гугло-хроме, в IE всё ок)
вот наглядный пример

http://akku13.ru/goo...on-AA?from=NjY2
при переключении на вкладку "Отзывы о..." правый  бок едет на 0,8см
Добрый день
В main.css замените:
#tabs {
margin: -1px 0px 0px -25px;
border: 0px!important;
padding: 0px;
}
на
#tabs {
width: 700px;
margin-left: -23px;
margin-right: -25px;
border: 0px!important;
padding: 0px;
}


#30 Z_Mc

Z_Mc

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

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

Отправлено 25 Февраль 2014 - 15:09

спасибо! всё работает

#31 Candyover

Candyover

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

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

Отправлено 07 Апрель 2014 - 22:18

Такая проблема в слайдере, картинки листает правильно (первую, вторую, третью, потом снова первую и т.д.), но стрелки работают не корректно, а именно после третьей фотографии нужно что бы стрелками нельзя было листать дальше на пустые картинки.
часть №1.png часть №2.png

#32 sengun

sengun

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

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

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

Просмотр сообщенияCandyover (07 Апрель 2014 - 22:18) писал:

Такая проблема в слайдере, картинки листает правильно (первую, вторую, третью, потом снова первую и т.д.), но стрелки работают не корректно, а именно после третьей фотографии нужно что бы стрелками нельзя было листать дальше на пустые картинки.
Прикрепленный файл часть №1.png Прикрепленный файл часть №2.png
Здравствуйте.
Впервые встречаю данный слайдер, но судя по загружаемому коду, строки в шаблоне HTML
$('#slideshow')					   
.prepend('<span class="nav" id="leftNav">Move Left</span>')				   
.append('<span class="nav" id="rightNav">Move Right</span>');
лишние. Попробуйте их удалить. Если не поможет, пришлите, пожалуйста, ссылку на сайт, откуда вы взяли этот слайдер.

#33 Candyover

Candyover

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

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

Отправлено 09 Апрель 2014 - 22:31

Просмотр сообщенияsengun (07 Апрель 2014 - 23:20) писал:

Здравствуйте.
Впервые встречаю данный слайдер, но судя по загружаемому коду, строки в шаблоне HTML
$('#slideshow')					
.prepend('<span class="nav" id="leftNav">Move Left</span>')				
.append('<span class="nav" id="rightNav">Move Right</span>');
лишние. Попробуйте их удалить. Если не поможет, пришлите, пожалуйста, ссылку на сайт, откуда вы взяли этот слайдер.

Спасибо, помогло!




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

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