regarding watermark

Posted Date: 28 Aug 2008 Posted By: meena Member Level: Bronze Points: 1 Responses: 1

hello friends
i m using watermark in my web page
but while taking prinout it is not displaying..........

How can i make it posssible to display it using code.........

pls help me

thanks in advance!

Responses

Author: kalyan kumar pasupuleti 28 Aug 2008

Member Level: Gold

Rating:

Points: 6

Hi meena

Read some questions then you may get clear cut about watermark

How to Create a Basic Watermark

There are two different ways you can put a watermark on your page. The first is with style sheets. You simply set the background image of your page to be "fixed" and "no-repeat", and modern browsers will create a watermark of the image.

For example:

style>

</style>

The other type of watermark is done with DHTML. You could see this type of watermark on Geocities and other Web pages. It creates an image or HTML region that seems to float somewhere on the page.
How to Create a Floating Watermark Using a Dynamic Drive Script

1. Create an image to use as your watermark
The image should be small, and preferably at least somewhat transparent, as your readers can't read through solid images.

2. Put your watermark on the page
Place it where you want it for browsers who don't have DHTML capabilities. I usually put the watermark at the bottom of the page.

3. Surround the watermark inside <div> tags with the following attributes:

<div id="watermarklogo" style="position: absolute;">

4. Place the following at the bottom of your Web page, before the </body>:

<script src="staticlogo.js"></script>

5. Go to the Dynamic Drive site and grab the JavaScript you want to use to place your logo.
* staticlogo.js (Lower right corner logo)
* staticlogo2.js (Lower left corner logo)
* staticlogo3.js (Upper left corner logo)
* staticlogo4.js (Upper right corner logo)
6. Modify the script to match your logo dimensions.

7. Rename the script "staticlogo.js" and upload it to the same directory as your Web page.

How To Create Your Own Photo Album Web Site
One of the best ways to share your great digital images with friends and family is through your own personal Web site. You don't need to be a computer know-it-all to create a basic site to showcase an online photo album. In fact, even a novice can create a great site. You can create a wedding Web site for before, during and after pictures of the process. The same goes for a new baby. Or just have a site with several albums of family events and vacations. It's free and easy.
Difficulty: Easy
Time Required: A weekend
Here's How:

1. Gather the images you want to post on your Web page. Make copies of each image, and resize them for the Web. You can also tinker with the photos to improve image quality. While this sounds complicated, it really isn't. The crucial point is to be sure your images are small enough. No one wants to wait several minutes for a huge image to load. Get tips from the About Graphics Software site on preparing images for the Web.
2. Sign up for a Web page. There are numerous sites that offer Web pages for free. The About Freebies site features an extensive list of free Web hosting sites. If you want higher quality (and fewer mandatory pop-up ads), consider a pay site. I personally use Homestead, which allows members to create high-quality sites with ease. They also feature a tool for creating slide shows.
3. Organize your site. Some of the most obnoxious sites feature one page crammed with big images. Not only is it ugly, it's inconsiderate of your dial-up friends. Instead, decide on themes for each album, and then put photos under each theme. For instance, have one page for the family vacation to New York City. Have another for the 2005 family reunion. Add yet another for little Susie's birthday party. Try to restrict each album to 10-20 of the best images.
4. Create your main page. If the site is only going to serve as a photo album, great. That makes things easy. Odds are, though, you'll get hooked and want to add other pages. This is fine. Your main page should serve as a welcome sign for visitors. Type up a small note of hello. You could include your best photo to brighten thing up. Create a menu that is clear and will direct people to other pages. For instance, a typical menu would include Home, Photo Albums, Journal and a Contact page.
5. Make your album page. For each album, you should create a main page that will link visitors to each photo. A nice way to do this is by creating small 1"x1" or 2"x2" thumbnail copies of the larger images. Let users click on these to reach the larger images. An easier option is to have a list of image names that link to the photos. For each album main page, give it a title that reflects the images, such as, "Our 20th Anniversary Party."
6. Add images to your album. I recommend giving each image its own page so that you can type a cutline (a brief description) under the image. Also be sure each individual image page links back to the main album page, and the home page.
7. Spread the word. Once the site is up and you're satisfied with it, contact your families and friends to announce the new Web page. A great way to do this is to send an e-mail out to several people at once (keeping in mind that this can cause some e-mail filters to block a message). Either way, send a message to those you want to invite. Be sure you leave the http:// at the beginning of your Web site address so they can just click through.
8. Play it safe! You very well might be creating this site for a select group of family members and friends. That doesn't change the fact that the whole world can see it, too. Don't put any personal information on your page (such as last names, addresses, phone numbers, birthdates, and so on). Be careful to avoid any details that could reveal information about you or your loved ones.
9. Protect your pictures. Be sure you protect your images from being taken and used against your wishes. Better yet, don't post any images you wouldn't want stolen. Find out more details about protecting your images online.

Tips:

1. Create a folder on your hard drive for your Web files and images. You can even create subfolders for each Web photo album. This will make it much easier to manage the images and the site.
2. Copy any images BEFORE you edit them for the Web. The last thing you want to do is reduce your great 2MB image to a great Web size, then discover you can't get a decent print out of it.
3. Maintain consistency on all your pages. Choose one background and menu style, for instance, and stick with it. While it might be fun to use a crazy balloon background for the birthday party album, and a stork background for baby pictures, try to refrain. Speaking of stork backgrounds, try to keep the design simple or it will detract from the photos. Pick one theme, make it subtle and clean, and stick with it. Let the photos be the focal point.
4. Fish around the Web and look at other personal photo album pages. Just down notes on things you like and, more importantly, things you don't like. Click around the sites so you get an idea of what is and isn't user-friendly. This is a great way to get ideas and inspiration.

How Can I Create a Watermark on a Web Page?

Watermarks are easy to create using three CSS style properties:

* background-image
* background-repeat
* background-attachment

You use background-image to define the image to use as your watermark, background-repeat to make it display only once, and background-attachment to turn it into a watermark.

Add the following to the HEAD of your Web page. Change the URL to your background image, and you'll have a watermark:

<style>

</style>

If you want to place the watermark in a specific location on your Web page (say, the middle of the page), add the background-position property to your style to place the image.

Changing the Position of Image Watermarks

You are limited in your options for inserting picture watermarks in your document. Unfortunately, you don’t have the option of specifying the position of the watermark on the page – it will be centered vertically and horizontally.

The majority of people will probably want their watermarks in the dead center of the page, but some might find this a little boring, not to mention restrictive.

Those who want to add a little more creative flair might want to experiment with the positioning of the watermark on the page.

Fortunately, there is a way to get around the restrictions on placement. If you have a photo or graphics program, you can use it to add white space to the edges of your picture

The blank portions won’t print. But Word considers them part of the image, so they can be used as spacers that will push the image to one or more side of the page. For example: if you want the watermark in the bottom right corner of the page, add white space to the top and left sides of the image.

The drawback to doing this is it might take a lot of trial and error to position the watermark exactly how you want it to appear.

If you plan on using the watermark as part of a template, however, the process is well worth your while.

Regards
kalyan Pasupuleti

Post Reply

This thread is locked for new responses. Please post your comments and questions as a separate thread.
If required, refer to the URL of this page in your new post.

	Next : Error
	Previous : Help Regarding AJAX Controls
	Return to Discussion Forum
	Post New Message
	Category: ASP.NET

Related Messages

dotNet Slackers

About Us Contact Us Privacy Policy Terms Of Use