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

Т.е. это просто идет как описание, а я хочу сделать как ссылку. Кто может помочь?
Вот это стоит в 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"}
В результате все работает, но нет возможности вставить ссылку в текст на слайдах.

Т.е. это просто идет как описание, а я хочу сделать как ссылку. Кто может помочь?
P.S. пытался прописать через тег <a href="site.ru">текст</a>, не работает. Текст становится черным и не работает как ссылка.