PDA

View Full Version : anyone know how to make this effect?

merhebi
03-20-2007, 12:09 PM
Check out www.tv.com


How is that background done? I've tried to make my own background image to do that and it's just not working...

They have it so at any size you set the browser it fills the screen and i just can't do that with a BACKGROUND="bg.gif"


anyone know how this is done??
wintek
03-20-2007, 12:18 PM
Here is the style code they are using:

body {
margin: 0;
border: 0;
text-align: center;
background: url(http://image.com.com/tv/images/tv2_layout/bg-blue.gif) center repeat-y #22304E;
font: normal 12px Arial;
}

Or you could just put in body tag <body>.

Here is their image:
http://image.com.com/tv/images/tv2_layout/bg-blue.gif

That should get your started!
merhebi
03-20-2007, 12:27 PM
ok i'll try it when the site gets back up...
Josh
03-20-2007, 02:43 PM
If that works cool.. the way I've done this before is:

to build your site in tables - Make one table (at 100% to fill the screen) then add 3 columns

1 | 2 | 3

Columns 1 & 3 would contain the background image (split in half so that there is a left and right)

and column 2 for your content...

You then set your background colour to the same colour as the end colour in your background (for example tv.com is dark blue).

If ya get me if not I'll post a screenshot lol.
merhebi
03-26-2007, 09:18 AM
I tried to understand that lol but i just couldn't do it lol it messed up my page lol

www.dreamordestiny.com
Clare
03-26-2007, 01:29 PM
Cool site. I like the idea for it.
Josh
03-26-2007, 02:40 PM
Yeah that's a nice idea good thinking!

Merhebi ~ With the software you're using you don't really need it to be 100% background as it is built using pixels.. The width of the site is 780 pixels so I'd suggest creating a background at about 800 pixels then dothe following:

Go into Templates folder and back up head1.tpl (incase something goes wrong) now open 1 of the head1.tpl and add these lines:

<style type="text/css">
body
{
background: #FFFFFF url('http://www.URL-TO-YOUR-BACKGROUND.com/here.gif') repeat-y fixed center;
}
</style>

Then re-upload the new head1.tpl - Should give you a nice effect, if you want to give it a shot :D
merhebi
03-27-2007, 03:59 PM
Josh

Thanks a lot! I'll try it later wehn i get home today!

I love this forum so much good help!

and thanks for the ideas on the site!

Hopefully soon I can start getting a bigger "fan base" and cut out the clone script and move up to

Dream or Destiny V 2.0 :D make it look like something of it's own!
Josh
03-27-2007, 04:14 PM
No probs, good luck :top: