Общие вопросы по заказу таблиц (2)

Поделиться201Сб, 7 Июн 2014 17:56:41

Автор: Alfecats
Заслуженный
Зарегистрирован: Сб, 14 Май 2011
Сообщений: 81
Уважение: 0
Позитив: +21
Пол: Мужской
Последний визит:
Чт, 27 Апр 2017 21:12:44

Доброе время суток!
Не подскажите, как при перелистывании слайдера создать внизу "точки", которые будут зажигаться при переходе с одного контента на другой, как здесь? Буду благодарна безмерно, уже долго ищу такой скрипт.

0

Поделиться202Сб, 7 Июн 2014 18:12:20

Автор: ДОМИНИОН
Cтарожил
Зарегистрирован: Сб, 4 Ноя 2006
Сообщений: 6889
Уважение: +1022
Позитив: +688
Последний визит:
Вт, 23 Авг 2022 00:48:48

Alfecats написал(а):

Доброе время суток!
Не подскажите, как при перелистывании слайдера создать внизу "точки", которые будут зажигаться при переходе с одного контента на другой, как здесь? Буду благодарна безмерно, уже долго ищу такой скрипт.

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

0

Поделиться203Сб, 7 Июн 2014 18:16:52

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7390
Уважение: +5876
Позитив: +6482
Пол: Мужской
Последний визит:
Чт, 21 Ноя 2024 21:12:40

Alfecats написал(а):

Не подскажите, как при перелистывании слайдера создать внизу "точки", которые будут зажигаться при переходе с одного контента на другой, как здесь? Буду благодарна безмерно, уже долго ищу такой скрипт.

Ничего не вижу - сделайте скриншот, что вы хотите..

0

Поделиться204Сб, 7 Июн 2014 18:32:18

Автор: Alfecats
Заслуженный
Зарегистрирован: Сб, 14 Май 2011
Сообщений: 81
Уважение: 0
Позитив: +21
Пол: Мужской
Последний визит:
Чт, 27 Апр 2017 21:12:44

ДОМИНИОН
Код что-то не проглядывается.
kolobdur74
Простите, не смогу, у самой теперь не грузит :с
Можно нарисовать? : D

Зарисовки

0

Поделиться205Сб, 7 Июн 2014 18:51:43

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7390
Уважение: +5876
Позитив: +6482
Пол: Мужской
Последний визит:
Чт, 21 Ноя 2024 21:12:40

Alfecats
Это скрипт: Слайдер картинок и контента с возможностью добавления пользовательских скриптов (Deff) На форуме, что вы показали в качестве примера только немного изменили стиль:

<style>
#indexActive{ /*Задаём Позицию индикаторов*/
position:absolute;
z-index:1000;
margin-left: 620px;
margin-top: -15px;
}

