Home | JCBid |Software Development | Domain Registration | Hosting | Web Designing | Buy Books | Advertise with JCSearch | Whois | IP Locator |
Add Search | Shopping | Store | Free Blogs | Free GuestBook | Free E-Cards | Free Games | Free Tutorials | Set as Home | Add to Favorite | Suggest a Site | Directory Our Portfolio | Terms of service | Free quote | Tell a Friend | Special Offer | Job Opportunities | games | Usenet Groups

 
JCBid Auction

TRAM 3-B-HC FIBERGLASS CB ANTENNA (BLACK, 3 FT)
Seller: mjstore

OTTERBOX HTC4-39100-H2-E4OTR HTC(R) VIVID(TM) COMMUTER SERIES(R) CASE (BLACK/GRAY)
Seller: mjstore
Jasmine Computers Inc.
JCBid Auction

XANTECH HDMIEXTEND POINT-TO-POINT HDMI™ CAT-5 EXTENDER
Seller: j91409

DB BASS INFERNO BIW6 10S4 4_ SINGLE VOICE COIL SUBWOOFER (10", 2,000W)
Seller: jkelectronics

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

JasmineCorp Directory
 Check Domain Name:
.  
Gradient Background

Jasminecorp.net for excellent web hosting/designing


Paint Shop Pro 7 (Graphics designing Tutorial)
Advanced Tutorial

Gardient Background for web page


For this tutorial you'll need Jasc's psp 7 or corel.com (download trial version)

I assume that you already have Paint shop pro 7 or highter version in your machine. If not download it and install it in your machine.

Now open the psp / corel software.
open new image with 200 x 400 height pixel. (note: you can adjust height according to your need. If you want longer pages you may need height 500 or 600 instead of 400 and viseversa if you need smaller page.)
Using fill tool fill it with any gradient color of your choice.

Now click on Image menu then canvas size



A pop up box will open up. setting should be like this. It would double your canvas size in length.
   

Now click on Layer menu then click on Duplicate.


then click on Image menu then click on Flip. Now your gradient will fill the transparent area.


Again click on Image - Canvas size and setting should be like this. New width of your image will be 1px and height will be 800px.


Now save the image in .jpg format. For example I have given file name as gradbg.jpg

Your html tag should be like this
<html>
<head>
<title>Your page</title>
</head>

<style type="text/css">
<!--
.gradient {
background: #DCECE2 url(images/gradbg.jpg); repeat; }
-->
</style>

<body class="gradient" text="#000000">
<p>your text goes here.
</p>
</body>
</html>

-----------
Note: In your html file you need to add the css code before body tag as shown above and add class in body <body class="gradient" text="#000000">
Add background color which matches with your image.

That's it you are done!!!



--------------------------------------------------


Click here to subscribe for Jasminecorp's product News.

Copyright© 1998 by Jasmine Computers Inc.