• Страница 1 из 1
  • 1
кликабельный watermark
n1ght(o_O)
Дата: Суббота, 07.11.2009, 14:36 | Сообщение # 1
говорун
Группа: Проверенные
Пользователь №: 10
Сообщений: 180
Получено оценок: 6
Как сделать надпись в низу картинки кликабельную... По типу как watermark!

Сообщение отредактировал n1ght(o_O) - Суббота, 07.11.2009, 17:31
  
Avenger
Дата: Суббота, 07.11.2009, 15:18 | Сообщение # 2
молчун
Группа: Пользователи
Пользователь №: 309
Сообщений: 21
либо див новым слоем поверх(лично я в этом слаб, но тут, думаю, все умеют :D ) либо сделать карту-изображение

  
UnderShot
Дата: Суббота, 07.11.2009, 16:51 | Сообщение # 3
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
n1ght(o_O), wtf o_O может кликабельный?
Можно сделать так:
Code
<style type='text/css'>
.image{width:200px;height:200px;position:relative;}
.watermark{width:73px;height:7px;background:url(/img/wm.gif) no-repeat;position:absolute;bottom:5px;right:5px;}
</style>
<div class='image'>
<img src='/img/img.gif' alt='Изображение' />
<a href='#'><div class='watermark'></div></a>
</div>
</div>

Пример использования


Очень важная тема!
Filmzona — онлайн фильмы.


Сообщение отредактировал UnderShot - Суббота, 07.11.2009, 17:26
  
ad
Дата: Суббота, 07.11.2009, 17:15 | Сообщение # 4
Группа: Удаленные
круто, может пригодиться
  
UnderShot
Дата: Суббота, 07.11.2009, 17:18 | Сообщение # 5
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
незабывать плюсы ставить (!)

Очень важная тема!
Filmzona — онлайн фильмы.
  
n1ght(o_O)
Дата: Суббота, 07.11.2009, 17:32 | Сообщение # 6
говорун
Группа: Проверенные
Пользователь №: 10
Сообщений: 180
Получено оценок: 6
UnderShot, да так!Просто ошибся confused ^_^
  
rostov
Дата: Суббота, 07.11.2009, 18:56 | Сообщение # 7
Группа: Удаленные
UnderShot, подскажите,куа вставлять?
  
UnderShot
Дата: Суббота, 07.11.2009, 19:10 | Сообщение # 8
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
rostov, а вы о чем? Что именно?

Очень важная тема!
Filmzona — онлайн фильмы.
  
rostov
Дата: Суббота, 07.11.2009, 19:13 | Сообщение # 9
Группа: Удаленные
UnderShot,
Code
<style type='text/css'>
.image{width:200px;height:200px;position:relative;}
.watermark{width:73px;height:7px;background:url(/img/wm.gif) no-repeat;position:absolute;bottom:5px;right:5px;}
</style>
<div class='image'>
<img src='/img/img.gif' alt='Изображение' />
<a href='#'><div class='watermark'></div></a>
</div>
</div>

куда это вставлять?
  
UnderShot
Дата: Суббота, 07.11.2009, 19:15 | Сообщение # 10
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
rostov, да куда хочешь.
Code
.image{width:200px;height:200px;position:relative;}  
.watermark{width:73px;height:7px;background:url(ватермарк) no-repeat;position:absolute;bottom:5px;right:5px;}

Это в CSS
Code
<div class='image'>  
<img src='твоя картинка' alt='Изображение' />  
<a href='ссылка'><div class='watermark'></div></a>  
</div>  
</div>

Это в любое место HTML документа


Очень важная тема!
Filmzona — онлайн фильмы.
  
n1ght(o_O)
Дата: Суббота, 07.11.2009, 20:45 | Сообщение # 11
говорун
Группа: Проверенные
Пользователь №: 10
Сообщений: 180
Получено оценок: 6
UnderShot, спасибо получилось =)))!!!!
  
UnderShot
Дата: Суббота, 07.11.2009, 21:13 | Сообщение # 12
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
n1ght(o_O), всегда пожалуйста)

Очень важная тема!
Filmzona — онлайн фильмы.
  
hipperman
Дата: Воскресенье, 27.02.2011, 21:48 | Сообщение # 13
молчун
Группа: Пользователи
Пользователь №: 3767
Сообщений: 2
UnderShot, а можно зделать такое ж но с highslide??
  
Crasher
Дата: Воскресенье, 27.02.2011, 21:52 | Сообщение # 14
говорун
Группа: Проверенные
Пользователь №: 3179
Сообщений: 256
Получено оценок: 3
hipperman, з highslide-with-html точно можно, а вот с обычным — пробуй.



Сообщение отредактировал Crasher - Воскресенье, 27.02.2011, 21:52
  
hipperman
Дата: Воскресенье, 27.02.2011, 22:09 | Сообщение # 15
молчун
Группа: Пользователи
Пользователь №: 3767
Сообщений: 2
Crasher, всмысле?
  
Crasher
Дата: Воскресенье, 27.02.2011, 22:22 | Сообщение # 16
говорун
Группа: Проверенные
Пользователь №: 3179
Сообщений: 256
Получено оценок: 3
Есть же разные версии: highslide, highslide-with-gallery, highslide-with-html, highslide-full — в последних двух сделать такую картинку можно — просто кинуть div в тело всплываещего хайслайда, а в первых двух — не знаю

  
Saynov
Дата: Понедельник, 07.03.2011, 20:19 | Сообщение # 17
молчун
Группа: Пользователи
Пользователь №: 3779
Сообщений: 3
лучше бы он картинку вотермарка на оригинальную записывал...а то так какой смысл? confused
  
Crasher
Дата: Понедельник, 07.03.2011, 20:31 | Сообщение # 18
говорун
Группа: Проверенные
Пользователь №: 3179
Сообщений: 256
Получено оценок: 3
Saynov, что-бы была ссылка.

Для удобства можно и на оригинал ставить вотермарк и кликабельный делать




Сообщение отредактировал Crasher - Понедельник, 07.03.2011, 20:32
  
  • Страница 1 из 1
  • 1
Поиск:
© Studioad.ru 2006 · 2010. Использование материалов форума на сторонних ресурсах без прямой обратной ссылки строго запрещено. Хостинг от uCoz.