Create a Watermark

<body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0> <table cellpadding=0 cellspacing=0 border=0><tr> <td valign="top" height=50 BGCOLOR="#660099" TEXT="#080000"> <div> <TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="725" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="VOID" RULES="NONE" ALIGN="LEFT" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=CENTER HEIGHT= 33 ><NOBR><div> <B>Sami's Site: CSB - Trellix Support and Tests</B></div> </NOBR></tD> <tD VALIGN=CENTER WIDTH="71"><div> <A HREF="id129.htm" TARGET="_top" TITLE="Overlap Images"><IMG SRC="640070e0.png" border=0 width="7" height="14" ALT="previous" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></A>  <IMG BORDER="0" SRC="1x1.gif" HEIGHT="14" ALIGN="BOTTOM" HSPACE="0" VSPACE="0" WIDTH="14">  <A HREF="id35.htm" TARGET="_top" TITLE="Gif Png Transparency"><IMG SRC="642070e0.png" border=0 width="7" height="14" ALT="next" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></A></div> </tD> <tD VALIGN=CENTER><NOBR><div> <DIV style="TEXT-ALIGN: center"> <STYLE type=text/css> #rollbutton a { color: #C0DCC0; font-size:12px; font-weight: bold; text-decoration: none; border:2px outset #D3D3D3; background-color:#680098; display: block; width: 85px; height: 19px; padding: 0px; } #rollbutton a:hover { background-color: #C0DCC0; color:#680098; padding-left: 3px; border:2px inset #D3D3D3; } </STYLE> <DIV id=rollbutton> <A href="http://www.samisite.com" title="Samisite.com Home Page" target="_top" onfocus="this.blur()">HOME</A> <A href="http://www.forum.samisite.com" title="Visit the Samisite Webmaster Community Forum" target="_top" onfocus="this.blur()">FORUM</A></DIV> </DIV></div> </NOBR></tD> </tR> </TABLE></div> <bR> <div> </div> </td> </tr><tr> <td valign="top" height=430 BGCOLOR="#DDDDDD" TEXT="#080000"> <div> <STYLE>  </STYLE><A HREF="index.htm" TARGET="_top" TITLE="Test Index">Test Index</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id93.htm" TARGET="_top" TITLE="Photo Borders">Photo Borders</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id125.htm" TARGET="_top" TITLE="Table of sliced images Rounded corners">Table of sliced images - Rounded corners</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="sliceandlink.htm" TARGET="_top" TITLE="Sliced images and manually linked">Sliced images and manually linked</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id129.htm" TARGET="_top" TITLE="Overlap Images">Overlap Images</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><B>Create a Watermark</B><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id35.htm" TARGET="_top" TITLE="Gif Png Transparency">Gif Png Transparency</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id138.htm" TARGET="_top" TITLE="ButtonsImage Links">Buttons-Image Links</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id136.htm" TARGET="_top" TITLE="Image Names">Image Names</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id139.htm" TARGET="_top" TITLE="Image Theft">Image Theft</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id33.htm" TARGET="_top" TITLE="Lake Applet">Lake Applet</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id109.htm" TARGET="_top" TITLE="Other applets">Other applets</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id94.htm" TARGET="_top" TITLE="Slideshow1">Slideshow1</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id127.htm" TARGET="_top" TITLE="Slideshow2">Slideshow2</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id144.htm" TARGET="_top" TITLE="Slideshow3">Slideshow3</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id88.htm" TARGET="_top" TITLE="Galleries">Galleries</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id141.htm" TARGET="_top" TITLE="DD Thumbnail Viewer">DD Thumbnail Viewer</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="imagemap.htm" TARGET="_top" TITLE="image map">image map</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id113.htm" TARGET="_top" TITLE="xara thumbnail">xara thumbnail</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id114.htm" TARGET="_top" TITLE="Random Image">Random Image</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id131.htm" TARGET="_top" TITLE="LOGO BRANDING">LOGO BRANDING</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id126.htm" TARGET="_top" TITLE="Animated Image">Animated Image</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id132.htm" TARGET="_top" TITLE="photo with sound">photo with sound</A></div> <bR> <div> <B>Create a watermark image!</B></div> <div> <B>for the background of a table or webpage!</B><FONT SIZE="3" COLOR="#0000CC" FACE="Arial" > <script language="JavaScript1.2"> /* Disable right click script II (on images)- By Dynamicdrive.com For full source, Terms of service, and 100s DTHML scripts Visit http://www.dynamicdrive.com */ var clickmessage="Please do not take the images!" function disableclick(e) { if (document.all) { if (event.button==2||event.button==3) { if (event.srcElement.tagName=="IMG"){ alert(clickmessage); return false; } } } else if (document.layers) { if (e.which == 3) { alert(clickmessage); return false; } } else if (document.getElementById){ if (e.which==3&&e.target.tagName=="IMG"){ alert(clickmessage) return false } } } function associateimages(){ for(i=0;i<document.images.length;i++) document.images[i].onmousedown=disableclick; } if (document.all) document.onmousedown=disableclick else if (document.getElementById) document.onmouseup=disableclick else if (document.layers) associateimages() </script>   <META HTTP-EQUIV="imagetoolbar" CONTENT="no">  </FONT></div> <bR> <DIV ALIGN="LEFT"></DIV> <div> <A HREF="http://www.samisite.com/backgrounds/" TARGET="_blank" TITLE="http://www.samisite.com/backgrounds/"><B>See samples here of backgrounds</B></A></div> <bR> <div> <B>Key: the image must be light enough to not interfere with text being placed on top of it.</B></div> <bR> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="0" WIDTH="613" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="BOX" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=CENTER HEIGHT= 204 ><NOBR><div> <I><B>BEFORE</B></I></div> <div> <I><B><IMG SRC="458d39e0.jpg" border=0 width="211" height="158" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></B></I></div> <div> <I><B>Text would be unreadable.</B></I></div> </NOBR></tD> <tD VALIGN=CENTER WIDTH="343"><div> <I><B>AFTER</B></I></div> <bR> <div> <I><B> <table background="HTMLobj-1184/spazwindowwater.jpg" border="0" cellpadding="6" cellspacing="2" width="211" height="158"> <tr> <tD VALIGN=TOP HEIGHT= 112 > <bR> <bR> <bR> <FONT SIZE="3" COLOR="#660099" FACE="Arial,Helvetica,sans-serif"> <div> <CENTER><B>Text placed over this image can be read!</B></CENTER></div> <bR> <bR> </FONT> </td> </tr> </table>  </B></I></div> <bR> </tD> </tR> </TABLE></div> <bR> <div> <B> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="519" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="BOX" RULES="ROWS" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 47 ><NOBR><div> <I><B>BEFORE:     <IMG SRC="49b54290.gif" border=0 width="84" height="41" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></B></I></div> </NOBR></tD> <tD VALIGN=TOP WIDTH="251"><div> <I><B>AFTER:     <IMG SRC="49c54290.gif" border=0 width="84" height="41" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></B></I></div> </tD> </tR> <tR> <tD VALIGN=TOP COLSPAN=2 HEIGHT= 27 WIDTH="503"><div> <B> <table background="HTMLobj-1181/CSBlogotilefaded.gif" border="0" cellpadding="6" cellspacing="2" width="510" height="323"> <tr> <tD VALIGN=TOP HEIGHT= 112 > <bR> <bR> <bR> <div> <FONT SIZE="4" COLOR="#660099" FACE="Arial,Helvetica,sans-serif"><CENTER><B>TILED LOGO IMAGE!</B></CENTER></FONT></div> <bR> <bR> <bR> <bR> <FONT SIZE="3" COLOR="#660099" FACE="Arial,Helvetica,sans-serif"> <div> <CENTER><B>WATERMARK STYLE IMAGE CAN BE IN A TABLE, OR THE BACKGROUND OF A WEBPAGE!</B></CENTER></div> <bR> <bR> </FONT> </td> </tr> </table>  </B></div> </tD> </tR> <tR> <tD VALIGN=TOP COLSPAN=2 HEIGHT= 115 WIDTH="503"><div> The tiled image in the center row  is made by placing a second table inside that row.  The code for the new table has the image & text and is put into an insert >HTML <FONT SIZE="1" COLOR="#000000" FACE="Arial" >(webgem)</FONT>.</div> <bR> <div> <B>To capture the code, press Select All then COPY the contents.</B></div> <div> <B>MUST change each gEMDIR to GEMDIR before using code!</B></div> <div>  <style> .highlighttext{ background-color:yellow; font-weight:bold; color: #6600CC; } </style> <script language="Javascript">  </script>  <FONT SIZE="3" COLOR="#000000" FACE="Arial" ><B> <form name="code1"> <a class="highlighttext" href="javascript:HighlightAll('code1.select1')">Select All</a><br> <textarea name="select1" rows=10 cols=55 > <table background="^gEMDIR/CSBlogotilefaded.gif" border="0" cellpadding="6" cellspacing="2" width="510" height="323"> <tr> <tD VALIGN=TOP HEIGHT= 112 > <bR> <bR> <bR> <div> <FONT SIZE="4" COLOR="#660099" FACE="Arial,Helvetica,sans-serif"><CENTER><B>TILED LOGO IMAGE!</B></CENTER></FONT></div> <bR> <bR> <bR> <bR> <FONT SIZE="3" COLOR="#660099" FACE="Arial,Helvetica,sans-serif"> <div> <CENTER><B>WATERMARK STYLE IMAGE CAN BE IN A TABLE, OR THE BACKGROUND OF A WEBPAGE!</B></CENTER></div> <bR> <bR> </FONT> </td> </tr> </table> </textarea> </form>  </B></FONT></div> </tD> </tR> </TABLE></B></div> <bR> <bR> <div> <B>FASTEST/EASIEST WAY TO MAKE THE IMAGE:</B></div> <bR> <div> <B>use your BRIGHTNESS/CONTRAST settings in your photo program</B></div> <bR> <bR> <div> <B>OR</B></div> <div> <B>USING PAINT SHOP PRO LAYERS:</B></div> <bR> <div> Add a new layer to your image:  <B>Layers > New Adjustment Layer > Hue/Saturation/Lightness</B></div> <div> Push the Lightness up to 90% or 100% then say ok</div> <bR> <div> Use the layer slider to make a watermark or adjust the brightness setting to WASH the image with white.</div> <bR> <div> When image is acceptable:  <B>Layers > Merge > Merge All (Flatten)</B></div> <div> <B>File Save As</B> to make a new image so the original is not damaged. </div> <bR> <div> The image below shows the opacity slider (set at 61%)</div> <div>  and the Lightness setting (set at 100%) in Paint Shop Pro.</div> <div> <IMG SRC="46dbaa10.jpg" border=0 width="442" height="417" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> <bR> </td> </tr></table></body>