span[id^="active_Ind"]{ /*Фон и размеры индикатор*/
display:inline-block;
cursor:pointer;
float:right;
background:transparent url(http://s5.uploads.ru/aR5XC.png) no-repeat center top;
/*border:solid 2px blue!important;*/
height:11px;
width:10px;
padding:0 1px 0 1px;
margin:10px 6px;
}
span[id^="active_Ind"]:hover{ /*Индикатор при наведении */
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
-ms-border-radius:5px;
border-radius:5px;
box-shadow:1px 1px 4px #515F6C;
}
span[id^="active_Ind"].active{ /*Активный индикатор */
background-position: center -12px;
}
</style>

+1

Поделиться206Сб, 7 Июн 2014 19:08:51

Автор: Alfecats
Заслуженный
Зарегистрирован: Сб, 14 Май 2011
Сообщений: 81
Уважение: 0
Позитив: +21
Пол: Мужской
Последний визит:
Чт, 27 Апр 2017 21:12:44

kolobdur74
Спасибо большое!
А как вставить данные точки в "Объявление"?

0

Поделиться207Сб, 7 Июн 2014 19:16:17

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7390
Уважение: +5876
Позитив: +6482
Пол: Мужской
Последний визит:
Чт, 21 Ноя 2024 21:12:40

Alfecats написал(а):

А как вставить данные точки в "Объявление"?

Я так понимаю они вставляются сами вместе с слайдером - куда вы поставили слайдер там они и будут отображаться..Но картинку точек надо по ходу перезалить..

+1

Поделиться208Сб, 7 Июн 2014 19:22:18

Автор: Alfecats
Заслуженный
Зарегистрирован: Сб, 14 Май 2011
Сообщений: 81
Уважение: 0
Позитив: +21
Пол: Мужской
Последний визит:
Чт, 27 Апр 2017 21:12:44

kolobdur74
Ясно, попробуем.
Благодарю!

0

Поделиться209Сб, 7 Июн 2014 19:31:57

Автор: Alfecats
Заслуженный
Зарегистрирован: Сб, 14 Май 2011
Сообщений: 81
Уважение: 0
Позитив: +21
Пол: Мужской
Последний визит:
Чт, 27 Апр 2017 21:12:44

Alfecats
Что-то не пашет.

0

Поделиться210Сб, 7 Июн 2014 19:34:11

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7390
Уважение: +5876
Позитив: +6482
Пол: Мужской
Последний визит:
Чт, 21 Ноя 2024 21:12:40

Alfecats написал(а):

Что-то не пашет.

Адрес форума куда поставили скрипт?

0

Поделиться211Сб, 7 Июн 2014 20:01:56

Автор: Alfecats
Заслуженный
Зарегистрирован: Сб, 14 Май 2011
Сообщений: 81
Уважение: 0
Позитив: +21
Пол: Мужской
Последний визит:
Чт, 27 Апр 2017 21:12:44

kolobdur74
http://fridays.mybb.ru/

0

Поделиться212Сб, 7 Июн 2014 20:11:38

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7390
Уважение: +5876
Позитив: +6482
Пол: Мужской
Последний визит:
Чт, 21 Ноя 2024 21:12:40

Alfecats
Я же говорю, нужно заменить картинку с точкой, сейчас эта картинка: http://s3.uploads.ru/geZ4A.png не работает из-за проблем с хостингом картинок uploads.ru. Вы можете поставить этот код в НТМЛ верх и заменить картинку с точкой на свою (выделил красным):

<style>
#indexActive{ /*Задаём Позицию индикаторов*/
position:absolute;
z-index:1000;
margin-left: 620px;
margin-top: -15px;
}
span[id^="active_Ind"]{ /*Фон и размеры индикатор*/
display:inline-block;
cursor:pointer;
float:right;
background:transparent url(http://s5.uploads.ru/aR5XC.png) no-repeat center top;
/*border:solid 2px blue!important;*/
height:11px;
width:10px;
padding:0 1px 0 1px;
margin:10px 6px;
}
span[id^="active_Ind"]:hover{ /*Индикатор при наведении */
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
-ms-border-radius:5px;
border-radius:5px;
box-shadow:1px 1px 4px #515F6C;
}
span[id^="active_Ind"].active{ /*Активный индикатор */
background-position: center -12px;
}
</style>

0

Поделиться213Сб, 7 Июн 2014 20:14:12

Автор: Alfecats
Заслуженный
Зарегистрирован: Сб, 14 Май 2011
Сообщений: 81
Уважение: 0
Позитив: +21
Пол: Мужской
Последний визит:
Чт, 27 Апр 2017 21:12:44

kolobdur74
Но я заменила, честное слово!

Код:

<style>
        #indexActive{ /*Задаём Позицию индикаторов*/
          position:absolute;
          z-index:1000;
          margin-left: 620px;
          margin-top: -15px;
        }
        span[id^="active_Ind"]{ /*Фон и размеры индикатор*/
          display:inline-block;
          cursor:pointer;
          float:right;
          background:transparent url(http://i64.fastpic.ru/big/2014/0607/2e/e4870d68c9d9beb15bab7884a64b922e.png) no-repeat center top;
          /*border:solid 2px blue!important;*/
          height:11px;
          width:10px;
          padding:0 1px 0 1px;
          margin:10px 6px;
        }
        span[id^="active_Ind"]:hover{  /*Индикатор при наведении */
            -webkit-border-radius:5px;
            -khtml-border-radius:5px;
            -moz-border-radius:5px;
            -o-border-radius:5px;
            -ms-border-radius:5px;
            border-radius:5px;
          box-shadow:1px 1px 4px #515F6C;
        }
        span[id^="active_Ind"].active{ /*Активный индикатор */
          background-position: center -12px;
        }
        </style>

0

Поделиться214Сб, 7 Июн 2014 20:14:32

Автор: ДОМИНИОН
Cтарожил
Зарегистрирован: Сб, 4 Ноя 2006
Сообщений: 6889
Уважение: +1022
Позитив: +688
Последний визит:
Вт, 23 Авг 2022 00:48:48

Мало кто умеет читать

Выделяй важные моменты жирым или подчеркиванием)

0

