Allwebco Website Template Watermark

Auto Watermark Setup

Some Allwebco gallery templates include a built-in watermark in the image viewer and the slideshow. Below are listed some of your options with the watermark.

Note (please read):
Newer Allwebco templates may include the watermark code in the "watermark.js" and not in the slideshow.htm or the pop-closeup.js. If your template includes a watermark.js you only need to edit that file.

Watermark in Lytebox templates
In templates that include a watermark and the Lytebox style gallery viewers, a "watermark.js" is not included. The watermark.gif is located in the "lytebox" folder. You can edit the watermark location and opacity in the "lytebox.css" in the "lytebox" folder.

What are the options:
Open your "pop-closeup.js" and/or your "slideshow.htm" or your "watermark.js" in a plain text editor like Notepad. Then click on the eye below to see what code to change.


In Lytebox gallery templates:
Edit the following code in the "lytebox.css" in the "lytebox" folder to update the watermark in Lytebox type gallery templates:

#lbWatermarkContainer {
width: 100%;
height: 50px;
margin-bottom: -50px;
position: relative;
left: 0px;
bottom: 145px;
background: url(watermark.gif) no-repeat top center;
filter: alpha(opacity=35);
display: none; /* ADD THIS TO TURN OFF WATERMARK */

Turn off watermark in Lytebox galleries:
Edit the above code and add display: none; right after opacity:.35; (highlighted in red above).

The Watermark Image:
If you want to use your own image for the watermark, open the "watermark.gif" in your "picts" folder, or in the "lytebox" folder in Lytebox templates, and edit the image. Keep in mind that this may be a transparent .gif. You will want to use software like LView Pro to create transparent .gifs. If you have trouble with this send your image to Allwebco and we can make it transparent for you. See opacity option below.

Watermark Opacity:
This determines how "see-through" your watermark is. Edit the "watermark_opacity" in your "slideshow.htm" and your "pop-closeup.js" in a plain text editor. NOTE: The opacity option only works in Internet Explorer and a few other browsers. About 5% of your visitors will see your watermark as non-transparent. In newer templates opacity is set in the watermark.js or may be in your template CSS file.

Watermark Location:
It is important to have your watermark in the right place in the pop-ups and slideshow. Move it around until it looks good over any of your images. You will want to check every image in the gallery for this. To change the placement, you will edit your "slideshow.htm" and your "pop-closeup.js" in a plain text editor. Click on the eye above to see the code to change. In newer templates location is set in the watermark.js or may be in your template CSS file.

Watermark On/Off:
The watermark can also simply be turned off or back on as you like. You will edit your "slideshow.htm" and your "pop-closeup.js" in a plain text editor. Click on the eye above to see the code to change. In newer templates on/off is set in the watermark.js.

More Protection Using the Watermark:
Images in the gallery can still be dragged by users and saved on their computers. Optionally, you can make the watermark the same size as your images and align them in the "watermark.js" to completely cover your image. Then the watermark would be dragged instead. In this case make sure your watermark does not overlap any slideshow or other gallery buttons. Be sure to check all buttons on the gallery / slideshow pages.

WARNING: Be sure to make a backup of the "pop-closeup.js" or "watermark.js" before you start editing. Then, make sure you only change the "yes" "no" and number options.

Related Topics:
Opening and editing .js files
Pop-Up Variables in Select Templates

Allwebco Template Support

Allwebco Website Template Support

See Also...
Slideshow Setup
Watermark Setup
Extra Slideshows
Pop-Up Variables

Watermark Gallery Templates
Wesite templates for photographers.
HTML Website Template
Photography Web Templates
Art and photo gallery web templates.
HTML Website Templates
Garden Lytebox Templates
Lytebox gallery nature templates.
HTML Website Template
Shopping Cart Templates
Professional templates with built-in Paypal.

Website Template Support
Website Template Support