кликабельный watermark
n1ght(o_O)
говорун
Группа: Проверенные
Пользователь №: 10
Сообщений: 180
Получено оценок: 6
Как сделать надпись в низу картинки кликабельную... По типу как watermark! Сообщение отредактировал n1ght(o_O) - Суббота, 07.11.2009, 17:31
Avenger
молчун
Группа: Пользователи
Пользователь №: 309
Сообщений: 21
либо див новым слоем поверх(лично я в этом слаб, но тут, думаю, все умеют ) либо сделать карту-изображение
UnderShot
Группа: Модераторы
Пользователь №: 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
Группа: Удаленные
круто, может пригодиться
UnderShot
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
незабывать плюсы ставить (!) Очень важная тема! Filmzona — онлайн фильмы .
n1ght(o_O)
говорун
Группа: Проверенные
Пользователь №: 10
Сообщений: 180
Получено оценок: 6
UnderShot , да так!Просто ошибся
rostov
Группа: Удаленные
UnderShot , подскажите,куа вставлять?
UnderShot
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
rostov , а вы о чем? Что именно?Очень важная тема! Filmzona — онлайн фильмы .
rostov
Группа: Удаленные
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
Группа: Модераторы
Пользователь №: 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)
говорун
Группа: Проверенные
Пользователь №: 10
Сообщений: 180
Получено оценок: 6
UnderShot , спасибо получилось =)))!!!!
UnderShot
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
n1ght(o_O) , всегда пожалуйста)Очень важная тема! Filmzona — онлайн фильмы .
hipperman
Группа: Пользователи
Пользователь №: 3767
Сообщений: 2
UnderShot , а можно зделать такое ж но с highslide??
Crasher
говорун
Группа: Проверенные
Пользователь №: 3179
Сообщений: 256
Получено оценок: 3
hipperman , з highslide-with-html точно можно, а вот с обычным — пробуй.Сообщение отредактировал Crasher - Воскресенье, 27.02.2011, 21:52
hipperman
Группа: Пользователи
Пользователь №: 3767
Сообщений: 2
Crasher , всмысле?
Crasher
говорун
Группа: Проверенные
Пользователь №: 3179
Сообщений: 256
Получено оценок: 3
Есть же разные версии: highslide, highslide-with-gallery, highslide-with-html, highslide-full — в последних двух сделать такую картинку можно — просто кинуть div в тело всплываещего хайслайда, а в первых двух — не знаю
Saynov
Группа: Пользователи
Пользователь №: 3779
Сообщений: 3
лучше бы он картинку вотермарка на оригинальную записывал...а то так какой смысл?
Crasher
говорун
Группа: Проверенные
Пользователь №: 3179
Сообщений: 256
Получено оценок: 3
Saynov , что-бы была ссылка. Для удобства можно и на оригинал ставить вотермарк и кликабельный делать
Сообщение отредактировал Crasher - Понедельник, 07.03.2011, 20:32