Easy html image question

SpaceshipSpaceship
SpaceshipSpaceship
Namecheap AuctionsNamecheap Auctions
Watch

emalen

Established Member
Impact
0
I'm trying to get the same background image effect as

www.tv.com

i know how to make a background image, but it will repeat over and over, how do i get the neat gradient on tv.com

thanks
 
0
Close
The views expressed on this page by users and staff are their own, not those of NamePros.
GoDaddyGoDaddy
I know how to do it but it's kind of hard to explain :/
 
0
Close
that's a lot of help!!! :)

is there a web tutorial out there!?
 
0
Close
Not exactly sure what you mean?? Just have a to where the image doesn't repeat?

HTML:
<style type="text/css">
body { 
background:url("path/to/background.jpg") no-repeat;
}
</style>

:?
 
0
Close
emalen said:
that's a lot of help!!! :)

is there a web tutorial out there!?


You're welcome :)

I think SecondVersion has gotten it, but my way was a little different, let me try to explain...

You use the code above, and then whatever the bottom color is, that's what your BG color should be. Example --- you have a gradient from top to bottom, #000000 to #ffffff so the background color will be #ffffff...

Makes sense?
 
0
Close
SV has the correct one
 
0
Close
Yeah u can use SV's but if you want you could also make the image as big as the page is.
 
0
Close
Coolprogram said:
Yeah u can use SV's but if you want you could also make the image as big as the page is.

No not a good idea to do that. :P
Add this to the body tag if you want repeated content as well. But CSS may be better for this.

BACKGROUND="images/main_bg.gif"
 
0
Close
Why dont you try viewing their source and then checkin out what they have done. I will also try a few and tell you if it works.

Thank you!

(viewing the source and copying it must be done with the permission of the author)
 
0
Close
I tried looking at the source, useing some weird stuff not sure what to tell you on how they did it.
 
0
Close
Looking at source codes is easy but it is like cheating.
 
0
Close
AIVikingsAIVikings

We're social

Escrow.com
Spaceship
Domain Recover
CryptoExchange.com

NamePros updates

Switch between accounts
You can now stay logged in to more than one NamePros account in the same browser. Click your avatar, then "Accounts in this browser", to...
AIVikings
Catchy
  • The sidebar remains visible by scrolling at a speed relative to the page’s height.
Back