В този урок ще ви обясня как да добавите воден знак на вашите снимки. Предимството на кода е, че може да добавя текст и изображения, вмъкнати в снимката за да подпечатва авторското право върху вашите снимки.
Обяснение за форум от
forumotion.Отваряте админ панела
Дисплей/Templates/системни/overall_footer_begin и добавяте този код.
- Код:
-
<script src="https://drive.google.com/uc?authuser=0&id=13v24J28ZckcwuFVJYmdTqF-b-iHPXi-z&export=download?dl=0"></script>
<script>// path to the watermark image
$(function(){
//add text water mark;
$('.watermarktext img').watermark({
text: 'Вашия текст',
textWidth: 100,
textColor: 'white'
});
//add image water mark
$('.watermarkimg img').watermark({
path: 'https://i62.servimg.com/u/f62/16/34/78/03/vodenz23.png'
});
})
</script>
От следните редове може да промените:
text: 'Вашия текст', -какъв текст да се поставя на снимката.
textWidth: 100, - размера на надписа
textColor: 'white' - Цвят на текста.
Ако сте задали върху снимката ви да се показва воден знак чрез изображение трябва да замените линка които съм дал със вашия.
[You must be registered and logged in to see this link.]Следващата стъпка, изберете какво искате да покажете воден знак чрез текст или изображение и след това да му дадете клас Div в съдържанието си. Това означава, че трябва да търсите тази променлива
{postrow.displayed.MESSAGE} в шаблона
viewtopic_body. И да го го заменете с този
Пример: изображение за воден знак текст.
- Код:
-
<div class="watermarktext">{postrow.displayed.MESSAGE}</div>
или ако предпочитате изображение за воден знак (не текст)
- Код:
-
<div class="watermarkimg">{postrow.displayed.MESSAGE}</div>
Последната стъпка е да добавите библиотеката jQuery 2.1.4 в
Дисплей/Templates/системни/overall_header - Код:
-
<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
Ако линка от кода спре да работи копирайте този и го заменете
[You must be registered and logged in to see this link.][You must be registered and logged in to see this image.]Забележка: Качвам js файловете в отделен архив в случаи,че хоста където са качени спре и да не се налага да ги търсим отново.
|
[You must be registered and logged in to see this image.]__________________________________________________________________________
[You must be registered and logged in to see this image.]