Защитный слой для картинки

Slavchik 07.07.2014 Все вопросы » Хаки 2884

вопрос

Хочется усложнить, немного, жизнь юзерам копирующим чужие картинки. А именно сделать так чтоб поверх добавленных в новость картинок накладывалась прозрачная картинка. Соответственно при попытке скачать картинку из новости, скачивалась бы эта прозрачная картинка. Как это реализовать?

Ответил: Gopr

[group=5]
<article>
<div class="b">
<div class="f">
<div class="t">Авторизуйтесь для просмотра записей<br><a title="Регистрация" href="/#">Регистрация</a></div></div>
[/group]
{short-story}
[group=5]
</div>
[/group]
</article>

article .b {position:relative;width:640px}                                             
article .f {z-index:1;opacity:0.5;position:absolute;width:640px;height:100%;background-color:#fff}
article .t {text-transform:uppercase;margin-top:25%;text-align:center}
article .t a {color:#555}
article .t a:hover {text-decoration:underline;color:#000}

7 комментариев

Юзер

494

Gopr - 2014-11-287 июля 2014 09:54 - #31249

Есть такая вещь на css только не картинка используется а прозрачный background, растягивается по высоте и ширине всей новости как раз делал для тех же целей... Стучи в личку ;)

Местный

425

Serik - 2014-11-287 июля 2014 13:04 - #31265

Поделитесь с народом за Спасибо :)

СПАСИБО надо тыкать в кнопку!

Юзер

RedRat - 2014-11-287 июля 2014 12:04 - #31257

Самый лучший способ, это наложение копирайта. Который, к примеру, используется даже в Google Street Views. Все остальное - не поможет.

Юзер

104

panov - 2014-11-287 июля 2014 13:11 - #31266

Тот , кто хочет все равно скопирует! Накладывай watemark.

Местный

425

Serik - 2014-11-287 июля 2014 13:38 - #31268

90% желающих отсеивается. Но зато с другой стороны - картинку и автора уник как понимаю, а значит в поиске картинок Гугла будут в топе, а оттуда копируются без проблем )

СПАСИБО надо тыкать в кнопку!

Юзер

307

rocksmart - 2014-11-287 июля 2014 18:02 - #31279

Как вариант на jquery
В конец main.tpl вставить

<script type="text/javascript">
 $(document).ready(function(){
jQuery("img").each(function() {
if(!$(this).attr('width'))$(this).attr('width',$(this).width()+'px');
if(!$(this).attr('height'))$(this).attr('height',$(this).height()+'px');
$(this).css({'background':'url("'+this.src+'") no-repeat'}).attr('src',"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
});
});    
</script>

Демка http://pro-script.ru/

Юзер

494

Gopr - 2014-11-287 июля 2014 18:38 - #31285

<article>
[group=5]
<div class="b">
<div class="f">
<div class="t">Авторизуйтесь для просмотра записей<br><a title="Регистрация" href="/#">Регистрация</a></div></div>
[/group]
{short-story}
[group=5]
</div>
[/group]
</article>

При желании можно создавать несколько слоев из background-color + background-image.
PS: перекрывается вся новость с картинками, видео, текстом (нельзя скопировать/увеличить/выделить контент), но все легко можно отключить через отладчик в браузере правда каждый раз геморно :)

class="b" - блок
class="f" - фон
class="t" - текст или ссылка поверх фона

non-stop | Как решить проблему индексации DLE в пои ... ¹

non-stop
Как решить проблему индексации DLE в поиске Bing?
19-12-2024, 17:02

Забыл написать что обновился до последней версии 17.3
Интересно узнать, это только у меня проблема, или это проблема движка? проверьте свои сайты на наличие в поиске Bing.
В 11 винде именно эта поисковая система стоит по умолчанию . кроме того эта же поисковая система отвечает за индекс еще одного поисковика - yahoo. Эти системы могут давать дополнительный процент пискового трафика на сайты.
lutskboy | Как максимально грамотно организовать до ... ¹

lutskboy
Как максимально грамотно организовать добавление материалов через SQL-запросы?
18-12-2024, 21:39

все верно. related_ids автоматом заполняется потом.
derebas | Убираем xfsearch из адресной строки ⁷

derebas
Убираем xfsearch из адресной строки
16-12-2024, 02:35

в правилах транслитерации для tagvalue поставьте замену " " => "-", например так
str_replace(array('.', ' ', '/', '&', "'", '+', '«', '»', ':', '!'), array('', '-', '-', 'and', '', '', '', '', '', '')
toxicpioner | Убираем xfsearch из адресной строки ⁷

toxicpioner
Убираем xfsearch из адресной строки
15-12-2024, 19:31

если в доп поле есть пробел, будет выдавать просто 403 стр
dj-avtosh | Воспользовался хаком удаление html из ад ... ²

dj-avtosh
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
12-12-2024, 17:26

Нужно правило с year поднять выше всех в .htaccess
TeraMoune | Воспользовался хаком удаление html из ад ... ²

TeraMoune
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
11-12-2024, 22:12

У вас убрано слишком много отличительных признаков в ссылках и теперь ссылки пересекаются. Убрали xfsearch, убрали html, а так же зачем то убрали дефиз разделяющий id и alt_name. Теперь некоторые ссылки будут отвечать выражению под правила ссылок новостей. Исправить вы можете только переосмыслив эти ссылки и добавить в них каких-то отличительных особенностей, переосмыслить чпу.
toxicpioner | Как упорядочить ID новостей ¹⁹

toxicpioner
Как упорядочить ID новостей
9-12-2024, 22:24

***Комментарий удален***
DnCnv | Как показать только одну категорию, к ко ... ¹

DnCnv
Как показать только одну категорию, к которой принадлежит новость?
9-12-2024, 01:46

***Комментарий удален***
web102 | Почему не отображается картинка в галере ... ³

web102
Почему не отображается картинка в галерее?
4-12-2024, 11:49

дайте адрес сайта. можно в личку
Shandi | Почему не отображается картинка в галере ... ³

Shandi
Почему не отображается картинка в галерее?
3-12-2024, 08:53

Мне как ламеру ничего не понятно:( Кто-то это исправляет за денужку?