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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Вечные ссылки с 300+ СДЛов, тиц до 750, ЯКи, DMOZ, от 1$/ссылка
вечные ссылки
258 SeoUaSales 128465 27.3.2024, 23:39
автор: FantAlexis
Открытая тема (нет новых ответов) Куплю ссылки тематика steam игры eng
0 c4p1t4l15t 541 26.3.2024, 21:57
автор: c4p1t4l15t
Открытая тема (нет новых ответов) SEO Линк Билдинг под Бурж | Вечные ссылки США, Европа и Мир с Гарантией
18 Needmylink1 6543 25.3.2024, 20:51
автор: Needmylink1
Открытая тема (нет новых ответов) Нужны ссылки с adult сайтов
3 TABAK 8035 25.3.2024, 13:44
автор: Wilkinson
Открытая тема (нет новых ответов) Бурж (eng) Вечные ссылки аутрич (каталог 6000+), PBN (20000+). Crypto, Pharma, Gambling
+Создание своих сеток, ликбилдинг под ключ
3 karabaslinks 1287 20.3.2024, 17:28
автор: karabaslinks


 



RSS Текстовая версия Сейчас: 29.3.2024, 4:56
Дизайн