Search  Search  

Applying horizontal gradient background image to a web page
  More Misc tutorials ... on Twitter on YouTube on flickr on Pinterest on Facebook on Google+ on Tumblr on LinkedIn

Free wallpapers of the hottest girls of the 2014 Winter Olympics

Complete guide for Euro 2012’, about 300 hundred pages filled with comprehensive information about Euro 2012

Euro 12 - teams, managers, players, fixtures, referees, the brand new ‘Tango 12’ Adidas ball and much, much more. Few hundreds amazing photos.

E-books, free e-books, Euro 2012 e-books

Auckland events in photos at

1 500 photos of fun-run 'Ports of Auckland Round the Bays 2012' at

Ocean swim - more than 1 500 photos of State King of the Bays Forums forums Forums - articles, news, links Forums - articles, news, links 

Photos of State King of the Bays event at

‘Complete guide for Euro 2012’: Given profile all 368 footballers with their photos.

‘Complete guide for Euro 2012’: Read about star players of each squad. Find out who is the key player of each team. What Pele expects of Euro 2012?

‘Complete guide for Euro 2012’: Compare annual salary of coaches participating in the Euro-2012 - and how it happened that the team of the most paid coach finished the last in their group?

‘Complete guide for Euro 2012’: Euro 2012 footballers: who are the most expensive players? Who are the Rising stars at Euro 2012?

E-books, free e-books, Euro 2012 e-books
 Rating: 3.4      Rate this article   36 
 27 Jun 2011

Applying horizontal gradient background image to a web page


Change the code in the body tag as follows:
BODY style="background-image: url('Images/grad2.jpg')"

If you are using CSS put the following code in the body portion of your CSS file:
BODY {background-image: url('Images/grad2.jpg')}

To prevent the background image from repeating to the right and only repeat downwards add this code after the above text:
background-repeat: repeat-y;
so the body tag will be:
BODY style="background-image: url('Images/grad2.jpg'); background-repeat: repeat-y"

And CSS file will be:
BODY {background-image: url('Images/grad2.jpg'); background-repeat: repeat-y }

View sample of web page with horizontal gradient background image.

  More similar links:

Applying vertical gradient background image to a web page

Designing vertical gradient background image

Gradient background – Photoshop tutorials on

How to Capture a Macromedia Flash Object from a Web Site

New Year 2012 elements. Part II

Photoshop: How to Design Feathered Edges on an Image

Applying gradient background image to a table cell

 Rate this article from 1 to 5 


11.07.2012    Erika

Good article. It is unnartufote that over the last one decade, the travel industry has already been able to to handle terrorism, SARS, tsunamis, bird flu, swine flu, and also the first ever entire global economic downturn. Through it the industry has

        Add comment
Your name:
Your comment:
 Tags: SoftFern Tutorials, SoftFern free Tutorials and Article, SoftFern Photoshop Suite Tutorials, background, horizontal gradient, web page
   More Misc tutorials ...

  Home page Weird We sell Programming Windows
  News Our Photos Photoshop and Photography SQL server Microsoft Office
  Tech News Our Portfolio iPad Misc Web sites development
  Videos Archive Androids Graphic design Software development
  Auckland and New Zealand About Us Tablet PCs CD/DVD presentation Play games online
  Football Contact us Round the Bays 2012 photos Ocean Swim 2012 photos Auckland Events
  Sport Our Portfolio Stock Images Stock Photos Links Exchange
  Hot Girls Our clients On Twitter Add link Site Map
  Our Twitters’ gadget Site Map Google+ Site Grid
  Health and Beauty Site Grid Pinterest Natalia Soft Fern forums
  Misc News Web pages Facebook Photos, images Hair & Beauty
  On YouTube CD/DVD presentaton Tumblr Daily Motion Flickr
  YouTube - 2 Graphics LinkedIn Live Journal Stumble Upon
  Vimeo - videos Tutorials - Videos Tutorials - Weird Most Popular on Internet Yahts, boats, Tall Ships

SoftFern (New Zealand LTD). 
Design and development by SoftFern 2003 - 2014 Graphics supplied by