Запрет копирования и псевдомаркирование изображений (rps, Deff)
Запрет копирования и псевдомаркирование изображений (rps)
В HTML верх ставим вот это:
Остальное идет в HTML низ:
if ((x>100&&y>100) - минимальные ширина и высота рисунка - на которые маркер уже не ставится (актуально для собственных смайлов, в принципе 100х100 должно хватить и для оч. больших смайлов.
http://savepic.org/1173963.png - ссылка на Вашу картинку маркера, картинка должна быть полностью прозрачной за исключением самого маркирующего элемента
примерные размеры картинки-маркера 600 x 450 пикселей (картинка самоподгоняется под изображение - но при меньших размерах, четкость будет падать (возможно стоит делать наклон букв чуть влево - смотрится более приглядно при высоких и узких картинках, - данная рекомендация актуальна при наклоне надписи как сейчас.
Горизонтальных и вертикальных надписей на картинках-маркерах - это замечание не касается
ВНИМАНИЕ! открывающиеся по ссылкам изображения не маркируются.
Если вы не хотите делать маркирование картинкой (вам достаточно защиты от копирования), тогда вместо ссылки http://savepic.org/1173963.png ставите полностью прозрачную. Например: http:savepic.org/1138109.gif
PS: Если Вы хотите, чтобы со старых браузеров ИE6 все таки увидели картинку, картинка маркера должна быть формата png8 или даже лучше gif
Очевидно, маркер в таком случае будет удобнее делать надписи (или рисунки) горизонтально или вертикально по краю картинки, (поскольку в этих форматах изображения нет полупрозрачности, а затенение надписью или минилоготипом даже части рисунка по центру будет, наверное, не очень удачным решением.
Недокументированные возможности:
При заключении картинки в посте в теги [b] ... [/b], картинка не маркируется
Очень большие изображения автоужатые форумом будут отображаться не правильно, либо уменьшайте их при заливке на хостинг(обычно такие установки там есть) до максимальной ширины картинки в сообщении, либо обрамляйте тегами [b] ... [/b], для выключения картинки из маркирования
Защищаем, маркируем только особо ценные изображения (Deff)
Картинка маркируется и защищается от копирования только при заключении её в посте в теги[b]...[/b]
В HTML верх
В HTML низ:
В HTML верх ставим вот это:
Цитата
<style type="text/css">
p.userimage img,div.post-content img.postimg{
display:none;
}
</style>
p.userimage img,div.post-content img.postimg{
display:none;
}
</style>
Остальное идет в HTML низ:
Цитата
<script><!--Mаркирование изображений v.1 -->
$(document).ready(function(){
$("div.post-content img.postimg,p.userimage img").css("display","inline-block");
imgMarking = "http://savepic.org/1173963.png" // Ссылка на рисунок маркер
var imgURL
var x;
var y;
var s;
var inb
$("div.post-content img.postimg,p.userimage img").each(function () {
x = this.offsetWidth;
y = this.offsetHeight;
inb = $(this).parent().get(0).tagName;
if ((x>100&&y>100)&&(inb!=="STRONG")) {
$(this).css("width",x+"px");
$(this).css("height",y+"px");
imgURL = $(this).attr("src");
$(this).attr("src",imgMarking);
$(this).attr("alt","");
$(this).css("background-image","url("+imgURL+")");
}
});
});
</script><!-- Конец//Cкрипт маркирования v.1.-->
$(document).ready(function(){
$("div.post-content img.postimg,p.userimage img").css("display","inline-block");
imgMarking = "http://savepic.org/1173963.png" // Ссылка на рисунок маркер
var imgURL
var x;
var y;
var s;
var inb
$("div.post-content img.postimg,p.userimage img").each(function () {
x = this.offsetWidth;
y = this.offsetHeight;
inb = $(this).parent().get(0).tagName;
if ((x>100&&y>100)&&(inb!=="STRONG")) {
$(this).css("width",x+"px");
$(this).css("height",y+"px");
imgURL = $(this).attr("src");
$(this).attr("src",imgMarking);
$(this).attr("alt","");
$(this).css("background-image","url("+imgURL+")");
}
});
});
</script><!-- Конец//Cкрипт маркирования v.1.-->
if ((x>100&&y>100) - минимальные ширина и высота рисунка - на которые маркер уже не ставится (актуально для собственных смайлов, в принципе 100х100 должно хватить и для оч. больших смайлов.
http://savepic.org/1173963.png - ссылка на Вашу картинку маркера, картинка должна быть полностью прозрачной за исключением самого маркирующего элемента
примерные размеры картинки-маркера 600 x 450 пикселей (картинка самоподгоняется под изображение - но при меньших размерах, четкость будет падать (возможно стоит делать наклон букв чуть влево - смотрится более приглядно при высоких и узких картинках, - данная рекомендация актуальна при наклоне надписи как сейчас.
Горизонтальных и вертикальных надписей на картинках-маркерах - это замечание не касается
ВНИМАНИЕ! открывающиеся по ссылкам изображения не маркируются.
Если вы не хотите делать маркирование картинкой (вам достаточно защиты от копирования), тогда вместо ссылки http://savepic.org/1173963.png ставите полностью прозрачную. Например: http:savepic.org/1138109.gif
PS: Если Вы хотите, чтобы со старых браузеров ИE6 все таки увидели картинку, картинка маркера должна быть формата png8 или даже лучше gif
Очевидно, маркер в таком случае будет удобнее делать надписи (или рисунки) горизонтально или вертикально по краю картинки, (поскольку в этих форматах изображения нет полупрозрачности, а затенение надписью или минилоготипом даже части рисунка по центру будет, наверное, не очень удачным решением.
Недокументированные возможности:
При заключении картинки в посте в теги [b] ... [/b], картинка не маркируется
Очень большие изображения автоужатые форумом будут отображаться не правильно, либо уменьшайте их при заливке на хостинг(обычно такие установки там есть) до максимальной ширины картинки в сообщении, либо обрамляйте тегами [b] ... [/b], для выключения картинки из маркирования
Защищаем, маркируем только особо ценные изображения (Deff)
Картинка маркируется и защищается от копирования только при заключении её в посте в теги[b]...[/b]
В HTML верх
Цитата
<style type="text/css">
div.post-content strong img.postimg{
display:none;
}
</style>
div.post-content strong img.postimg{
display:none;
}
</style>
В HTML низ:
Цитата
<script><!--Выборочное маркирование изображений v.2 -->
$(document).ready(function(){
$("div.post-content strong img.postimg").css("display","inline-block");
imgMarking = "http://savepic.org/1173963.png" // Ссылка на рисунок маркер
var imgURL
var x;
var y;
var s;
var inb
$("div.post-content strong img.postimg").each(function () {
x = this.offsetWidth;
y = this.offsetHeight;
inb = $(this).parent().get(0).tagName;
if ((x>80&&y>80)&&(inb == "STRONG")) {
$(this).css("width",x+"px");
$(this).css("height",y+"px");
imgURL = $(this).attr("src");
$(this).attr("src",imgMarking);
$(this).attr("alt","");
$(this).css("background-image","url("+imgURL+")");
}
});
});
</script><!--Конец//Выборочное маркирование v.2 -->
$(document).ready(function(){
$("div.post-content strong img.postimg").css("display","inline-block");
imgMarking = "http://savepic.org/1173963.png" // Ссылка на рисунок маркер
var imgURL
var x;
var y;
var s;
var inb
$("div.post-content strong img.postimg").each(function () {
x = this.offsetWidth;
y = this.offsetHeight;
inb = $(this).parent().get(0).tagName;
if ((x>80&&y>80)&&(inb == "STRONG")) {
$(this).css("width",x+"px");
$(this).css("height",y+"px");
imgURL = $(this).attr("src");
$(this).attr("src",imgMarking);
$(this).attr("alt","");
$(this).css("background-image","url("+imgURL+")");
}
});
});
</script><!--Конец//Выборочное маркирование v.2 -->
Просмотров: 612, Загрузок: 0, Оценка: 5.0 (1)
| Страницы: | |