X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Ссылки в слайдере
IlyaKravchenko
IlyaKravchenko
Topic Starter сообщение 2.8.2014, 15:07; Ответить: IlyaKravchenko
Сообщение #1


Привет всем. Установил на свой сайт на cms dle 10.1 одно слайд-шоу без java. 
Вот это стоит в slider.tpl

<div class="slides">
<ul> <!-- Слайды -->
<li><img src="{THEME}/images/slider/1.jpg" alt="image01" />
<div>Описание #1</div>
</li>
<li><img src="{THEME}/images/slider/2.jpg" alt="image02" />
<div>Описание #2</div>
</li>
<li><img src="{THEME}/images/slider/3.jpg" alt="image03" />
<div>Описание #3</div>
</li>
<li><img src="{THEME}/images/slider/2.jpg" alt="image03" />
<div>Описание #4</div>
</li>

</ul>
</div>

Это в стилях шаблона:

/* Slider */
.slides {
height:300px;
margin-bottom: 10px;
overflow:hidden;
position:relative;
width: 1000px;
}
.slides ul {
list-style:none;
position:relative;
}

/* Кадры анимации #anim_slides */
@-webkit-keyframes anim_slides {
0% {
opacity:0;
}
6% {
opacity:1;
}
24% {
opacity:1;
}
30% {
opacity:0;
}
100% {
opacity:0;
}
}
@-moz-keyframes anim_slides {
0% {
opacity:0;
}
6% {
opacity:1;
}
24% {
opacity:1;
}
30% {
opacity:0;
}
100% {
opacity:0;
}
}

.slides ul li {
opacity:0;
position:absolute;
top:0;

/* анимация css3 */
-webkit-animation-name: anim_slides;
-webkit-animation-duration: 24.0s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: normal;
-webkit-animation-delay: 0;
-webkit-animation-play-state: running;
-webkit-animation-fill-mode: forwards;

-moz-animation-name: anim_slides;
-moz-animation-duration: 24.0s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: normal;
-moz-animation-delay: 0;
-moz-animation-play-state: running;
-moz-animation-fill-mode: forwards;
}

/* Задержки css3 */
.slides ul li:nth-child(2), .slides ul li:nth-child(2) div {
-webkit-animation-delay: 6.0s;
-moz-animation-delay: 6.0s;
}
.slides ul li:nth-child(3), .slides ul li:nth-child(3) div {
-webkit-animation-delay: 12.0s;
-moz-animation-delay: 12.0s;
}
.slides ul li:nth-child(4), .slides ul li:nth-child(4) div {
-webkit-animation-delay: 18.0s;
-moz-animation-delay: 18.0s;
}
.slides ul li img {
display:block;
}

/* Кадры анимации #anim_titles */
@-webkit-keyframes anim_titles {
0% {
left:100%;
opacity:0;
}
5% {
left:10%;
opacity:1;
}
20% {
left:10%;
opacity:1;
}
25% {
left:100%;
opacity:0;
}
100% {
left:100%;
opacity:0;
}
}
@-moz-keyframes anim_titles {
0% {
left:100%;
opacity:0;
}
5% {
left:10%;
opacity:1;
}
20% {
left:10%;
opacity:1;
}
25% {
left:100%;
opacity:0;
}
100% {
left:100%;
opacity:0;
}
}

.slides ul li div {
background-color: rgba(252, 8, 8, 0.48);
color:#FFFFFF;
font-size:26px;
margin:0 auto;
padding:20px;
position:absolute;
top: 200px;
width: 350px;

/* Анимация css3 */
-webkit-animation-name: anim_titles;
-webkit-animation-duration: 24.0s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: normal;
-webkit-animation-delay: 0;
-webkit-animation-play-state: running;
-webkit-animation-fill-mode: forwards;

-moz-animation-name: anim_titles;
-moz-animation-duration: 24.0s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: normal;
-moz-animation-delay: 0;
-moz-animation-play-state: running;
-moz-animation-fill-mode: forwards;
}

Это на главной: {include file="slider.tpl"}

В результате все работает, но нет возможности вставить ссылку в текст на слайдах.
a4af4b1844c6db414711568da8401e94.png
Т.е. это просто идет как описание, а я хочу сделать как ссылку. Кто может помочь?


 

 

 


P.S. пытался прописать через тег <a href="site.ru">текст</a>, не работает. Текст становится черным и не работает как ссылка.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
WPGet
WPGet
сообщение 2.8.2014, 15:48; Ответить: WPGet
Сообщение #2


Попробуйте так:

<div><a href="http://test.com">Описание #1</a></div>

а потом в CSS задайте стиль для тега a
Напишите адрес сайта с установленным слайдером.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
IlyaKravchenko
IlyaKravchenko
Topic Starter сообщение 2.8.2014, 23:23; Ответить: IlyaKravchenko
Сообщение #3


Не работает.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
IlyaKravchenko
IlyaKravchenko
Topic Starter сообщение 3.8.2014, 13:58; Ответить: IlyaKravchenko
Сообщение #4


Есть еще идеи?


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Ссылки за которые не стыдно! Качественный линк билдинг сервис под Бурж от Westrank. Честный прайс.
63 DaoDog 47117 Вчера, 12:05
автор: Omaxis
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыКрауд ссылки с форумов, блогов, порталов. Жирные ссылки с Ua,Ru, Бурж площадок. Вечные ссылки в статьях на собственных сайтах
Быстро, качественно и ответственно!
138 vetalbon 66431 13.4.2024, 17:53
автор: vetalbon
Открытая тема (нет новых ответов) SEO Линк Билдинг под Бурж | Вечные ссылки США, Европа и Мир с Гарантией
20 Needmylink1 7000 12.4.2024, 23:32
автор: Needmylink1
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыВечные ссылки с трастовых сайтов
53 1informer 22677 7.4.2024, 13:47
автор: 1informer
Открытая тема (нет новых ответов) Оптом и в розницу, скупаю ссылки околомедицинской тематики.
3 kasey7 2023 4.4.2024, 19:12
автор: kasey7


 



RSS Текстовая версия Сейчас: 20.4.2024, 0:17
Дизайн