Author
Message
Kaan
678 posts |
#1104 2020-01-27 09: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 uya : tml] lt;/script><!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Resimlere Filigran Ekleme - Resimlere Watermark Ekleme</title> <meta http-equiv="imagetoolbar" content="no" /> </head> <body> <div align="center">Filigran olarak Yazı eklenmiş görüntüsü<br> <img class="watermark" src="watermark-filigran-resim1.jpg"><br> Resme Watermark resim eklenen görüntüsü<br> <img class="watermark2" src="watermark-filigran-resim1.jpg"><br> </div> <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> </body> </html> </body> </html> [/highlight] WATERMARK (filigran) ekleme işlemini; script.js dosyası içerisinde tanımlamamız gerekiyor. script.js dosyasının içeriği; [highlight=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}); [/highlight] 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ğıd Kod: dları sayfamızın [b]</body>[/b] etiketinden önce örneğimizdeki gibi eklememiz yeterlidir. ;</script>[code] <script src="jquery-1.11.3.min.js"></script> <script src="jquery.watermark.js" type="text/javascript"&g <script src="script.js" type="text/javascript"></script> [/code] Dosyaları İndir Mesajn ieriini Grmeniz iin Giri yapnz.
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...
|