Поделиться215Сб, 7 Июн 2014 20:35:15

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7390
Уважение: +5876
Позитив: +6482
Пол: Мужской
Последний визит:
Чт, 21 Ноя 2024 21:12:40

Alfecats написал(а):

Но я заменила, честное слово!

Замените в коде вот это:

Alfecats написал(а):

background:transparent url(http://i64.fastpic.ru/big/2014/0607/2e/ … 4b922e.png) no-repeat center top;

на вот этот:

Код:

background:transparent url(http://i64.fastpic.ru/big/2014/0607/2e/e4870d68c9d9beb15bab7884a64b922e.png) no-repeat center top !important;

0

Поделиться216Сб, 7 Июн 2014 20:42:48

Автор: Alfecats
Заслуженный
Зарегистрирован: Сб, 14 Май 2011
Сообщений: 81
Уважение: 0
Позитив: +21
Пол: Мужской
Последний визит:
Чт, 27 Апр 2017 21:12:44

kolobdur74
Эффекта нет.

0

Поделиться217Сб, 7 Июн 2014 21:02:44

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7390
Уважение: +5876
Позитив: +6482
Пол: Мужской
Последний визит:
Чт, 21 Ноя 2024 21:12:40

Alfecats написал(а):

Эффекта нет.

Попробуйте заменить отступ:

Alfecats написал(а):

#indexActive{ /*Задаём Позицию индикаторов*/
position:absolute;
z-index:1000;
margin-left: 620px;
margin-top: -15px;
}

на: margin-left: 540px !important;

0

Поделиться218Пн, 9 Июн 2014 01:03:02

Автор: Alfecats
Заслуженный
Зарегистрирован: Сб, 14 Май 2011
Сообщений: 81
Уважение: 0
Позитив: +21
Пол: Мужской
Последний визит:
Чт, 27 Апр 2017 21:12:44

kolobdur74
Опять ничего не меняется. Может, что-то со слайдером не так?

0

Поделиться219Пн, 9 Июн 2014 01:39:12

Автор: Fover
Лови мой ритм
Зарегистрирован: Вт, 19 Мар 2013
Сообщений: 2332
Уважение: +397
Позитив: +48
Пол: Мужской
Последний визит:
Вт, 13 Сен 2016 16:58:18

Подсказка: они скрыты, а смена фона не поможет ибо он прописан в стиле:
http://forumstatic.ru/files/0010/b4/f8/71526.css

0

Поделиться220Пн, 9 Июн 2014 16:01:35

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Alfecats написал(а):

Опять ничего не меняется. Может, что-то со слайдером не так?

Код слайдера, который стоит на вашем форуме, довольно "стар" (и у вас криво прописаны его параметры).
На его базе Дефф разрабатывал свои слайдеры. И только один из них, скок помню на практике, имеет действующее меню с индикаторами - кольцевой.

Простой слайдер (примечание как переделать его в кольцевой читайте ближе к концу поста).

Отредактировано Rion Leonheart (Пн, 9 Июн 2014 16:02:19)

0

Единый форум поддержки

Меню навигации

Пользовательские ссылки

Информация о пользователе

Общие вопросы по заказу таблиц (2)

Сообщений 201 страница 220 из 297

Поделиться201Сб, 7 Июн 2014 17:56:41

Поделиться202Сб, 7 Июн 2014 18:12:20

Поделиться203Сб, 7 Июн 2014 18:16:52

Поделиться204Сб, 7 Июн 2014 18:32:18

Поделиться205Сб, 7 Июн 2014 18:51:43

Поделиться206Сб, 7 Июн 2014 19:08:51

Поделиться207Сб, 7 Июн 2014 19:16:17

Поделиться208Сб, 7 Июн 2014 19:22:18

Поделиться209Сб, 7 Июн 2014 19:31:57

Поделиться210Сб, 7 Июн 2014 19:34:11

Поделиться211Сб, 7 Июн 2014 20:01:56

Поделиться212Сб, 7 Июн 2014 20:11:38

Поделиться213Сб, 7 Июн 2014 20:14:12

Поделиться214Сб, 7 Июн 2014 20:14:32

Поделиться215Сб, 7 Июн 2014 20:35:15

Поделиться216Сб, 7 Июн 2014 20:42:48

Поделиться217Сб, 7 Июн 2014 21:02:44

Поделиться218Пн, 9 Июн 2014 01:03:02

Поделиться219Пн, 9 Июн 2014 01:39:12

Поделиться220Пн, 9 Июн 2014 16:01:35