logo-dw

Go Back   Dreamweaver Club Forums > Dreamweaver forums > Dreamweaver General
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 10-18-2008, 09:31 PM   #1
graemepark
 
Join Date: Oct 2008
Posts: 37
Default Faded Background....is this possible

I know when you select a background in DW it just tells the browser what to display and therefore doesn't take an eternity to load....i am looking at having a faded background...is the only way to do this by loading an image and using that as the background?

if so is it possible to have this load once and then be cached so it doesn't need to load a huge background file on each new page?



see the link for a idea...
__________________
http://www.damnduck.co.uk
graemepark is offline   Reply With Quote
Old 10-18-2008, 10:19 PM   #2
domedia
Administrator
domedia's Avatar
 
Join Date: Dec 2003
Posts: 9,730
Default

In your graphics program, slice out a 1px wide version of your bg, and then use repeat-x in CSS to make it repeat horizntally
domedia is offline   Reply With Quote
Old 10-18-2008, 10:21 PM   #3
graemepark
 
Join Date: Oct 2008
Posts: 37
Default

Quote:
Originally Posted by domedia View Post
In your graphics program, slice out a 1px wide version of your bg, and then use repeat-x in CSS to make it repeat horizntally
so you would have me goto my graphics program and take the bacground, move down the side 1 px at a time and place these into the CSS....sureley there will be hundreds?
__________________
http://www.damnduck.co.uk
graemepark is offline   Reply With Quote
Old 10-18-2008, 10:24 PM   #4
domedia
Administrator
domedia's Avatar
 
Join Date: Dec 2003
Posts: 9,730
Default

No, make one image only that is 1px wide and however tall you need it to be and then CSS will repeat it for you.
domedia is offline   Reply With Quote
Old 10-18-2008, 10:26 PM   #5
Rob_Che
Rob_Che's Avatar
 
Join Date: Feb 2008
Posts: 1,553
Default

Quote:
Originally Posted by graemepark View Post
so you would have me goto my graphics program and take the bacground, move down the side 1 px at a time and place these into the CSS....sureley there will be hundreds?
You only need one image, 1px wide and as long as you like...
The CSS code:
Code:
body {
background-image: url(images/pageFade.gif) ;
repeat-background: repeat x ;
}
Will repeat the same image for you.

RC

edit: beat me to it DoMedia . . .
Rob_Che is offline   Reply With Quote
Old 10-18-2008, 10:36 PM   #6
graemepark
 
Join Date: Oct 2008
Posts: 37
Default

i dont understand, if i repeat 1 pixel then it will repeat the same pixel all over the screen....not the different colour fade i am trying to achieve?

if i choose a black pixel my page will all be black, i want a white fade to black
__________________
http://www.damnduck.co.uk
graemepark is offline   Reply With Quote
Old 10-18-2008, 10:41 PM   #7
Rob_Che
Rob_Che's Avatar
 
Join Date: Feb 2008
Posts: 1,553
Default

It's one pixel wide BUT (for example) 500 pixels deep (going down the page)

Create a file in photoshop - 1 px wide and 500 high.
Give it a gradient from black at the top to white at the bottom.
Repeat (using CSS) across your page.
BINGO !

Does that make sense ?

If not - head here: http://freeyourdesign.com/css/css-gr...ckground-fade/
Rob_Che is offline   Reply With Quote
Old 10-18-2008, 10:44 PM   #8
Cary
Cary's Avatar
 
Join Date: Apr 2007
Location: San Diego, CA
Posts: 723
Default

Oops, nevermind...
Cary is offline   Reply With Quote
Old 10-18-2008, 10:45 PM   #9
graemepark
 
Join Date: Oct 2008
Posts: 37
Default

spot on....

now I just need to work out these CSS things....i have the dreamweaver files made up mostly for my wesbite and they seem to be using CSS in the DWT i created...just gona have a play with were to put things....any premeptive help would be great guys
__________________
http://www.damnduck.co.uk
graemepark is offline   Reply With Quote
Old 10-18-2008, 10:50 PM   #10
Cary
Cary's Avatar
 
Join Date: Apr 2007
Location: San Diego, CA
Posts: 723
Default

You should remove default margins and padding from the body using CSS:

body {
margin:0;
padding:0;
}
Cary is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 10:41 AM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com