• Страница 1 из 1
  • 1
Модератор форума: -SAM-  
Как сделать слайдер из баннеров с ссылкой?
vk9846
Вторник, 07 Апреля 2020, 10:34 | Сообщение 1
Оффлайн
Пользователи
Сообщений:7
Здравствуйте, не получается сделать слайдер из баннеров с ссылкой.

Скопировал код и стиль с сайта црфкс.рф :

В итоге:

А должно получится:

P.S.: cсылку на свой сайт пока дать не могу, т.к. он открыт только для администратора. Домен, ещё куплен.


Сообщение отредактировал
-SAM- - Вторник, 14 Апреля 2020, 08:48
[ RU ]
waak
Вторник, 07 Апреля 2020, 11:33 | Сообщение 2
Оффлайн
Проверенные
Сообщений:588
Награды: 14
Здравствуйте! во первых нет кода слайдера, во вторых стили не полные
[ RU ]
egorkriv05
Вторник, 07 Апреля 2020, 13:04 | Сообщение 3
Оффлайн
Пользователи
Сообщений:13
waak, Я всё скопировал с сайта ---

Добавлено (2020-04-07, 13:07)
---------------------------------------------
waak,ой,извините, не в ту тему написал.


Сообщение отредактировал
-SAM- - Воскресенье, 12 Апреля 2020, 17:31
[ RU ]
vk9846
Вторник, 07 Апреля 2020, 13:11 | Сообщение 4
Оффлайн
Пользователи
Сообщений:7

Добавлено (2020-04-07, 13:14)
---------------------------------------------
waak,Все что было на сайте, на котором установлен данный слайдер. Вот сайт ---


Сообщение отредактировал
-SAM- - Вторник, 14 Апреля 2020, 08:54
[ RU ]
waak
Вторник, 07 Апреля 2020, 13:43 | Сообщение 5
Оффлайн
Проверенные
Сообщений:588
Награды: 14
а я вам говорю что это не всё
[ RU ]
Kosten
Вторник, 07 Апреля 2020, 14:05 | Сообщение 6
Оффлайн
Администраторы
Сообщений:44501
Награды: 70
vk9846, пользуйтесь плиз code - мне надоедает за вами исправлять.

Прикрепления: 9137845.png (28.1 Kb)
[ RU ]
vk9846
Вторник, 07 Апреля 2020, 14:16 | Сообщение 7
Оффлайн
Пользователи
Сообщений:7


Сообщение отредактировал
-SAM- - Вторник, 14 Апреля 2020, 08:56
[ RU ]
waak
Вторник, 07 Апреля 2020, 16:42 | Сообщение 8
Оффлайн
Проверенные
Сообщений:588
Награды: 14
Код
<style>
    .one-link {
  display: inline-block;
  background: #FFF;
  padding:10px;
  position: relative;
  height: 80px;
  float: left;
    }
    .text {
  text-align: right;
  color: #434343;
  font-size: 12px;
  padding-left: 80px;

    }
    .caption {
  margin-bottom: 10px;
  width: 200px;
  font-size: 14px;
    }
    .link {
  position: absolute;
  bottom: 10px;
  right: 10px;
    }
    .one-link img {
  position: absolute;
  top: 10px;
  left: 10px;
    }
</style>


вот стили набросал свои

а слайдер если не можете взять от туда то просто возьмите готовый их полно посмотрите в поиске на данном сайте или в яндексе гугле
[ RU ]
vk9846
Вторник, 07 Апреля 2020, 17:16 | Сообщение 9
Оффлайн
Пользователи
Сообщений:7
waak,
Код
@keyframes slidy {
0% {left: 0%;}
20% {left: 0%;}
25% {left: -100%;}
45% {left: -100%;}
50% {left: -200%;}
70% {left: -200%;}
75% {left: -300%;}
95% {left: -300%;}
100% {left: -400%;}
}
.slider {overflow: hidden; margin: 0; width: 285px;}
.slider figure img {width: 20%; float: left; height: 410px;}
.slider figure {
position: relative;
width: 500%;
margin: 0;
left: 0;
text-align: left;
font-size: 0;
animation: 30s slidy infinite alternate;
}
</style>

Добавлено (2020-04-07, 17:17)
---------------------------------------------
waak, вот взял самый обычный слайдер.

Добавлено (2020-04-07, 22:14)
---------------------------------------------
Помогите пожалуйста!!! 07a

[ RU ]
-SAM-
Среда, 08 Апреля 2020, 07:10 | Сообщение 10
Оффлайн
Администраторы
Сообщений:898
Награды: 40
Цитата egorkriv05 ()
waak,ой,извините, не в ту тему написал.

Цитата Kosten ()
мне надоедает за вами исправлять
Так смысла нет ведь, тема техническая, а всё, что в ней - просто хлам (не представляющий полезности остальным).
А то ТС шутник, что правит сайты (сделаны на html), и чужими руками хочет, чтобы за него выполнили работу (тема такая должна была изначально сделана в надлежащем разделе, вот и всё).

UPD.:
Цитата vk9846 ()
Здравствуйте, не получается сделать слайдер из баннеров с ссылкой. Пример слайдера на сайте *** (внизу).
У меня получилось только это (скопировал код и стиль с сайта где и находится пример рабочего слайдера из баннеров с ссылкой). А должно получится: такое.
В общем, "помощь" подобного рода оказываю в первый и в последний раз (с вас плюс и отзыв соответственно),
файл в прикреплении --->
Прикрепления: slider.rip.htm (5.6 Kb)




Помог? Скажи спасибо в виде "+" - вам мелочь, а мне приятно.
Бесплатное оказание помощи в ответах на "Вопросы про uCoz".


Сообщение отредактировал
-SAM- - Пятница, 15 Мая 2020, 01:17
[ UA ]
egorkriv05
Среда, 08 Апреля 2020, 16:24 | Сообщение 11
Оффлайн
Пользователи
Сообщений:13
-SAM-, а как сделать чтобы слайдер менял изображение на новое?

Добавлено (2020-04-08, 16:25)
---------------------------------------------
Тоже давно искал похожий материал по слайдеру.

[ RU ]
-SAM-
Среда, 08 Апреля 2020, 16:45 | Сообщение 12
Оффлайн
Администраторы
Сообщений:898
Награды: 40
egorkriv05, здесь тема о другом как бы. Слайдеров в сети хватает. Вот пример.


UPD.:
Цитата vk9846 ()
Большое спасибо! На ucoz все работает отлично!
Пожалуйста. Если на uCoz, то там не нужно подключать jquery.js, если что (ибо он и так подключен на уровне системы).




Помог? Скажи спасибо в виде "+" - вам мелочь, а мне приятно.
Бесплатное оказание помощи в ответах на "Вопросы про uCoz".


Сообщение отредактировал
-SAM- - Среда, 08 Апреля 2020, 19:35
[ UA ]
vk9846
Среда, 08 Апреля 2020, 18:04 | Сообщение 13
Оффлайн
Пользователи
Сообщений:7
-SAM-, Большое Вам спасибо за помощь! Дальнейших Вам успехов!
[ RU ]
  • Страница 1 из 1
  • 1
Поиск: