Search  Search  

Applying vertical gradient background image to a web page
  More Photoshop Creative Suite, Photography ... 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: 2.9      Rate this article   36 
 27 Jun 2011

Applying vertical 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 down and only repeat in ridht direction add this code after the above text:
background-repeat: repeat-x;
so the body tag will be:

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

Current web page is the sample of usage vertical gradient image.

View sample of web page with vertical gradient background image.

  More similar links:

Designing gradient images for buttons, sub headers, etc.

Applying horizontal gradient background image to a web page

New Year 2012 elements. Part II

New Year 2012 elements – for graphic designers

Applying vertical gradient background image to a web page

Applying gradient background image to a table cell

How to Capture a Macromedia Flash Object from a Web Site

 Rate this article from 1 to 5 


11.07.2012    Twinkle

5:10 am As someone who's new to dsgien and is still in the front end of things (ie, I know little PHP), it'd be handy if you could run through what each line does.I'm currently reading through a jQuery book so I can _kinda_

11.07.2012    Emirhan

Check to make sure that your brush is a soft regular brush, if you csohoe one set the brush pressure sensitivity and aren't using a pen pad it will be light , also check to make sure you pen pressure setting isn't active. That is located top next to

        Add comment
Your name:
Your comment:
 Tags: SoftFern Tutorials, SoftFern free Tutorials and Article, SoftFern Photoshop Suite Tutorials, web page, background-image, CSS, vertical gradient background, background image, background-repeat
   More Photoshop Creative Suite, Photography ...

  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