Author
Message
Kaan

Administrators

Online status

678 posts

#1104   2020-01-27 08:53 GMT        
Sayfadaki resimleri çalınmaya karşı korumak için alternatiflerden biri, resme filigran eklemek; Filigran (watermark) kullanarak resimlerin üzerlerine isterseniz (text) yazı olarak koruma ekleyebileceğiniz gibi isterseniz site logo'nuzuda enjekte edebilirsiniz.

Şimdi sayfamıza içerik eklerken resimlere iki yolla filigran (watermark) ekleme imkanımız var. Birincisi resimlere yazı eklemek için class tanımı olarak img class=”watermark” yada resimlere logo eklemek için class tanımı img class=”watermark2″ kullanmamız yeterli olacaktır.

Gereken kodları html sayfası olarak aşağıda örnek olarak veriyorum. Siz, kullandığınız sistem seditio yada blog ise php ve css sayfalarınızda gerekli uyarlamayı aşağıdaki örneğe göre yapın.

HTML4STRICT:

<!DOCTYPE html>
' . $this->add_url_to_keyword('<html>', '2', 'BEGIN') . '' . $this->change_case('<html>') . '' . $this->add_url_to_keyword('<html>', '2', 'END')
' . $this->add_url_to_keyword('<head>', '2', 'BEGIN') . '' . $this->change_case('<head>') . '' . $this->add_url_to_keyword('<head>', '2', 'END')
' . $this->add_url_to_keyword('<meta', '2', 'BEGIN') . '' . $this->change_case('<meta') . '' . $this->add_url_to_keyword('<meta', '2', 'END')' ' . $this->add_url_to_keyword('http-equiv', '3', 'BEGIN') . '' . $this->change_case('http-equiv') . '' . $this->add_url_to_keyword('http-equiv', '3', 'END')="Content-Type"' ' . $this->add_url_to_keyword('content', '3', 'BEGIN') . '' . $this->change_case('content') . '' . $this->add_url_to_keyword('content', '3', 'END')="text/html; charset=utf-8" '/' . $this->add_url_to_keyword('>', '2', 'BEGIN') . '' . $this->change_case('>') . '' . $this->add_url_to_keyword('>', '2', 'END')
' . $this->add_url_to_keyword('<title>', '2', 'BEGIN') . '' . $this->change_case('<title>') . '' . $this->add_url_to_keyword('<title>', '2', 'END')Resimlere Filigran Ekleme - Resimlere Watermark Ekleme ' . $this->add_url_to_keyword(''' . $this->add_url_to_keyword('<', '2', 'BEGIN') . '' . $this->change_case('<') . '' . $this->add_url_to_keyword('<', '2', 'END')/title>', '2', 'BEGIN') . '' . $this->change_case(''' . $this->add_url_to_keyword('<', '2', 'BEGIN') . '' . $this->change_case('<') . '' . $this->add_url_to_keyword('<', '2', 'END')/title>') . '' . $this->add_url_to_keyword(''' . $this->add_url_to_keyword('<', '2', 'BEGIN') . '' . $this->change_case('<') . '' . $this->add_url_to_keyword('<', '2', 'END')/title>', '2', 'END')
' . $this->add_url_to_keyword('<meta', '2', 'BEGIN') . '' . $this->change_case('<meta') . '' . $this->add_url_to_keyword('<meta', '2', 'END')' ' . $this->add_url_to_keyword('http-equiv', '3', 'BEGIN') . '' . $this->change_case('http-equiv') . '' . $this->add_url_to_keyword('http-equiv', '3', 'END')="imagetoolbar"' ' . $this->add_url_to_keyword('content', '3', 'BEGIN') . '' . $this->change_case('content') . '' . $this->add_url_to_keyword('content', '3', 'END')="no" '/' . $this->add_url_to_keyword('>', '2', 'BEGIN') . '' . $this->change_case('>') . '' . $this->add_url_to_keyword('>', '2', 'END')
' . $this->add_url_to_keyword(''' . $this->add_url_to_keyword('<', '2', 'BEGIN') . '' . $this->change_case('<') . '' . $this->add_url_to_keyword('<', '2', 'END')/head>', '2', 'BEGIN') . '' . $this->change_case(''' . $this->add_url_to_keyword('<', '2', 'BEGIN') . '' . $this->change_case('<') . '' . $this->add_url_to_keyword('<', '2', 'END')/head>') . '' . $this->add_url_to_keyword(''' . $this->add_url_to_keyword('<', '2', 'BEGIN') . '' . $this->change_case('<') . '' . $this->add_url_to_keyword('<', '2', 'END')/head>', '2', 'END')
' . $this->add_url_to_keyword('<body>', '2', 'BEGIN') . '' . $this->change_case('<body>') . '' . $this->add_url_to_keyword('<body>', '2', 'END')
' . $this->add_url_to_keyword('<div', '2', 'BEGIN') . '' . $this->change_case('<div') . '' . $this->add_url_to_keyword('<div', '2', 'END')' ' . $this->add_url_to_keyword('align', '3', 'BEGIN') . '' . $this->change_case('align') . '' . $this->add_url_to_keyword('align', '3', 'END')="center" ' . $this->add_url_to_keyword('>', '2', 'BEGIN') . '' . $this->change_case('>') . '' . $this->add_url_to_keyword('>', '2', 'END')Filigran olarak Yazı eklenmiş görüntüsü ' . $this->add_url_to_keyword('<br>', '2', 'BEGIN') . '' . $this->change_case('<br>') . '' . $this->add_url_to_keyword('<br>', '2', 'END')
  ' . $this->add_url_to_keyword('<img', '2', 'BEGIN') . '' . $this->change_case('<img') . '' . $this->add_url_to_keyword('<img', '2', 'END')' ' . $this->add_url_to_keyword('class', '3', 'BEGIN') . '' . $this->change_case('class') . '' . $this->add_url_to_keyword('class', '3', 'END')="watermark"' ' . $this->add_url_to_keyword('src', '3', 'BEGIN') . '' . $this->change_case('src') . '' . $this->add_url_to_keyword('src', '3', 'END')="watermark-filigran-resim1.jpg" ' . $this->add_url_to_keyword('>', '2', 'BEGIN') . '' . $this->change_case('>') . '' . $this->add_url_to_keyword('>', '2', 'END') ' . $this->add_url_to_keyword('<br>', '2', 'BEGIN') . '' . $this->change_case('<br>') . '' . $this->add_url_to_keyword('<br>', '2', 'END')
  Resme Watermark resim eklenen görüntüsü ' . $this->add_url_to_keyword('<br>', '2', 'BEGIN') . '' . $this->change_case('<br>') . '' . $this->add_url_to_keyword('<br>', '2', 'END')
  ' . $this->add_url_to_keyword('<img', '2', 'BEGIN') . '' . $this->change_case('<img') . '' . $this->add_url_to_keyword('<img', '2', 'END')' ' . $this->add_url_to_keyword('class', '3', 'BEGIN') . '' . $this->change_case('class') . '' . $this->add_url_to_keyword('class', '3', 'END')="watermark2"' ' . $this->add_url_to_keyword('src', '3', 'BEGIN') . '' . $this->change_case('src') . '' . $this->add_url_to_keyword('src', '3', 'END')="watermark-filigran-resim1.jpg" ' . $this->add_url_to_keyword('>', '2', 'BEGIN') . '' . $this->change_case('>') . '' . $this->add_url_to_keyword('>', '2', 'END') ' . $this->add_url_to_keyword('<br>', '2', 'BEGIN') . '' . $this->change_case('<br>') . '' . $this->add_url_to_keyword('<br>', '2', 'END')
  ' . $this->add_url_to_keyword(''' . $this->add_url_to_keyword('<', '2', 'BEGIN') . '' . $this->change_case('<') . '' . $this->add_url_to_keyword('<', '2', 'END')/div>', '2', 'BEGIN') . '' . $this->change_case(''' . $this->add_url_to_keyword('<', '2', 'BEGIN') . '' . $this->change_case('<') . '' . $this->add_url_to_keyword('<', '2', 'END')/div>') . '' . $this->add_url_to_keyword(''' . $this->add_url_to_keyword('<', '2', 'BEGIN') . '' . $this->change_case('<') . '' . $this->add_url_to_keyword('<', '2', 'END')/div>', '2', 'END')
' . $this->add_url_to_keyword('<script', '2', 'BEGIN') . '' . $this->change_case('<script') . '' . $this->add_url_to_keyword('<script', '2', 'END')' ' . $this->add_url_to_keyword('src', '3', 'BEGIN') . '' . $this->change_case('src') . '' . $this->add_url_to_keyword('src', '3', 'END')="jquery-1.11.3.min.js" ' . $this->add_url_to_keyword('>', '2', 'BEGIN') . '' . $this->change_case('>') . '' . $this->add_url_to_keyword('>', '2', 'END') ' . $this->add_url_to_keyword(''' . $this->add_url_to_keyword('<', '2', 'BEGIN') . '' . $this->change_case('<') . '' . $this->add_url_to_keyword('<', '2', 'END')/script>', '2', 'BEGIN') . '' . $this->change_case(''' . $this->add_url_to_keyword('<', '2', 'BEGIN') . '' . $this->change_case('<') . '' . $this->add_url_to_keyword('<', '2', 'END')/script>') . '' . $this->add_url_to_keyword(''' . $this->add_url_to_keyword('<', '2', 'BEGIN') . '' . $this->change_case('<') . '' . $this->add_url_to_keyword('<', '2', 'END')/script>', '2', 'END')
' . $this->add_url_to_keyword('<script', '2', 'BEGIN') . '' . $this->change_case('<script') . '' . $this->add_url_to_keyword('<script', '2', 'END')' ' . $this->add_url_to_keyword('src', '3', 'BEGIN') . '' . $this->change_case('src') . '' . $this->add_url_to_keyword('src', '3', 'END')="jquery.watermark.js"' ' . $this->add_url_to_keyword('type', '3', 'BEGIN') . '' . $this->change_case('type') . '' . $this->add_url_to_keyword('type', '3', 'END')="text/javascript" ' . $this->add_url_to_keyword('>', '2', 'BEGIN') . '' . $this->change_case('>') . '' . $this->add_url_to_keyword('>', '2', 'END') ' . $this->add_url_to_keyword(''' . $this->add_url_to_keyword('<', '2', 'BEGIN') . '' . $this->change_case('<') . '' . $this->add_url_to_keyword('<', '2', 'END')/script>', '2', 'BEGIN') . '' . $this->change_case(''' . $this->add_url_to_keyword('<', '2', 'BEGIN') . '' . $this->change_case('<') . '' . $this->add_url_to_keyword('<', '2', 'END')/script>') . '' . $this->add_url_to_keyword(''' . $this->add_url_to_keyword('<', '2', 'BEGIN') . '' . $this->change_case('<') . '' . $this->add_url_to_keyword('<', '2', 'END')/script>', '2', 'END')
' . $this->add_url_to_keyword('<script', '2', 'BEGIN') . '' . $this->change_case('<script') . '' . $this->add_url_to_keyword('<script', '2', 'END')' ' . $this->add_url_to_keyword('src', '3', 'BEGIN') . '' . $this->change_case('src') . '' . $this->add_url_to_keyword('src', '3', 'END')="script.js"' ' . $this->add_url_to_keyword('type', '3', 'BEGIN') . '' . $this->change_case('type') . '' . $this->add_url_to_keyword('type', '3', 'END')="text/javascript" ' . $this->add_url_to_keyword('>', '2', 'BEGIN') . '' . $this->change_case('>') . '' . $this->add_url_to_keyword('>', '2', 'END') ' . $this->add_url_to_keyword(''' . $this->add_url_to_keyword('<', '2', 'BEGIN') . '' . $this->change_case('<') . '' . $this->add_url_to_keyword('<', '2', 'END')/script>', '2', 'BEGIN') . '' . $this->change_case(''' . $this->add_url_to_keyword('<', '2', 'BEGIN') . '' . $this->change_case('<') . '' . $this->add_url_to_keyword('<', '2', 'END')/script>') . '' . $this->add_url_to_keyword(''' . $this->add_url_to_keyword('<', '2', 'BEGIN') . '' . $this->change_case('<') . '' . $this->add_url_to_keyword('<', '2', 'END')/script>', '2', 'END')
' . $this->add_url_to_keyword(''' . $this->add_url_to_keyword('<', '2', 'BEGIN') . '' . $this->change_case('<') . '' . $this->add_url_to_keyword('<', '2', 'END')/body>', '2', 'BEGIN') . '' . $this->change_case(''' . $this->add_url_to_keyword('<', '2', 'BEGIN') . '' . $this->change_case('<') . '' . $this->add_url_to_keyword('<', '2', 'END')/body>') . '' . $this->add_url_to_keyword(''' . $this->add_url_to_keyword('<', '2', 'BEGIN') . '' . $this->change_case('<') . '' . $this->add_url_to_keyword('<', '2', 'END')/body>', '2', 'END')
' . $this->add_url_to_keyword(''' . $this->add_url_to_keyword('<', '2', 'BEGIN') . '' . $this->change_case('<') . '' . $this->add_url_to_keyword('<', '2', 'END')/html>', '2', 'BEGIN') . '' . $this->change_case(''' . $this->add_url_to_keyword('<', '2', 'BEGIN') . '' . $this->change_case('<') . '' . $this->add_url_to_keyword('<', '2', 'END')/html>') . '' . $this->add_url_to_keyword(''' . $this->add_url_to_keyword('<', '2', 'BEGIN') . '' . $this->change_case('<') . '' . $this->add_url_to_keyword('<', '2', 'END')/html>', '2', 'END')
 

WATERMARK (filigran) ekleme işlemini; script.js dosyası içerisinde tanımlamamız gerekiyor.

script.js dosyasının içeriği;
JAVASCRIPT:

$('.watermark').watermark({
  text: 'SeditioCMS.Com',  // Filingran yazısı
  textWidth: 100,
  gravity: 'ne', // Filigran yönü için nw - n - ne - w - e - sw - s - se
  opacity: 0.5,  // puslu görünüm değeri 0.7, 0.8 - 1 - 2
  margin: 7 });
$('.watermark2').watermark({
  path: 'watermark.png',  // filigran resmi
  margin: 0,
  gravity: 'ne',
  opacity: 0.5,
  outputWidth: 400});
 

Görüldüğü üzere watermark text kısmında enjekte edilecek yazı tanımlayabiliriz. Resme filigran görüntüsü eklemek için watermark2 kısmında path bölümünde png formatında logo tanımlamalıyız.

Aşağıdaki kodları sayfamızın </body> etiketinden önce örneğimizdeki gibi eklememiz yeterlidir.
Kod:
<script src="jquery-1.11.3.min.js"></script>
<script src="jquery.watermark.js" type="text/javascript"></script>
<script src="script.js" type="text/javascript"></script>


Dosyaları İndir
Mesajın içeriğini Görmeniz için Giriş yapınız.


Bunlara baktınızmı?
PHP Otomatik Sayfa Yenileme
Otomatik giriş hakkında
Google AdSense “Otomatik Reklamlar” Özelliğini Duyurdu!
Kişiliğim, hayatım hakkında konuşabilirsiniz. Fikir yürüte bilirsiniz. Beni öyle böyle sanabilirsiniz. Ama emin olamazsınız. Sizin hakkımdaki yorumlarınız, sanmalarınız benim gerçek de ne olduğumu değiştirmez. Baktığım yeri söyleye bilirsiniz ama ne gördüğümü ASLA...