Водяной знак меня там стоял, но он был в углу и любой, спокойно мог пересохранить документы с нашего форума и поставить на другом ресурсе от себя. Мне нужно было сделать чтоб водяной знак размножался. Результат получился неплохим. Но если кто сможет подправить и улучить мои правки - будет замечательно.
И так легко уже изображение не сохранишь.
Вот что вышло: Теперь - как этого достичь:
согласно инструкциям по установке мода нам нужно править файлы стилей styles/prosilver/template/overall_header.html и styles/subsilver2/template/overall_header.html
правка там одна и та же
находим вставленные нами фрагмент
Код: Выделить всё
<!-- IF SCRIPT_NAME == "viewtopic" or SCRIPT_NAME == "posting" or SCRIPT_NAME == "ucp" or SCRIPT_NAME == "search" -->
<script type="text/javascript" src="{ROOT_PATH}/highslide/highslide-with-gallery.js"></script>
<link rel="stylesheet" type="text/css" href="{ROOT_PATH}/highslide/highslide.css" />
<script type="text/javascript">
hs.graphicsDir = 'highslide/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.fadeInOut = false;
hs.dimmingOpacity = 0.75;
hs.wrapperClassName = 'borderless';
hs.captionOverlay.hideOnMouseOut = true;
hs.marginLeft = 85;
hs.marginBottom = 0;
hs.marginTop = 0;
hs.numberPosition = 'caption';
// Adding the Watermark
hs.registerOverlay({
html: '<div class="watermark" onclick="return hs.close(this)" title="Close" style="width:120px; height: 120px; background: url(highslide/graphics/watermark.png)"></div>',
hideOnMouseOut: true,
opacity: 0.4,
repeat: false,
position: 'top right',
fade: 2 // fading the semi-transparent overlay looks bad in IE
})
// Adding the controlbar
if (hs.addSlideshow) hs.addSlideshow({
//slideshowGroup: 'group1',
interval: 3000,
repeat: false,
useControls: true,
fixedControls: true,
overlayOptions: {
opacity: .6,
position: 'top center',
hideOnMouseOut: true
},
thumbstrip: {
position: 'middle left',
mode: 'vertical',
relativeTo: 'viewport'
}
});
</script>
<!-- ENDIF -->
Код: Выделить всё
// Adding the Watermark
hs.registerOverlay({
html: '<div class="watermark" onclick="return hs.close(this)" title="Close" style="width:120px; height: 120px; background: url(highslide/graphics/watermark.png)"></div>',
hideOnMouseOut: true,
opacity: 0.4,
repeat: false,
position: 'top right',
fade: 2 // fading the semi-transparent overlay looks bad in IE
})
Ну и параметр position: 'top right' на position: 'center'
Не забываем чистить кэш.
Не знаю возможно ли сделать так, чтобы размеры водяного знака брались из размера изображения, то есть если одна картинка 300 на 300, то для этой картинки размер поля с заполнением 300 на 300, другая например 1600 на 900, то поле водяного знака становится 1600 на 900....
П.С. может вопрос не в тему, а как прописать водяной знак на превью?