• Страница 1 из 1
  • 1
Модератор форума: -SAM-  
Форум » Веб-разработка » Вопросы по uCoz » Как сделать слайдер из баннеров с ссылкой? (Не получаеться сделать слайдер из баннеров с ссылкой?)
Как сделать слайдер из баннеров с ссылкой?
vk9846
Дата: Вторник, 2020-04-07, 10:34 | Сообщение 1
Оффлайн
Пользователи
Сообщений:7
Награды: 0


Здравствуйте, не получается сделать слайдер из баннеров с ссылкой.

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

В итоге:

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

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


Сообщение отредактировал
-SAM- - Вторник, 2020-04-14, 08:48
Страна: (RU)
waak
Дата: Вторник, 2020-04-07, 11:33 | Сообщение 2
Оффлайн
Vip
Сообщений:557
Награды: 14


Здравствуйте! во первых нет кода слайдера, во вторых стили не полные
Страна: (RU)
egorkriv05
Дата: Вторник, 2020-04-07, 13:04 | Сообщение 3
Оффлайн
Пользователи
Сообщений:13
Награды: 0


waak, Я всё скопировал с сайта ---

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


Сообщение отредактировал
-SAM- - Воскресенье, 2020-04-12, 17:31
Страна: (RU)
vk9846
Дата: Вторник, 2020-04-07, 13:11 | Сообщение 4
Оффлайн
Пользователи
Сообщений:7
Награды: 0



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


Сообщение отредактировал
-SAM- - Вторник, 2020-04-14, 08:54
Страна: (RU)
waak
Дата: Вторник, 2020-04-07, 13:43 | Сообщение 5
Оффлайн
Vip
Сообщений:557
Награды: 14


а я вам говорю что это не всё
Страна: (RU)
Kosten
Дата: Вторник, 2020-04-07, 14:05 | Сообщение 6
Оффлайн
Администраторы
Сообщений:29347
Награды: 62


vk9846, пользуйтесь плиз code - мне надоедает за вами исправлять.

Прикрепления: 9137845.png(28.1 Kb)
Страна: (RU)
vk9846
Дата: Вторник, 2020-04-07, 14:16 | Сообщение 7
Оффлайн
Пользователи
Сообщений:7
Награды: 0




Сообщение отредактировал
-SAM- - Вторник, 2020-04-14, 08:56
Страна: (RU)
waak
Дата: Вторник, 2020-04-07, 16:42 | Сообщение 8
Оффлайн
Vip
Сообщений:557
Награды: 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
Дата: Вторник, 2020-04-07, 17:16 | Сообщение 9
Оффлайн
Пользователи
Сообщений:7
Награды: 0


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-
Дата: Среда, 2020-04-08, 07:10 | Сообщение 10
Оффлайн
Друзья сайта
Сообщений:720
Награды: 29


Цитата egorkriv05 ()
waak,ой,извините, не в ту тему написал.

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

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




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


Сообщение отредактировал
-SAM- - Пятница, 2020-05-15, 01:17
Страна: (UA)
egorkriv05
Дата: Среда, 2020-04-08, 16:24 | Сообщение 11
Оффлайн
Пользователи
Сообщений:13
Награды: 0


-SAM-, а как сделать чтобы слайдер менял изображение на новое?

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

Страна: (RU)
-SAM-
Дата: Среда, 2020-04-08, 16:45 | Сообщение 12
Оффлайн
Друзья сайта
Сообщений:720
Награды: 29


egorkriv05, здесь тема о другом как бы. Слайдеров в сети хватает. Вот пример.


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




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


Сообщение отредактировал
-SAM- - Среда, 2020-04-08, 19:35
Страна: (UA)
vk9846
Дата: Среда, 2020-04-08, 18:04 | Сообщение 13
Оффлайн
Пользователи
Сообщений:7
Награды: 0


-SAM-, Большое Вам спасибо за помощь! Дальнейших Вам успехов!
Страна: (RU)
Форум » Веб-разработка » Вопросы по uCoz » Как сделать слайдер из баннеров с ссылкой? (Не получаеться сделать слайдер из баннеров с ссылкой?)
  • Страница 1 из 1
  • 1
Поиск: