U.Helper

Статьи
Разработки
Форум
FAQ
Правила
Заказ работ
Поиск

[ Новые сообщения · Участники · Поиск по форуму · RSS ]

Страница 1 из 1 1
Модератор форума: cucYa, kydapodatsya

Форум интересных решений » Веб-мастерская » Дизайн и графика » накладываем на картинку "play" (sml[question])

накладываем на картинку "play"

Дата: 12 Мая 2009, 21:07 | Сообщение # 1

● ● ● ● ●

694 сообщения

« 12 »

0 наград

Статус: Offline

У меня есть свои cj и там как известно напичкано большое кол. картинок... так вот мне бы хотелось сделать так что бы картинка эта была как бы в плеере, но прописывать плеер для каждой картинки это жолго и нужно + не знаю как кноку play наложить на картинку и что бы потом она при наведение меняла свой вид (становилась активной)

<a href='<?rlink(1);?>'><img src='<?rdesc(1);?>'></a>
вот так вот выводятся картинки... кто может помочь*?

subWIN

Дата: 12 Мая 2009, 23:28 | Сообщение # 2

● ● ● ● ●

931 сообщение

« 51 »

0 наград

Статус: Offline

Quote (ja →)

что это такое??? написал бы сразу

subWIN

Дата: 13 Мая 2009, 00:48 | Сообщение # 3

● ● ● ● ●

931 сообщение

« 51 »

0 наград

Статус: Offline

если тебе рамка от плеера ненужна то просто прописуй в картинки класс

Code

<a href="javascript://"><img src="..." class="play"></a>

.play a{padding-top:Отступ сверху px;padding-left:Отступ слева px;background:url('плеи') no-repeat}
.play a:hover{padding-top:Отступ сверху px;padding-left:Отступ слева px;background:url('плеи при наведении') no-repeat}

Дата: 13 Мая 2009, 15:21 | Сообщение # 4

● ● ● ● ●

694 сообщения

« 12 »

0 наград

Статус: Offline

subWIN,
а если и рамка нужна?

subWIN

Дата: 13 Мая 2009, 17:46 | Сообщение # 5

● ● ● ● ●

931 сообщение

« 51 »

0 наград

Статус: Offline

ja, то

Code

<div class="player">
<a href="javascript://"><img src="..." class="play"></a>
</div>

.player{background:url('рамка');padding-top:Сверху px;padding-left:Слева px;}
.play a{padding-top:Отступ сверху px;padding-left:Отступ слева px;background:url('плеи') no-repeat}
.play a:hover{padding-top:Отступ сверху px;padding-left:Отступ слева px;background:url('плеи при наведении') no-repeat}